/* Color rule: RED = selling, GREEN = buying, everything else neutral. */
body[data-mode="day"]{--brand:#1F2937;--brand-dark:#111827;--brand-soft:#F1F2F4;--neon:#9CA3AF;--sell:#E63946;--buy:#16A34A}
body[data-mode="night"]{--brand:#E5E7EB;--brand-dark:#F3F4F6;--brand-soft:#1F2329;--neon:#6B7280;--sell:#E63946;--buy:#22C55E}
/* neutral primary (Sign in, Search, Save, Submit, View inventory) */
html body[data-mode] .btn.btn-primary{background:var(--brand)!important;color:var(--bg,#fff)!important;border-color:var(--brand)!important;box-shadow:none!important}
html body[data-mode="day"] .btn.btn-primary{color:#fff!important}
html body[data-mode="night"] .btn.btn-primary{color:#111!important}
/* selling = red */
html body[data-mode] .btn.btn-primary.btn-sell,html body[data-mode] .install-x{background:var(--sell)!important;border-color:var(--sell)!important;color:#fff!important;box-shadow:0 0 14px rgba(230,57,70,.35)!important}
html body[data-mode] .tab.post-tab, html body[data-mode] .tab.post-tab *{--brand:#E63946}
/* buying = green */
html body[data-mode] .btn.btn-primary.btn-buy{background:var(--buy)!important;border-color:var(--buy)!important;color:#fff!important;box-shadow:0 0 14px rgba(34,197,94,.35)!important}
html body[data-mode="night"] .btn.btn-primary.btn-buy{color:#052e16!important}
/* selected tab glow + map pins stay red */
html body[data-mode] .tab.on,html body[data-mode] .leaflet-container{--brand:#E63946;--neon:#E63946}
/* seller mode tabs (List items / Quick sale) active = red */
html body[data-mode] .mode-tabs .on,html body[data-mode] .mode-tabs .active{--brand:#E63946}
/* group photo confirm keeps its own outline */
html body[data-mode] .btn.gp-confirm{background:transparent!important;color:#E63946!important;border:2px solid #E63946!important;box-shadow:none!important}
html body[data-mode] .btn.gp-confirm.is-on{color:#16A34A!important;border-color:#22C55E!important;background:rgba(34,197,94,.12)!important}

/* ---- Neutralize non-sell / non-buy red ---- */
html body[data-mode="day"] .map-search,html body[data-mode="day"] .locate-btn,html body[data-mode="day"] .map-brand-float,
html body[data-mode="day"] .profile-appearance,html body[data-mode="day"] .auth-mode-wrap .mode-chooser,
html body[data-mode="day"] .sale-card,html body[data-mode="day"] .inv-result-card,html body[data-mode="day"] .item-card,
html body[data-mode="day"] .btn-secondary,html body[data-mode="day"] .card,html body[data-mode="day"] .empty-state{box-shadow:3px 3px 0 #0A0A0A!important}
html body[data-mode="day"] .btn-secondary{box-shadow:2px 2px 0 #0A0A0A!important}
html body[data-mode="day"] .bottom-sheet{box-shadow:0 -6px 0 rgba(0,0,0,.06)!important}
html body[data-mode="night"] .locate-btn,html body[data-mode="night"] .map-search svg{color:#E5E7EB!important;border-color:rgba(255,255,255,.18)!important;box-shadow:none!important}
html body[data-mode="night"] .profile-appearance,html body[data-mode="night"] .auth-mode-wrap .mode-chooser,
html body[data-mode="night"] .map-mode-float .mode-chooser,html body[data-mode="night"] .mode-slider-track,
html body[data-mode="night"] .report-modal,html body[data-mode="night"] .empty-state .btn-primary,
html body[data-mode="night"] .desk-logo,html body[data-mode="night"] .desk-search .map-search{border-color:rgba(255,255,255,.18)!important}
/* Day/Night active pill + value label */
html body[data-mode] .mode-slider-knob{background:#1F2937!important;box-shadow:0 2px 6px rgba(0,0,0,.25)!important}
html body[data-mode="night"] .mode-slider-knob{background:#E5E7EB!important}
html body[data-mode="night"] .mode-slider-opt[aria-checked="true"],html body[data-mode="night"] .mode-slider-opt.active,html body[data-mode="night"] .mode-slider-opt.on{color:#111!important}
html body[data-mode] .profile-appearance-value{color:inherit!important;opacity:.7}
/* top banner red underline */
html body[data-mode] .example-banner,html body[data-mode] .map-home-banner{border-bottom-color:rgba(255,255,255,.15)!important;box-shadow:none!important}
/* links */
html body[data-mode] .sheet-list-link,html body[data-mode] .site-legal-footer a,html body[data-mode] .legal-link-stack a,html body[data-mode] .muted-note a,html body[data-mode] .empty-state a:not(.btn){color:inherit!important;text-decoration:underline!important;text-underline-offset:2px}
html body[data-mode] .legal-body blockquote.legal-callout{border-left-color:#9CA3AF!important;background:rgba(127,127,127,.08)!important}
/* chips / prices / badges */
html body[data-mode="day"] .chip.on,html body[data-mode="day"] .cat-chip.active,html body[data-mode="day"] #priceChips .active{background:#0A0A0A!important;color:#fff!important;box-shadow:none!important}
html body[data-mode="night"] .cat-chip.active,html body[data-mode="night"] .chip-bar button.active,html body[data-mode="night"] .chip.on,html body[data-mode="night"] #priceChips .active{background:rgba(255,255,255,.14)!important;border-color:rgba(255,255,255,.35)!important;color:#fff!important;box-shadow:none!important}
html body[data-mode="day"] .inv-price,html body[data-mode="day"] .sticker-price,html body[data-mode="day"] .item-card .price{background:#0A0A0A!important;color:#fff!important}
html body[data-mode="night"] .inv-price{color:#F3F4F6!important;text-shadow:none!important;background:transparent!important}
html body[data-mode="night"] .status-pill.reserved{background:rgba(250,204,21,.15)!important;color:#FDE68A!important;border-color:rgba(250,204,21,.35)!important}
html body[data-mode] .desk-panel .pill{background:rgba(127,127,127,.12)!important;border-color:rgba(127,127,127,.3)!important}
/* group photo: method toggle + New badge neutral; Make/Add stays red via .btn-sell */
html body[data-mode] .gp-new{background:transparent!important;color:inherit!important;border:1px solid currentColor;opacity:.75}
html body[data-mode] .gp-method button.active{background:#1F2937!important;color:#fff!important;box-shadow:none!important}
html body[data-mode="night"] .gp-method button.active{background:#E5E7EB!important;color:#111!important}
/* desktop nav active -> neutral, desk Post stays red */
html body[data-mode] .desk-nav a.active:not(.desk-post){background:#1F2937!important}

/* ---- Online buying: Coming soon (disabled, muted green) ---- */
html body[data-mode] .btn.btn-buy-soon{background:rgba(34,197,94,.14)!important;color:#3F7D55!important;border:1.5px dashed rgba(34,197,94,.55)!important;box-shadow:none!important;cursor:not-allowed!important;opacity:1;pointer-events:none}
html body[data-mode="night"] .btn.btn-buy-soon{color:#86C9A0!important;background:rgba(34,197,94,.10)!important}
.buy-soon-note{font-size:12px;margin:4px 0 0;opacity:.75}
.shop-soon{text-align:center;padding:22px 16px;border-radius:18px;background:var(--card);border:1px solid rgba(127,127,127,.25);display:grid;gap:10px}
.shop-soon h2{margin:0;font-size:22px}.shop-soon p{margin:0}.shop-soon-icon{font-size:40px}
/* silver v10: soft shadow glow on selected tab; small accents = thin outline + text only */
html body[data-mode] .tabbar .tab.active:not(.post-tab){--brand:#C0C7D1;--neon:#C0C7D1}
html body[data-mode]:not(#_r):not(#_p) .tabbar a.tab.active:not(.post-tab){background:rgba(192,199,209,.12)!important;color:#fff!important;box-shadow:0 0 0 1px rgba(192,199,209,.4),0 0 20px rgba(192,199,209,.4),0 8px 18px rgba(0,0,0,.35)!important}
html body[data-mode]:not(#_r):not(#_p) .tabbar a.tab.active:not(.post-tab) span,html body[data-mode]:not(#_r):not(#_p) .tabbar a.tab.active:not(.post-tab) svg{color:#E5E9EF!important}
html body[data-mode="night"] .chip-bar button.active,html body[data-mode="night"] .cat-chip.active,html body[data-mode="night"] .gp-method button.active{border-color:#C0C7D1!important;color:#C0C7D1!important;box-shadow:inset 0 0 0 1px #C0C7D1!important;background:transparent!important}
html body[data-mode="day"] .chip-bar button.active,html body[data-mode="day"] .cat-chip.active,html body[data-mode="day"] .gp-method button.active{border-color:#6B7280!important;color:#4B5563!important;box-shadow:inset 0 0 0 1px #6B7280!important;background:transparent!important}
html body[data-mode="night"] .sheet-list-link{color:#C0C7D1!important}
html body[data-mode="day"] .sheet-list-link{color:#6B7280!important}
html body[data-mode="night"] .mode-slider-knob{background:rgba(192,199,209,.25)!important;box-shadow:0 0 0 1px #C0C7D1,0 0 10px rgba(192,199,209,.4)!important}
html body[data-mode="day"] .mode-slider-knob{background:rgba(107,114,128,.15)!important;box-shadow:0 0 0 1px #6B7280!important}
html body[data-mode] .gp-demo-badge{border:1px solid #C0C7D1!important}
html body[data-mode="day"] .gp-demo-badge{border-color:#6B7280!important}
/* silver touches throughout (soft shadows only) */
html body[data-mode="night"] .card,html body[data-mode="night"] .item-card,html body[data-mode="night"] .inv-result-card,html body[data-mode="night"] .pro-card,html body[data-mode="night"] .sheet-card,html body[data-mode="night"] .quick-card,html body[data-mode="night"] .desk-card,html body[data-mode="night"] .pin-card{box-shadow:0 0 0 1px rgba(192,199,209,.18),0 4px 14px rgba(192,199,209,.08)!important}
html body[data-mode="day"] .card,html body[data-mode="day"] .item-card,html body[data-mode="day"] .inv-result-card,html body[data-mode="day"] .pro-card,html body[data-mode="day"] .sheet-card,html body[data-mode="day"] .quick-card,html body[data-mode="day"] .desk-card,html body[data-mode="day"] .pin-card{box-shadow:0 0 0 1px rgba(107,114,128,.16),0 4px 14px rgba(107,114,128,.10)!important}
html body[data-mode="night"] .screen-head,html body[data-mode="night"] .desk-header{box-shadow:0 6px 16px -10px rgba(192,199,209,.35)!important}
html body[data-mode="day"] .screen-head,html body[data-mode="day"] .desk-header{box-shadow:0 6px 16px -10px rgba(107,114,128,.30)!important}
html body[data-mode="night"] hr,html body[data-mode="night"] .cat-section{border-color:rgba(192,199,209,.22)!important}
html body[data-mode="day"] hr,html body[data-mode="day"] .cat-section{border-color:rgba(107,114,128,.20)!important}
html body[data-mode="night"] input:focus,html body[data-mode="night"] textarea:focus,html body[data-mode="night"] select:focus{outline:none!important;border-color:rgba(192,199,209,.6)!important;box-shadow:0 0 0 1px rgba(192,199,209,.45),0 0 12px rgba(192,199,209,.3)!important}
html body[data-mode="day"] input:focus,html body[data-mode="day"] textarea:focus,html body[data-mode="day"] select:focus{outline:none!important;border-color:#6B7280!important;box-shadow:0 0 0 1px rgba(107,114,128,.4),0 0 10px rgba(107,114,128,.25)!important}
/* buy/sell soft glows (own colors kept) */
html body[data-mode] .btn.btn-buy,html body[data-mode] .btn.btn-buy-soon{box-shadow:0 0 14px rgba(34,197,94,.4)!important}
html body[data-mode] .btn.btn-sell,html body[data-mode] .tabbar .tab.post-tab .post-fab,html body[data-mode] .desk-nav a.desk-post{box-shadow:0 0 14px rgba(239,68,68,.4)!important}
html body[data-mode="night"] .desk-nav a:not(.desk-post):not(.active){color:#C0C7D1!important}html body[data-mode="day"] .desk-nav a:not(.desk-post):not(.active){color:#C0C7D1!important}
html body[data-mode="day"] .desk-header .mode-slider-opt:not(.active),html body[data-mode="day"] .desk-header .mode-slider-opt:not(.active) *{color:#C0C7D1!important}
/* user exception: selected bottom tab label glows green, neon green dot */
html body[data-mode]:not(#_r):not(#_p) .tabbar a.tab.active:not(.post-tab) span{color:#4ADE80!important;text-shadow:0 0 8px rgba(74,222,128,.8)!important}
html body[data-mode]:not(#_r):not(#_p) .tabbar a.tab.active:not(.post-tab)::after{background:#39FF14!important;box-shadow:0 0 6px #39FF14,0 0 12px rgba(57,255,20,.7)!important}
html body[data-mode]:not(#_r):not(#_p) .tabbar a.tab:not(.active):not(.post-tab) span{opacity:.75}
/* buy buttons: full solid green, white text, soft green glow */
html body[data-mode]:not(#_r) .btn.btn-buy,html body[data-mode]:not(#_r) .btn.btn-buy *{background:#16A34A!important;color:#fff!important;border:1px solid #16A34A!important;box-shadow:0 0 14px rgba(34,197,94,.42)!important}
html body[data-mode]:not(#_r) .btn.btn-buy *{background:transparent!important;border:0!important;box-shadow:none!important}
html body[data-mode]:not(#_r) .btn.btn-buy-soon{background:rgba(22,163,74,.78)!important;color:#fff!important;border:1px solid rgba(22,163,74,.78)!important;border-style:solid!important;box-shadow:0 0 12px rgba(34,197,94,.3)!important;opacity:1!important}
html body[data-mode]:not(#_r) .btn.btn-buy-soon *{color:#fff!important}
/* Phone: keep the (i) attribution button from peeking out behind the locate button */
@media (max-width:899px){html body[data-mode] .map-home .map-attr,html body[data-mode] .map-home.sheet-open .map-attr{display:none!important}}