/* NOW panels: light surfaces matching the established white pin popups.
   Keep map controls, pin markers, toasts and photo viewer on their existing palettes. */
:is(.radar-panel,.time-menu,.filter,.sheet,.preadd,.placebar,.confirmbar,.local-card){
  --panel:#ffffff;
  --p2:#f5f6f8;
  --p3:#e9edf0;
  --text:#20262d;
  --muted:#697480;
  --line:#dfe4e8;
  background:#ffffff;
  color:var(--text);
  border:1px solid var(--line);
  box-shadow:0 16px 42px rgba(17,24,39,.19);
  color-scheme:light;
}
/* Clear visual separation between content sections. */
.sheet{box-shadow:0 -14px 42px rgba(17,24,39,.2)}
.sheet .handle{background:#cbd1d7}
.sheet .form-section-heading{color:#606c78}
.sheet .extra-section{border-top-color:#e2e6eb}
.sheet .close,.local-card .local-close{
  background:#f4f6f8;color:#313b45;border-color:#dce2e8;
}
.sheet .close:hover,.local-card .local-close:hover{background:#ebeff3}
.sheet .tab{
  background:#f4f6f8;color:#586370;border-color:#dee3e9;
}
.sheet .tab small{background:#e8edf1;color:#57616d}
.sheet .tab.active{
  background:#fff9e8;color:#20262d;
  border-color:var(--cat-color,var(--accent));
  box-shadow:inset 0 0 0 1px var(--cat-color,var(--accent));
}
.sheet .choice{
  background:#f8f9fa;color:#242b33;border-color:#e0e5ea;
}
.sheet .choice:hover{background:#f0f3f6}
.sheet .choice.active{
  background:#fffbef;
  border-color:var(--choice-color,var(--accent));
  box-shadow:inset 0 0 0 1px var(--choice-color,var(--accent));
}
.sheet .choice.active .choice-label{color:#20262d}
.sheet .choice-icon,.sheet .sel-icon{color:#fff}
.sheet .optional-fields textarea,
.local-card .report-field textarea{
  background:#f8f9fa;color:#20262d;border-color:#dbe2e8;
}
.sheet .photo-upload-btn{background:#f4f6f8;color:#20262d;border-color:#dbe2e8}
.sheet .photo-upload-btn:hover:not(:disabled){background:#ebeff3}
.sheet .photo-preview button{color:#313b45}
.sheet .secondary{color:#586370;border-color:#dbe2e8}
.sheet .primary{color:#17191d}

/* Filter and time panels share the same popup-like surfaces. */
.time-menu .time-option{
  background:#f5f7f9;color:#313a44;border-color:#e0e5eb;
}
.time-menu .time-option[aria-pressed="true"]{
  background:var(--accent);color:#252013;border-color:var(--accent);
}
.filter .filter-all-toggle.all-off{background:#fce8e8;color:#a73535;border-color:#edc7c7}
.filter .filter-all-toggle.all-on{background:#fff4c9;color:#5d4b19;border-color:#e7d787}
.filter .filter-scope-btn{background:#f5f6f8;color:#35404b;border-color:#dfe4e8}
.filter .filter-scope-btn.selected{background:#ffea65;color:#171a20;border-color:#d4bd58}
.filter .filter-category{background:#fff;border-color:#dfe4e8}
.filter .filter-cat-expand{background:transparent;color:#252b33}
.filter .filter-cat-check{background:#f5f6f8;color:transparent;border-color:#c9d1d8}
.filter .filter-cat-check.selected{background:#ffea65;color:#20262d;border-color:#d2bc58}
.filter .filter-type{background:#f7f8fa;color:#34404a;border-color:#dfe4e8}
.filter .filter-type.selected{background:#fffaf0;color:#20262d;border-color:#d9c36e}
.filter .filter-type-icon{color:var(--type-color,#61717d)}
.filter .filter-head b,.time-menu strong,.radar-panel strong{color:#252b33}

/* The pin placement guidance, confirmation and warning dialog stay legible. */
.preadd .preadd-note{background:#fff9e8;border-color:#f0dfa8;color:#6a5624}
.preadd .preadd-abuse-note{background:#fce9e9;border-color:#edc9ca;color:#943b41}
.preadd .preadd-cancel,.confirmbar .confirm-change{
  background:#f4f6f8;color:#34404a;border-color:#dce2e8;
}
.preadd .preadd-ok,.confirmbar .confirm-publish{color:#1f242a}
.placebar .placeemoji{color:#52616e}
.confirmbar .confirm-icon{color:#fff}
.placebar .placecancel{
  background:#f5f7f9;color:#35414c;border-color:#dce2e8;
}
.confirmbar .confirm-warning{
  background:#fff9e8;border-color:#f0dfa8;color:#655426;
}
.confirmbar .confirm-check{color:#34404a}
.confirmbar .confirm-cancel{color:#6b7680}
.local-card .report-submit{color:#1f242a}
.local-card p{color:#65717d}
:is(.filter,.time-menu,.radar-panel,.sheet,.preadd,.local-card,.placebar,.confirmbar)
  :is(button,textarea,input):focus-visible{
  outline:2px solid #b99c39;
  outline-offset:2px;
}

/* Restriction notice: readable white type on soft red, not the map's yellow CTA. */
.local-card.ban-card{background:#292126;color:#fff;border-color:#a65c66}
.local-card.ban-card p{color:#f1e9eb}
.local-card.ban-card .ban-duration{background:#68343b;color:#fff;border-color:#b36d77}
.local-card.ban-card .ban-ack{background:#a94c59;color:#fff;border:1px solid #c36f7a}
.local-card.ban-card .ban-ack:hover{background:#923e4c}