/* sb-dark-bold (26 Oct 2026) — "Dark Mode / Bold": premium night look for the landing (Rocky's mock #4).
   Scoped to dark (explicit html[data-theme=dark], or system dark with no explicit light) and the landing page.
   Loads after river.css / quick-filters' own styles. Light mode is untouched. */
:root{--db-ink:#0A1020;--db-ink2:#0E162A;--db-glass:rgba(16,24,44,.72);--db-line:rgba(255,255,255,.09);--db-field:rgba(255,255,255,.06);--db-text:#F1F5F9;--db-mute:#94A3B8;--db-blue:#2563EB;--db-sky:#60A5FA;--db-cyan:#22D3EE;--db-red:#F43F5E}

/* ---------- page + hero ---------- */
html[data-theme=dark] body.sb-landing,html[data-theme=dark] body.sb-landing #view-find,html[data-theme=dark] body.sb-landing .hg{background:var(--db-ink)!important}
html[data-theme=dark] body.sb-landing .hg .hg-hero{background:radial-gradient(ellipse at 90% 15%,rgba(37,99,235,.28) 0,transparent 55%),radial-gradient(ellipse at 10% 95%,rgba(14,116,144,.22) 0,transparent 50%),var(--db-ink)!important;border:0!important;box-shadow:none!important}
html[data-theme=dark] body.sb-landing .hg .hg-wordmark{font-size:30px!important;letter-spacing:-.05em!important}
html[data-theme=dark] body.sb-landing .hg .hg-hero h1{font-weight:800!important;letter-spacing:-.045em!important;line-height:.98!important}
html[data-theme=dark] body.sb-landing .hg .hg-hero h1 span{background:linear-gradient(90deg,var(--db-cyan),var(--db-sky));-webkit-background-clip:text;background-clip:text;color:transparent!important;-webkit-text-fill-color:transparent}
html[data-theme=dark] body.sb-landing .hg .hg-value{color:rgba(241,245,249,.78)!important}
.rv-kick{display:block;font:800 11px/1 Figtree,system-ui,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.8);margin:0 0 12px}
html:not([data-theme=dark]) .rv-kick{color:rgba(255,255,255,.75)}
/* urgent pill: ember red with a bolt */
html[data-theme=dark] body.sb-landing .hg .hg-urgent-access{background:linear-gradient(90deg,rgba(244,63,94,.18),rgba(244,63,94,.08))!important;border:1px solid rgba(244,63,94,.35)!important;color:#fff!important;border-radius:999px!important;padding:10px 16px!important;font-weight:700!important}
html[data-theme=dark] body.sb-landing .hg .hg-urgent-access::before{content:"\26A1";margin-right:6px;color:var(--db-red)}

/* ---------- glass search card ---------- */
html[data-theme=dark] body.sb-landing #view-find#view-find#view-find#view-find .hg .hg-card,html[data-theme=dark] body.sb-landing .hg .hg-card{background:var(--db-glass)!important;border:1px solid var(--db-line)!important;box-shadow:0 30px 70px rgba(0,0,0,.45)!important;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:24px!important}
html[data-theme=dark] body.sb-landing .hg .hg-card .f>span:first-child,html[data-theme=dark] body.sb-landing .hg .hg-card label>.f>span{color:var(--db-text)!important}
html[data-theme=dark] body.sb-landing .hg-slot #searchForm .omni-f{background:var(--db-field)!important;border:1px solid var(--db-line)!important;border-radius:14px!important}
html[data-theme=dark] body.sb-landing .hg-slot #searchForm #omniQ{background:transparent!important;color:var(--db-text)!important}
html[data-theme=dark] body.sb-landing .hg-slot #searchForm #omniQ::placeholder{color:var(--db-mute)!important}
html[data-theme=dark] body.sb-landing .hg-slot #searchForm .omni-f svg{color:var(--db-mute)!important;stroke:var(--db-mute)}
html[data-theme=dark] body.sb-landing .hg-slot #searchForm .hg-change-location{background:var(--db-field)!important;border:1px solid var(--db-line)!important;color:var(--db-text)!important;border-radius:14px!important}
html[data-theme=dark] body.sb-landing .hg-slot #searchForm .hg-change-location .hg-change-label{color:var(--db-sky)!important;border-color:transparent!important;background:transparent!important}
html[data-theme=dark] body.sb-landing .hg-slot #searchForm .hg-change-location svg{stroke:var(--db-text)}
html[data-theme=dark] body.sb-landing .hg-slot #searchForm .go{background:var(--db-blue)!important;border-color:var(--db-blue)!important;color:#fff!important;box-shadow:0 10px 30px rgba(37,99,235,.35)!important}

/* ---------- quick filters in the glass card ---------- */
html[data-theme=dark] .qf-h b,html[data-theme=dark] .qf-h .qf-near{color:var(--db-text)}
html[data-theme=dark] .qf-h .qf-near,html[data-theme=dark] .qf-h button{color:var(--db-mute)}
html[data-theme=dark] .qf-row button{background:var(--db-field)!important;border-color:var(--db-line)!important;color:var(--db-text)!important}
html[data-theme=dark] .qf-row button small{background:rgba(255,255,255,.08);color:var(--db-mute)}
html[data-theme=dark] .qf-row.needs button[aria-pressed=true]{background:rgba(37,99,235,.22)!important;border-color:var(--db-sky)!important;color:#fff!important}
/* tile mode (phone): icon in a glowing square, label under it — quick-filters.js adds .tiles */
.qf-row.pros.tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;overflow:visible;padding:2px 0 6px;margin:0}
.qf-row.pros.tiles button{flex-direction:column;justify-content:flex-start;gap:6px;height:auto;padding:12px 6px 10px;border-radius:16px;font-size:12px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.qf-row.pros.tiles button .sbicon{width:38px;height:38px;border-radius:12px}
.qf-row.pros.tiles button small{position:static;margin:-4px 0 0;padding:2px 6px;font-size:10px}
.qf-row.pros.tiles button{position:relative}
.qf-row.pros.tiles:not(.qf-all) button:nth-child(n+4):not(.qf-more){display:none}
.qf-row.pros.tiles button.qf-more{color:var(--db-mute)}
.qf-row.pros.tiles button.qf-more b{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;font:700 22px/1 Figtree,system-ui,sans-serif;background:rgba(148,163,184,.14)}
html[data-theme=dark] .qf-row.pros.tiles button{background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.03))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}
html[data-theme=dark] .qf-row.pros.tiles button .sbicon{box-shadow:0 0 22px rgba(96,165,250,.35)}

