/* ePostg-inspired red accents, with consistent colors for food and community tools. */
@media screen {
  .simple-shell {
    --paper: #f7f9fc;
    --green: #24384b;
    --ink: #243247;
    --muted: #606e80;
    --line: #dce3ec;
    --soft: #eef3f9;
    --red: #d91e3c;
    --brand: #d91e3c;
    --brand-soft: #fff0f3;
    --blue: #2166bb;
    --blue-soft: #eaf2ff;
    --teal: #087f73;
    --teal-soft: #e5f5f1;
    --violet: #7251bf;
    --violet-soft: #f2edff;
    --gold: #94610a;
    --gold-soft: #fff3d2;
    background: var(--paper);
    color: var(--ink);
    accent-color: var(--brand);
  }
  .ui-icon {display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;width:20px;height:20px;flex:0 0 auto;line-height:1;color:inherit;pointer-events:none}
  .ui-icon svg {width:100%;height:100%;display:block}
  .icon-red {color:var(--brand);--icon-soft:var(--brand-soft)}
  .icon-blue {color:var(--blue);--icon-soft:var(--blue-soft)}
  .icon-teal {color:var(--teal);--icon-soft:var(--teal-soft)}
  .icon-violet {color:var(--violet);--icon-soft:var(--violet-soft)}
  .icon-gold {color:var(--gold);--icon-soft:var(--gold-soft)}
  .has-ui-icon {display:inline-flex;align-items:center;justify-content:center;gap:8px}
  .simple-shell :is(button,a,input,select,textarea,summary):focus-visible {outline:3px solid var(--blue);outline-offset:3px}
  .simple-header .wordmark {color:var(--brand)}
  .simple-header .wordmark>span {color:var(--muted)}
  .simple-header nav>a.has-ui-icon {display:inline-flex!important}
  .simple-header nav>.header-add {background:var(--brand-soft);color:var(--brand);border-radius:9px;padding:9px 12px;font-weight:700}
  .simple-header .header-back {color:var(--teal)}
  .simple-header .menu-button .ui-icon {color:var(--violet)}
  .simple-header .account-chip {gap:7px}
  .simple-header .account-chip>.ui-icon {width:28px;height:28px;padding:5px;border-radius:9px;background:var(--blue-soft);color:var(--blue)}
  .simple-header .member-points {color:var(--gold);background:var(--gold-soft);border-radius:6px;padding:2px 5px;font-weight:700}
  .simple-home .query-form {border-color:#cbd8e8;box-shadow:0 3px 12px #22395106}
  .simple-home .query-form:focus-within {border-color:var(--blue);box-shadow:0 0 0 3px #2166bb15}
  .simple-home .search-symbol {display:flex;color:var(--brand);transform:none}
  .simple-home .search-symbol .ui-icon {width:23px;height:23px}
  .simple-shell .query-form button,
  .simple-shell .solid-button,
  .simple-shell .primary,
  .simple-shell .visit-actions .primary,
  .simple-shell .visit-button.primary,
  .simple-shell .primary-button,
  .simple-shell .dialog-submit {background:var(--brand);border-color:var(--brand);color:#fff}
  .simple-shell :is(.query-form button,.solid-button,.primary,.primary-button,.dialog-submit):not(:disabled):hover {background:#bd1531;border-color:#bd1531;color:#fff}
  .simple-shell :is(.primary-button,.solid-button,.primary,.dialog-submit):disabled {background:#e5e9ef;border-color:#d5dce6;color:#667589;opacity:1;cursor:default;box-shadow:none}
  .browse-options .quiet-button {color:var(--blue)}
  .browse-options #filter-open {background:var(--blue-soft);padding:7px 10px;border-radius:8px}
  .browse-options #course-shortcut {color:var(--violet)}
  .filter-count {background:var(--blue)}
  .view-switch {background:#e7edf5}
  .view-switch button {display:inline-flex;align-items:center;gap:6px}
  .view-switch [aria-pressed=true] {color:var(--blue);background:#fff}
  .view-switch .ui-icon {width:16px;height:16px}
  .simple-home .results-heading {background:#f0f5fc}
  .simple-home .results-heading h2 {display:flex;align-items:center;gap:8px}
  .simple-home .results-heading #result-count {color:var(--blue);font-weight:700}
  .simple-home .result-card:hover,.simple-home .result-card.active {background:color-mix(in srgb,var(--cuisine) 5%,white)}
  .simple-home .result-card.active {box-shadow:inset 3px 0 var(--cuisine)}
  .simple-home .result-category {flex-wrap:wrap;gap:5px 7px;line-height:1.5;margin-top:6px}
  .cuisine-label {display:inline-flex;align-items:center;gap:5px;font-size:13px;font-weight:700;color:var(--cuisine);background:color-mix(in srgb,var(--cuisine) 9%,white);padding:3px 7px;border-radius:6px}
  .cuisine-label .ui-icon {width:15px;height:15px}
  .simple-home .result-city {font-size:13px;color:var(--muted)}
  .simple-home .result-links .visit-detail {color:var(--blue)}
  .simple-home .finder-line {color:var(--gold)}
  .simple-home .map-topline button {color:var(--blue);display:inline-flex;align-items:center;gap:6px}
  .simple-home .map-topline .ui-icon {width:17px;height:17px}
  .simple-shell .pin-shape {border-color:#fff;box-shadow:0 2px 7px #1e34434d}
  .pin-shape>.pin-content {width:25px;height:25px;display:flex;align-items:center;justify-content:center;position:relative}
  .pin-content>.ui-icon {width:18px;height:18px}
  .pin-finder {position:absolute;right:-9px;top:-10px;width:17px;height:17px;display:flex;align-items:center;justify-content:center;background:#ffcf51;border:1.5px solid white;border-radius:50%;font-size:11px;line-height:1;color:#754506;box-shadow:0 1px 3px #24324730}
  .simple-shell .food-pin.needs-finder .pin-shape {opacity:1}
  .simple-shell .food-pin.has-finder .pin-shape {box-shadow:0 0 0 2px #ffcf51,0 3px 9px #24324740}
  .simple-shell .cluster-circle {background:var(--blue);border-color:#fff;box-shadow:0 0 0 4px #2166bb24,0 2px 8px #18365330}
  .simple-shell .leaflet-control-zoom a {color:var(--blue)!important;background:#fff!important}
  .simple-shell .leaflet-popup-content-wrapper,.simple-shell .leaflet-popup-tip {background:#fff}
  .simple-home .preview-copy .preview-category {display:flex;flex-wrap:wrap;align-items:center;gap:7px;color:var(--muted)}
  .simple-home .preview-links a {color:var(--blue)}
  .simple-shell :is(.simple-dialog,.board-dialog,.account-dialog) {background:#fff;border-color:var(--line);box-shadow:0 18px 80px #1d315333}
  .filter-dialog .cuisine-button {justify-content:flex-start;gap:8px;padding:9px;color:var(--ink);border-color:var(--line);background:#fff}
  .filter-dialog .cuisine-button>.ui-icon {width:30px;height:30px;padding:5px;border-radius:8px;background:color-mix(in srgb,var(--cuisine) 11%,white);color:var(--cuisine)}
  .filter-dialog .cuisine-button[aria-pressed=true] {background:color-mix(in srgb,var(--cuisine) 8%,white);border-color:var(--cuisine);color:var(--ink)}
  .filter-dialog .cuisine-button[aria-pressed=true]>.ui-icon {background:var(--cuisine);color:white}
  .filter-dialog .cuisine-button[aria-pressed=false] {border-style:dashed}
  .simple-menu-links>a,.simple-menu-links>button {display:flex;align-items:center;justify-content:flex-start;gap:12px;padding:11px 0;color:var(--ink);border-color:#edf1f7}
  .simple-menu-links .ui-icon {width:36px;height:36px;padding:8px;border-radius:11px;background:var(--icon-soft)}
  .simple-menu-links>*:hover {color:var(--brand);background:#f7f9fc}
  .simple-shell .member-badge {background:var(--blue-soft);border-color:#c9daf5;color:var(--blue);border-radius:6px}
  .simple-shell .member-badge.finder {background:var(--gold-soft);border-color:#e9d08c;color:var(--gold)}
  .simple-shell .member-badge.affiliation {background:var(--violet-soft);border-color:#dacbf1;color:var(--violet)}
  .simple-shell .account-card>.ui-icon {display:none}
  .simple-venue #venue-kicker {display:inline-flex;align-items:center;gap:7px;padding:5px 10px;border-radius:7px;color:var(--cuisine,var(--teal));background:color-mix(in srgb,var(--cuisine,var(--teal)) 9%,white)}
  .simple-venue #venue-finder,.simple-venue #claim-this {color:var(--gold)}
  .simple-venue #venue-directions.primary {background:var(--blue);border-color:var(--blue);color:white}
  .simple-venue .venue-primary-actions>[data-open-dialog=story-dialog] {background:var(--violet-soft);border-color:#ddd0f4;color:var(--violet);font-weight:700}
  .venue-tabs button {display:flex;align-items:center;gap:7px}
  .venue-tabs [data-venue-tab=contribute] {--tab-color:var(--violet)}
  .venue-tabs [data-venue-tab=venue-info] {--tab-color:var(--blue)}
  .venue-tabs [data-venue-tab=venue-event-panel] {--tab-color:var(--brand)}
  .venue-tabs button>.ui-icon {color:var(--tab-color);width:18px;height:18px}
  .venue-tabs button[aria-selected=true] {color:var(--tab-color);border-bottom-color:var(--tab-color)}
  .simple-venue .story-topic {padding:3px 8px;background:var(--violet-soft);color:var(--violet);border-radius:5px}
  .simple-venue .reply-area {background:#f0f4fa}
  .simple-shell .photo-field label {display:flex;align-items:center;gap:7px;color:var(--teal)}
  .simple-shell #story-dialog .composer-social .share-toggle:has(input:checked) {background:var(--violet-soft);border-color:var(--violet)}
  .simple-shell #story-dialog .share-toggle input:checked {background:var(--violet)!important}
  .simple-shell.register-page .stepper li.active {color:var(--brand)}
  .simple-shell.register-page .stepper li.active>span {background:var(--brand);border-color:var(--brand);color:#fff}
  .simple-shell.register-page .stepper li.done>span {background:var(--teal-soft);border-color:#93cfc4;color:var(--teal)}
  .simple-shell.register-page .search-input-wrap>span {display:flex;align-items:center;color:var(--brand);transform:none}
  .simple-shell.register-page .missing-place>summary {color:var(--brand);font-weight:700}
  .simple-shell.register-page .award-preview {background:var(--gold-soft);color:#805107;border:1px solid #ebd28e;border-radius:10px;padding:13px 15px;gap:12px;flex-wrap:wrap}
  .simple-shell.register-page .award-preview b,.simple-shell.register-page .earned-points {color:var(--gold)}
  .simple-shell.register-page .success-stamp {color:var(--gold);background:var(--gold-soft);border-color:#d9aa32;outline-color:#d9aa32}
  .simple-shell.register-page .success-stamp .ui-icon {width:32px;height:32px}
  .simple-shell.register-page .place-option:hover,.simple-shell.register-page .place-option[aria-selected=true] {background:var(--blue-soft)}
  .simple-shell .registration-location-actions button:first-child {background:var(--blue);border-color:var(--blue);color:white}
  .simple-shell .registration-pin span {background:var(--brand)}
  .simple-shell .event-card {border-left:3px solid var(--brand);padding-left:17px}
  .simple-shell .simple-toast {background:var(--ink)}
  @media(max-width:700px) {
    .simple-header nav {gap:10px}
    .simple-header nav>.header-add {padding:8px}
    .simple-header .header-add .ui-icon,.simple-header .menu-button .ui-icon {width:17px;height:17px}
    .simple-header .has-ui-icon {gap:5px}
    .simple-header .account-chip>.ui-icon {display:none}
    .simple-header .account-chip {max-width:122px}
    .browse-options #filter-open {padding:7px 9px}
    .view-switch button {padding:6px 9px}
    .filter-dialog .cuisine-button {flex-direction:column;justify-content:center;gap:6px;padding:10px 5px;min-height:81px;font-size:14px}
    .filter-dialog .cuisine-button>.ui-icon {width:31px;height:31px;padding:5px}
    .simple-home .result-category {font-size:14px}
    .venue-tabs {gap:22px}
  }
  @media(max-width:420px) {
    .simple-header .menu-button .ui-icon {display:none}
    .simple-header nav {gap:9px}
    .simple-header .wordmark {max-width:126px}
    .simple-header .account-chip {max-width:102px}
    .simple-header .account-handle {max-width:54px}
    .simple-header .member-points {font-size:12px;padding:2px 3px}
    .browse-options .quiet-button {margin-right:0}
    .view-switch button {padding:6px 8px}
    .view-switch .ui-icon {display:none}
    .venue-tabs {gap:20px}
  }
  @media(max-width:380px) {
    .simple-header nav>.header-add.has-ui-icon {display:none!important}
    .browse-options #course-shortcut .ui-icon {display:none}
    .browse-options {gap:7px}
  }
}