.search-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:11px}.search-heading h2{margin:0}.location-btn{border:1px solid rgba(255,255,255,.36);background:rgba(255,255,255,.12);color:#fff;border-radius:8px;padding:9px 12px;font-size:10px;font-weight:800}.location-status{display:none;margin:0 0 10px;padding:8px 10px;border-radius:8px;font-size:10px;font-weight:700;background:rgba(255,255,255,.13);color:#fff}.location-status.show{display:block}.location-inline{display:flex;align-items:center;gap:12px;margin:14px 0}.location-inline small{color:var(--muted);font-size:10px}.btn.secondary{background:#eef3f7;color:var(--navy)}.card-actions,.panel-actions,.action-form-buttons{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:10px}.card-actions .btn{padding:8px 9px;border-radius:7px;font-size:8px}.route-link{border:1px solid #d7e0eb}.google-login{width:100%;background:#fff;color:#1f2937;border:1px solid var(--line);margin:16px 0 8px}.auth-divider{display:flex;align-items:center;gap:10px;margin:14px 0;color:var(--muted);font-size:10px}.auth-divider:before,.auth-divider:after{content:"";height:1px;background:var(--line);flex:1}.supabase-note{font-size:10px!important;line-height:1.5;background:#f6f8fa;border-radius:8px;padding:10px;margin-top:14px!important}.form-message.show{display:block}.upload.has-image{background-size:cover;background-position:center;color:#fff;text-shadow:0 1px 7px rgba(0,0,0,.65);border-color:transparent}@media(max-width:850px){.search-heading{display:block}.location-btn{width:100%;margin-top:8px}.location-inline{display:block}.location-inline small{display:block;margin-top:7px}}.logout-user{display:none}.logout-user.show{display:inline-flex}

.search-grid input:disabled{background:#f1f3f5;color:#8a94a3;cursor:not-allowed}.search-grid label:has(input:disabled){background:#f1f3f5}.search-grid input::-webkit-calendar-picker-indicator{display:none!important}

/* Shared quick report flow: both lost and found reports start with only essential fields. */
.report-panel.quick-mode{width:min(680px,calc(100vw - 32px))}.optional-details-toggle{display:none}.report-panel.quick-mode .optional-details-toggle{display:inline-flex;margin:-4px 0 4px}.report-panel.quick-mode:not(.detailed-mode) .simple-optional{display:none}.report-panel.quick-mode #reportForm{gap:16px}.report-panel.quick-mode .upload{min-height:150px}.report-panel.quick-mode .form-submit small{display:none}.report-panel:not(.found-mode) form .found-only,.report-panel.found-mode form .lost-only{display:none}.report-panel.found-mode form .found-only,.report-panel:not(.found-mode) form .lost-only{display:grid}.found-situation small,.lost-location small{color:#536274;line-height:1.4;margin-top:3px}.found-situation select{border-color:#ffb36d;background:#fff8f1}

.badge.owner-search{background:var(--orange)}.badge.reunited{background:#198759}.claim-pet{background:#198759;color:#fff}

/* Harmonized hero portraits: shared color treatment and softly blended organic frames. */
.hero-pets{
  left:42%;
  right:1.5%;
  top:18px;
  bottom:18px;
  overflow:visible;
  isolation:isolate;
}
.hero-pets::before{
  content:"";
  position:absolute;
  inset:4% 1% 2% 0;
  z-index:-1;
  background:
    radial-gradient(circle at 28% 50%,rgba(6,45,97,.08) 0 30%,transparent 30.5%),
    radial-gradient(circle at 78% 48%,rgba(255,121,0,.10) 0 27%,transparent 27.5%);
  filter:blur(2px);
}
.hero-pets::after{
  z-index:3;
  inset:-18px;
  pointer-events:none;
  background:linear-gradient(90deg,#f8f7f4 0%,rgba(248,247,244,.82) 10%,transparent 29%,transparent 88%,rgba(255,246,212,.42) 100%);
}
.hero-pets img{
  height:100%;
  filter:saturate(.82) contrast(.96) brightness(1.035) drop-shadow(0 14px 22px rgba(7,38,79,.10));
  -webkit-mask-image:radial-gradient(ellipse 50% 55% at 50% 50%,#000 58%,rgba(0,0,0,.88) 68%,transparent 82%);
  mask-image:radial-gradient(ellipse 50% 55% at 50% 50%,#000 58%,rgba(0,0,0,.88) 68%,transparent 82%);
}
.hero-pets .hero-dog{
  width:54%;
  height:112%;
  left:0;
  top:-6%;
  object-position:50% 45%;
  filter:saturate(.82) contrast(.96) brightness(1.035) drop-shadow(0 14px 22px rgba(7,38,79,.10));
  -webkit-mask-image:radial-gradient(ellipse 50% 55% at 50% 50%,#000 58%,rgba(0,0,0,.88) 68%,transparent 82%);
  mask-image:radial-gradient(ellipse 50% 55% at 50% 50%,#000 58%,rgba(0,0,0,.88) 68%,transparent 82%);
}
.hero-pets .hero-cat{
  width:43%;
  right:1%;
  bottom:0;
  object-position:50% 48%;
  clip-path:none;
}

@media(max-width:1100px){
  .hero-pets{left:45%;right:-4%}
  .hero-pets .hero-dog{width:58%;left:-3%}
  .hero-pets .hero-cat{width:46%;right:-1%}
}

@media(max-width:850px){
  .hero-pets{top:auto;bottom:0;left:auto;right:-8%;overflow:hidden}
  .hero-pets::after{inset:0;background:linear-gradient(90deg,#f8f7f4 0%,rgba(248,247,244,.52) 25%,transparent 62%)}
  .hero-pets .hero-dog{width:100%;height:125%;left:0;top:-8%;object-position:50% 38%}
  .hero-pets .hero-cat{display:none}
}