/* ---------- phone tab bar ---------- */
html[data-theme=dark] .sb-mobile-nav{background:rgba(10,16,32,.92)!important;border-top:1px solid var(--db-line)!important;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
html[data-theme=dark] .sb-mobile-nav a{color:var(--db-mute)!important}
html[data-theme=dark] .sb-mobile-nav a[aria-current],html[data-theme=dark] .sb-mobile-nav a.on,html[data-theme=dark] .sb-mobile-nav a.active{color:#fff!important;background:rgba(37,99,235,.28)!important;border-radius:14px}

/* system dark with no explicit choice */
@media(prefers-color-scheme:dark){
html:not([data-theme=light]) body.sb-landing,html:not([data-theme=light]) body.sb-landing #view-find,html:not([data-theme=light]) body.sb-landing .hg{background:var(--db-ink)!important}
html:not([data-theme=light]) body.sb-landing .hg .hg-hero{background:radial-gradient(ellipse at 90% 15%,rgba(37,99,235,.28) 0,transparent 55%),radial-gradient(ellipse at 10% 95%,rgba(14,116,144,.22) 0,transparent 50%),var(--db-ink)!important;border:0!important;box-shadow:none!important}
html:not([data-theme=light]) body.sb-landing .hg .hg-hero h1 span{background:linear-gradient(90deg,var(--db-cyan),var(--db-sky));-webkit-background-clip:text;background-clip:text;color:transparent!important;-webkit-text-fill-color:transparent}
html:not([data-theme=light]) body.sb-landing .hg .hg-urgent-access{background:linear-gradient(90deg,rgba(244,63,94,.18),rgba(244,63,94,.08))!important;border:1px solid rgba(244,63,94,.35)!important;color:#fff!important;border-radius:999px!important}
html:not([data-theme=light]) body.sb-landing .hg .hg-urgent-access::before{content:"\26A1";margin-right:6px;color:var(--db-red)}
html:not([data-theme=light]) body.sb-landing #view-find#view-find#view-find#view-find .hg .hg-card,html:not([data-theme=light]) body.sb-landing .hg .hg-card{background:var(--db-glass)!important;border:1px solid var(--db-line)!important;box-shadow:0 30px 70px rgba(0,0,0,.45)!important;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:24px!important}
html:not([data-theme=light]) body.sb-landing .hg .hg-card .f>span:first-child{color:var(--db-text)!important}
html:not([data-theme=light]) body.sb-landing .hg-slot #searchForm .omni-f{background:var(--db-field)!important;border:1px solid var(--db-line)!important;border-radius:14px!important}
html:not([data-theme=light]) body.sb-landing .hg-slot #searchForm #omniQ{background:transparent!important;color:var(--db-text)!important}
html:not([data-theme=light]) body.sb-landing .hg-slot #searchForm #omniQ::placeholder{color:var(--db-mute)!important}
html:not([data-theme=light]) body.sb-landing .hg-slot #searchForm .hg-change-location{background:var(--db-field)!important;border:1px solid var(--db-line)!important;color:var(--db-text)!important;border-radius:14px!important}
html:not([data-theme=light]) body.sb-landing .hg-slot #searchForm .hg-change-location .hg-change-label{color:var(--db-sky)!important;border-color:transparent!important;background:transparent!important}
html:not([data-theme=light]) body.sb-landing .hg-slot #searchForm .go{background:var(--db-blue)!important;border-color:var(--db-blue)!important;color:#fff!important;box-shadow:0 10px 30px rgba(37,99,235,.35)!important}
html:not([data-theme=light]) .qf-h b{color:var(--db-text)}html:not([data-theme=light]) .qf-h .qf-near,html:not([data-theme=light]) .qf-h button{color:var(--db-mute)}
html:not([data-theme=light]) .qf-row button{background:var(--db-field)!important;border-color:var(--db-line)!important;color:var(--db-text)!important}
html:not([data-theme=light]) .qf-row button small{background:rgba(255,255,255,.08);color:var(--db-mute)}
html:not([data-theme=light]) .qf-row.needs button[aria-pressed=true]{background:rgba(37,99,235,.22)!important;border-color:var(--db-sky)!important;color:#fff!important}
html:not([data-theme=light]) .qf-row.pros.tiles button{background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.03))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}
html:not([data-theme=light]) .qf-row.pros.tiles button .sbicon{box-shadow:0 0 22px rgba(96,165,250,.35)}
html:not([data-theme=light]) .sb-mobile-nav{background:rgba(10,16,32,.92)!important;border-top:1px solid var(--db-line)!important;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
html:not([data-theme=light]) .sb-mobile-nav a{color:var(--db-mute)!important}
html:not([data-theme=light]) .sb-mobile-nav a[aria-current],html:not([data-theme=light]) .sb-mobile-nav a.on,html:not([data-theme=light]) .sb-mobile-nav a.active{color:#fff!important;background:rgba(37,99,235,.28)!important;border-radius:14px}
}