/* Bloom Balance — Black & Gold Rebrand v2
   Full visual brand layer for the website and bundled Android app webview. */

/* Safety: size the brand artwork even before the stored theme finishes loading. */
.bb-brand-heading{display:flex!important;flex-direction:column;align-items:center;gap:7px;margin:0!important;text-align:center}
.bb-brand-mark{display:block!important;width:112px!important;max-width:112px!important;height:112px!important;max-height:112px!important;object-fit:contain!important;border-radius:23px!important;margin:0 auto 2px!important;filter:drop-shadow(0 8px 20px rgba(0,0,0,.38))}
.bb-brand-heading>span{display:block;font-family:Georgia,"Times New Roman",serif;font-size:20px;line-height:1.1;font-weight:500;letter-spacing:.01em}
.bb-brand-tagline{display:block!important;text-align:center!important;letter-spacing:.22em!important;font-size:8px!important;font-weight:800!important;text-transform:uppercase!important;margin-top:4px!important}
.bb-auth-mark{display:block!important;width:116px!important;height:116px!important;object-fit:contain!important;border-radius:24px!important;margin:0 auto!important}

:root[data-theme="gold-black"]{color-scheme:dark}
:root[data-theme="gold-black"] body{background:radial-gradient(circle at 78% -12%,rgba(212,175,55,.07),transparent 35%),radial-gradient(circle at 12% 115%,rgba(240,212,138,.035),transparent 30%),var(--bg)}
:root[data-theme="gold-black"] .app{background:transparent}
:root[data-theme="gold-black"] .main{background:transparent}

:root[data-theme="gold-black"] .sidebar{background:linear-gradient(180deg,#0b0b0b 0%,#070707 100%);border-right:1px solid rgba(212,175,55,.42);box-shadow:12px 0 34px rgba(0,0,0,.34);padding-top:16px}
:root[data-theme="gold-black"] .brand{padding:0 8px 10px;text-align:center}
:root[data-theme="gold-black"] .bb-brand-heading{color:var(--accent2)}
:root[data-theme="gold-black"] .bb-brand-tagline{color:var(--accent)}

:root[data-theme="gold-black"] .nav{gap:6px}
:root[data-theme="gold-black"] .nav button{color:var(--sidebarMuted);border:1px solid transparent}
:root[data-theme="gold-black"] .nav button:hover{background:rgba(212,175,55,.08);color:var(--accent2);border-color:rgba(212,175,55,.16)}
:root[data-theme="gold-black"] .nav button.active,
:root[data-theme="gold-black"] .nav-children button.active{background:linear-gradient(90deg,rgba(212,175,55,.34),rgba(156,108,22,.18));color:#fff2c6;border-color:rgba(240,212,138,.42);box-shadow:inset 0 1px rgba(255,255,255,.04),0 4px 16px rgba(0,0,0,.16)}
:root[data-theme="gold-black"] .nav-group.group-active>.nav-parent{background:rgba(212,175,55,.08);color:var(--accent2);border-color:rgba(212,175,55,.16)}
:root[data-theme="gold-black"] .nav-children{border-left-color:rgba(212,175,55,.32)}

:root[data-theme="gold-black"] .topbar h2,
:root[data-theme="gold-black"] .section-title h3{color:var(--text)}
:root[data-theme="gold-black"] .topbar h2{font-family:Georgia,"Times New Roman",serif;font-weight:500;letter-spacing:.01em}

:root[data-theme="gold-black"] .card,
:root[data-theme="gold-black"] .pay-period-card,
:root[data-theme="gold-black"] .modal,
:root[data-theme="gold-black"] .week-slice,
:root[data-theme="gold-black"] .snapshot-item{background:linear-gradient(145deg,rgba(255,255,255,.018),rgba(255,255,255,0) 45%),#11100f;border-color:rgba(212,175,55,.28);box-shadow:0 16px 38px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.025)}
:root[data-theme="gold-black"] .week-slice-head,
:root[data-theme="gold-black"] .week-part,
:root[data-theme="gold-black"] .dashboard-week-metric,
:root[data-theme="gold-black"] .mini,
:root[data-theme="gold-black"] .month-banner,
:root[data-theme="gold-black"] .notice,
:root[data-theme="gold-black"] .statement-drop,
:root[data-theme="gold-black"] .calc-impact-card,
:root[data-theme="gold-black"] .snapshot-section{background:#17140f;border-color:rgba(212,175,55,.22)}

:root[data-theme="gold-black"] .metric .value,
:root[data-theme="gold-black"] .mini strong,
:root[data-theme="gold-black"] .amount{font-variant-numeric:tabular-nums}
:root[data-theme="gold-black"] .metric .value{color:var(--text)}

:root[data-theme="gold-black"] .btn{border-color:rgba(212,175,55,.42);background:linear-gradient(180deg,#18140d,#100f0d);color:var(--accent2);box-shadow:0 4px 12px rgba(0,0,0,.18)}
:root[data-theme="gold-black"] .btn:hover{border-color:var(--accent);background:linear-gradient(180deg,#211a0d,#13110d);box-shadow:0 6px 18px rgba(212,175,55,.10)}
:root[data-theme="gold-black"] .btn.primary{color:#0b0904;background:linear-gradient(135deg,#f0d48a 0%,#d4af37 45%,#9c6c16 100%);border-color:#e7c66d;text-shadow:0 1px rgba(255,255,255,.20)}
:root[data-theme="gold-black"] .btn.danger{background:#21110f;border-color:#7a3d34;color:#ef9f91}

:root[data-theme="gold-black"] .table-wrap,
:root[data-theme="gold-black"] .mapping-preview,
:root[data-theme="gold-black"] .pdf-review{border-color:rgba(212,175,55,.24);background:#0e0d0b}
:root[data-theme="gold-black"] .table th,
:root[data-theme="gold-black"] .mapping-preview th,
:root[data-theme="gold-black"] .pdf-review th{background:#17140e;color:var(--accent2)}
:root[data-theme="gold-black"] .table td{border-bottom-color:rgba(212,175,55,.12)}

:root[data-theme="gold-black"] .field input,
:root[data-theme="gold-black"] .field select,
:root[data-theme="gold-black"] .field textarea,
:root[data-theme="gold-black"] .filter,
:root[data-theme="gold-black"] .pdf-review input[type="text"],
:root[data-theme="gold-black"] .pdf-review input[type="date"],
:root[data-theme="gold-black"] .pdf-review input[type="number"]{background:#0e0d0b;color:var(--text);border-color:rgba(212,175,55,.28)}
:root[data-theme="gold-black"] input::placeholder,
:root[data-theme="gold-black"] textarea::placeholder{color:#74694f}

:root[data-theme="gold-black"] .progress{background:#282016}
:root[data-theme="gold-black"] .progress>span{background:linear-gradient(90deg,#9b6e1d,#d4af37,#f0d48a)}
:root[data-theme="gold-black"] .figure-tap-hint,
:root[data-theme="gold-black"] .linked-note{color:var(--accent)!important}

:root[data-theme="gold-black"] .tag{background:#17140e;color:var(--accent2);border:1px solid rgba(212,175,55,.22)}
:root[data-theme="gold-black"] .tag.red{background:#25120f;color:#e78e80;border-color:#67362f}
:root[data-theme="gold-black"] .tag.blue{background:#11191d;color:#91b4c2;border-color:#284650}
:root[data-theme="gold-black"] .tag.gray{background:#171614;color:#aaa087;border-color:#3d382f}
:root[data-theme="gold-black"] .tag.gold{background:#20180b;color:var(--accent2);border-color:#66501d}

:root[data-theme="gold-black"] .event,
:root[data-theme="gold-black"] .insight,
:root[data-theme="gold-black"] .recurring-row{background:#100f0d;border-color:rgba(212,175,55,.20)}

:root[data-theme="gold-black"] .auth-overlay{background:radial-gradient(circle at 50% 22%,rgba(212,175,55,.11),transparent 30%),#050505}
:root[data-theme="gold-black"] .auth-card{background:linear-gradient(155deg,#15130f,#0b0b0b);border-color:rgba(212,175,55,.48);box-shadow:0 30px 90px rgba(0,0,0,.55)}
:root[data-theme="gold-black"] .auth-card .brand-mark{display:flex;flex-direction:column;align-items:center;gap:7px;color:var(--accent2);font-family:Georgia,"Times New Roman",serif;font-size:22px}
:root[data-theme="gold-black"] .sync-bar{background:#0b0b0b;color:var(--text);border-color:rgba(212,175,55,.34)}
:root[data-theme="gold-black"] .toast{background:#0b0b0b;color:var(--accent2);border:1px solid rgba(212,175,55,.36)}
:root[data-theme="gold-black"] .chart{background:linear-gradient(to bottom,#12110f,#090909)}
:root[data-theme="gold-black"] ::selection{background:#7b5d1d;color:#fff8e5}

/* Keep semantic money colors meaningful. */
:root[data-theme="gold-black"] .positive{color:#8aa37b!important}
:root[data-theme="gold-black"] .negative{color:#d77868!important}
:root[data-theme="gold-black"] .warning{color:#e3bc55!important}

:root[data-theme="gold-black"] *{scrollbar-color:#6e531e #0b0b0b}

@media(max-width:760px){
  .bb-brand-mark{width:96px!important;max-width:96px!important;height:96px!important;max-height:96px!important}
  :root[data-theme="gold-black"] .mobile-nav{background:#090909;border-top:1px solid rgba(212,175,55,.34);box-shadow:0 -10px 24px rgba(0,0,0,.28)}
  :root[data-theme="gold-black"] .mobile-nav button.active{color:var(--accent2)}
}