/* ===== Handi Roti – RAK DailyBook: Modern, Mobile-First Theme ===== */

/* ---------- THEME TOKENS ---------- */
/* Ocean (default) */
:root{
  --bg:#0b1220; --panel:#0f172a; --card:#0b1220;
  --text:#e5e7eb; --muted:#94a3b8;
  --brand:#22d3ee; --brand-2:#a78bfa;
  --danger:#ef4444; --success:#10b981;
  --ring:rgba(34,211,238,.45);
  --radius:16px;
  --shadow-1:0 10px 30px rgba(2,6,23,.45);
  --shadow-2:0 14px 40px rgba(34,211,238,.18);
  --grad-brand:
    radial-gradient(1200px 600px at 20% -10%, rgba(34,211,238,.15), transparent),
    radial-gradient(1200px 600px at 100% 0%, rgba(167,139,250,.12), transparent);
}

/* Gold (repurposed as LIGHT GLASS THEME – keep the name "gold") */
:root[data-theme="gold"]{
  /* light, glassy tokens */
  --bg: rgba(248,250,252,0.9);       /* slate-50-ish */
  --panel: rgba(255,255,255,0.75);
  --card: rgba(255,255,255,0.65);
  --text:#0f172a;                    /* slate-900 */
  --muted:#475569;                   /* slate-600 */
  --brand:#2563eb;                   /* royal blue */
  --brand-2:#38bdf8;                 /* cyan accent */
  --danger:#dc2626; --success:#16a34a;
  --ring:rgba(37,99,235,.25);
  --radius:16px;
  --shadow-1:0 8px 30px rgba(15,23,42,0.08);
  --shadow-2:0 10px 40px rgba(15,23,42,0.06);
  --grad-brand:
    radial-gradient(1200px 600px at 10% -10%, rgba(37,99,235,.06), transparent),
    radial-gradient(1200px 600px at 90% 0%, rgba(56,189,248,.06), transparent);
}

/* ---------- BASE ---------- */
*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,"Noto Sans","Helvetica Neue",sans-serif;
  color:var(--text);
  background:var(--grad-brand),var(--bg);
  background-attachment:fixed;
  line-height:1.5;
}

/* Top bar & nav */
.topbar{
  position:sticky;top:0;z-index:50;
  backdrop-filter:saturate(180%) blur(10px);
  background:rgba(2,6,23,.65);
  border-bottom:1px solid rgba(148,163,184,.15);
}
.topbar-inner{
  display:flex;align-items:center;justify-content:space-between;
  max-width:1200px;margin:0 auto;padding:12px 16px;
}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--text)}
.title{font-family:Poppins,Inter,sans-serif;font-weight:800;letter-spacing:.2px}
.title b{background:linear-gradient(90deg,var(--brand),var(--brand-2));-webkit-background-clip:text;background-clip:text;color:transparent}
.nav{display:flex;gap:10px;align-items:center}
.nav a{color:var(--text);text-decoration:none;opacity:.9;padding:8px 10px;border-radius:10px}
.nav a:hover{opacity:1;background:rgba(148,163,184,.1)}
.nav-toggle{display:none;border:1px solid rgba(148,163,184,.2);background:rgba(15,23,42,.6);color:var(--text);padding:8px 10px;border-radius:10px}
@media(max-width:860px){
  .nav{display:none;position:absolute;left:0;right:0;top:56px;background:rgba(2,6,23,.92);backdrop-filter:blur(10px);border-bottom:1px solid rgba(148,163,184,.15);padding:10px}
  .nav.show{display:grid;grid-template-columns:1fr 1fr;gap:8px}
  .nav a{padding:12px 14px;border:1px solid rgba(148,163,184,.15)}
  .nav-toggle{display:block}
}

/* Layout & cards */
.container{padding:16px;max-width:1200px;margin:0 auto}
.card{
  background:linear-gradient(180deg,rgba(15,23,42,.8),rgba(10,14,26,.8));
  border:1px solid rgba(148,163,184,.18);
  border-radius:var(--radius);
  padding:18px;margin-bottom:16px;
  box-shadow:var(--shadow-1);
  overflow:visible; /* avoid cropped buttons */
}
.grid{display:grid;gap:16px}
.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:1024px){.grid-3{grid-template-columns:1fr 1fr}}
@media(max-width:860px){.grid-2,.grid-3{grid-template-columns:1fr}}

/* KPI boxes */
.kpi{
  display:grid;gap:16px;
  grid-template-columns:repeat(auto-fit,minmax(200px,1fr));
  margin:12px 0;
}
.kpi .box{
  background:linear-gradient(180deg,rgba(15,23,42,.9),rgba(2,6,23,.9));
  border:1px solid rgba(34,211,238,.18);
  border-radius:var(--radius);padding:16px;
  box-shadow:var(--shadow-2);
}
.kpi .box>div:first-child{color:var(--muted);font-size:13px;margin-bottom:6px}

/* Inputs / buttons */
.input,select,textarea{
  width:100%;padding:12px;border-radius:12px;
  border:1px solid rgba(148,163,184,.22);
  background:rgba(15,23,42,.65);color:var(--text);
  transition:border .15s,box-shadow .15s,background .15s;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.02);
}
.input::placeholder,textarea::placeholder{color:rgba(229,231,235,.55)}
.input:focus,select:focus,textarea:focus{border-color:var(--brand);box-shadow:0 0 0 4px var(--ring)}
.btn{
  display:inline-flex;align-items:center;justify-content:center;
  padding:10px 14px;border-radius:12px;
  border:1px solid rgba(34,211,238,.5);
  background:linear-gradient(90deg,rgba(34,211,238,.12),rgba(167,139,250,.12));
  color:var(--text);font-weight:700;cursor:pointer;text-decoration:none;
  transition:transform .08s ease,box-shadow .2s;
  box-shadow:0 8px 24px rgba(34,211,238,.12);
}
.btn:hover{transform:translateY(-1px);box-shadow:0 10px 28px rgba(167,139,250,.18)}
.btn.light{background:rgba(148,163,184,.12);border-color:rgba(148,163,184,.3)}
.btn.danger{border-color:rgba(239,68,68,.5);background:rgba(239,68,68,.12)}

/* Alerts */
.alert{padding:10px 12px;border-radius:12px;margin:10px 0;border:1px solid rgba(148,163,184,.22);background:rgba(148,163,184,.08)}
.alert.success{border-color:rgba(16,185,129,.35);background:rgba(16,185,129,.12)}
.alert.error{border-color:rgba(239,68,68,.35);background:rgba(239,68,68,.12)}

/* Modals */
.modal{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(2,6,23,.6);backdrop-filter:blur(6px);transition:opacity .15s ease;opacity:0;pointer-events:none;z-index:60}
.modal[aria-hidden="false"]{opacity:1;pointer-events:auto}
.modal__dialog{width:min(560px,92vw);background:linear-gradient(180deg,rgba(15,23,42,.95),rgba(2,6,23,.95));border:1px solid rgba(148,163,184,.22);border-radius:var(--radius);box-shadow:var(--shadow-1)}
.modal__header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid rgba(148,163,184,.18)}
.modal__body{padding:16px}
.modal__close{border:none;background:transparent;color:var(--text);font-size:24px;line-height:1;cursor:pointer}

/* Footer */
.footer{padding:18px;text-align:center;color:var(--muted);font-size:13px}

/* Charts */
canvas{max-width:100%;height:auto!important}

/* Utilities */
.mt-0{margin-top:0}
.num{text-align:right;font-variant-numeric:tabular-nums}
.center{text-align:center}

/* ---------- TABLES (global) ---------- */
.table-wrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
.table{
  width:100%;
  border-collapse:separate;border-spacing:0;
  table-layout:fixed;
}
.table th,.table td{
  padding:10px 12px;
  vertical-align:middle;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
  border-bottom:1px solid rgba(148,163,184,.18);
}
.table th{color:var(--muted);font-weight:600;font-size:13px}
.table tr:hover td{background:rgba(255,255,255,.02)}
.table tr:nth-child(even) td{background:rgba(255,255,255,.01)}

/* ---------- BADGES ---------- */
.badge{display:inline-block;padding:4px 8px;border-radius:9999px;font-size:12px;line-height:1;border:1px solid rgba(148,163,184,.25);background:rgba(148,163,184,.10)}
.badge.cash{border-color:rgba(16,185,129,.35);background:rgba(16,185,129,.12)}
.badge.card{border-color:rgba(59,130,246,.35);background:rgba(59,130,246,.12)}
.badge.transfer{border-color:rgba(234,179,8,.35);background:rgba(234,179,8,.12)}
.badge.voucher{border-color:rgba(244,114,182,.35);background:rgba(244,114,182,.12)}

/* ---------- PAGE: EXPENSES ---------- */
.page-expenses{display:grid;gap:22px}
.page-expenses .table.expenses{width:100%;table-layout:fixed}
.page-expenses .table.expenses thead th{border-bottom:1px solid rgba(148,163,184,.2)}
.page-expenses .table.expenses th:nth-child(1),
.page-expenses .table.expenses td:nth-child(1){width:12%}
.page-expenses .table.expenses th:nth-child(2),
.page-expenses .table.expenses td:nth-child(2){width:16%}
.page-expenses .table.expenses th:nth-child(3),
.page-expenses .table.expenses td:nth-child(3){width:12%}
.page-expenses .table.expenses th:nth-child(4),
.page-expenses .table.expenses td:nth-child(4){width:23%;white-space:normal}
.page-expenses .table.expenses th:nth-child(5),
.page-expenses .table.expenses td:nth-child(5){width:7%;text-align:center}
.page-expenses .table.expenses th:nth-child(6),
.page-expenses .table.expenses td:nth-child(6){width:10%;text-align:right;font-variant-numeric:tabular-nums}
.page-expenses .table.expenses th:nth-child(7),
.page-expenses .table.expenses td:nth-child(7){width:13%;white-space:normal}
.page-expenses .table.expenses th:nth-child(8),
.page-expenses .table.expenses td:nth-child(8){width:7%;text-align:center;overflow:visible;white-space:nowrap}
.table.expenses .btn{padding:6px 12px;border-radius:10px}

/* Categories table (2 columns, no scroll) */
.table.categories{table-layout:fixed}
.table.categories th:first-child,.table.categories td:first-child{width:70%;text-align:left}
.table.categories th:last-child,.table.categories td:last-child{width:30%;text-align:center}

/* ---------- PAGE: DAILY SUMMARY ---------- */
.summary-filter{max-width:460px;margin-bottom:1.5rem}
.summary-filter__actions{display:flex;align-items:flex-end}
.page-summary{display:flex;flex-direction:column;gap:1.8rem;max-width:1200px;margin:0 auto;padding:0 1rem}
.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(440px,1fr));gap:1.5rem;justify-content:center}
@media (max-width:960px){.summary-grid{grid-template-columns:1fr}.page-summary{max-width:100%;padding:0 .8rem}}
.table.summary{width:100%;table-layout:fixed}
.table.summary thead th{color:var(--muted);font-weight:600;border-bottom:1px solid rgba(148,163,184,.2)}
.table.summary th,.table.summary td{padding:8px 12px}
.table.summary td.num{text-align:right;font-variant-numeric:tabular-nums}
.table.summary tr.total td{border-top:1px solid rgba(148,163,184,.15);padding-top:12px}

/* Net block */
.net-card{text-align:center;padding:1.2rem 1rem}
.net-summary{display:flex;flex-wrap:wrap;justify-content:center;gap:2rem;font-size:1rem}
.net-amount.pos{color:#10b981}
.net-amount.neg{color:#ef4444}

/* --- Sales Table (dark skin by default) --- */
.table-wrap {
  background: radial-gradient(circle at 0% 0%, rgba(255,255,255,.06) 0%, rgba(15,23,42,0) 60%);
  border: 1px solid rgba(148,163,184,.25);
  border-radius: 16px;
  box-shadow: 0 20px 40px rgba(0,0,0,.6);
  padding: 12px;
  margin-top: 12px;
  overflow-x: auto;
}
.table.sales {
  border-collapse: separate;border-spacing: 0;
  background: rgba(241,245,249,.03);
  border-radius: 12px;overflow: hidden;width: 100%;
  table-layout: fixed;color: var(--text);font-size: 14px;
}
.table.sales tr:first-child th {
  background: linear-gradient(90deg,rgba(255,255,255,.18) 0%,rgba(255,255,255,.05) 100%);
  color: #fff;text-shadow: 0 1px 2px rgba(0,0,0,.6);
  font-size: 12px;font-weight: 600;letter-spacing: .02em;line-height: 1.2;
  border-bottom: 1px solid rgba(255,255,255,.15);position: relative;
}
.table.sales tr:first-child th::after {
  content: "";position: absolute;left: 0; right: 0; bottom: -1px;height: 2px;
  background: radial-gradient(circle at 0% 0%, var(--brand) 0%, transparent 60%);opacity: .6;
}
.table.sales th,.table.sales td {
  padding: 12px 14px;vertical-align: middle;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;
  border-bottom: 1px solid rgba(148,163,184,.15);
  background-image: radial-gradient(circle at 0% 0%, rgba(255,255,255,.04) 0%, rgba(0,0,0,0) 70%);
  background-color: rgba(255,255,255,.015);font-variant-numeric: tabular-nums;line-height: 1.35;
}
.table.sales tr:nth-child(even) td { background-color: rgba(255,255,255,.04); }
.table.sales tr:hover td {
  background-color: rgba(255,255,255,.08);
  box-shadow: inset 0 0 0 9999px rgba(255,255,255,.04), 0 10px 30px rgba(34,211,238,.12);
  border-bottom-color: rgba(255,255,255,.28);
}
.table.sales td.num { text-align: right; font-weight: 500; color: #fff; text-shadow: 0 1px 2px rgba(0,0,0,.8); }
.table.sales td:first-child a { color: var(--brand); font-weight: 600; text-decoration: none; }
.table.sales td:first-child a:hover { text-decoration: underline; text-shadow: 0 0 8px rgba(34,211,238,.6); }
.table.sales td small { color: var(--muted); font-size: 12px; line-height: 1.4; display: block; text-shadow: 0 1px 2px rgba(0,0,0,.8); white-space: normal; }
.table.sales td.center { text-align: center; }
.table.sales .btn.light {
  font-size: 13px; line-height: 1.2; padding: 8px 12px; border-radius: 10px;
  background: rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.3); box-shadow:0 12px 24px rgba(0,0,0,.6);
}
.table.sales .btn.light:hover {
  background: rgba(255,255,255,.14);
  box-shadow:0 16px 32px rgba(0,0,0,.7),0 0 20px rgba(34,211,238,.4);
  border-color: rgba(34,211,238,.6);
}

/* =========================
   EXPENSES TABLE ENHANCED
   ========================= */
.page-expenses .table-card .table-wrap {
  background: radial-gradient(circle at 0% 0%, rgba(255,255,255,.06) 0%, rgba(15,23,42,0) 60%);
  border: 1px solid rgba(148,163,184,.25);
  border-radius: 16px;
  box-shadow: 0 20px 40px rgba(0,0,0,.6);
  padding: 12px;
  margin-top: 12px;
  overflow-x: auto;
}
.table.expenses {
  border-collapse: separate;border-spacing: 0;width: 100%;
  background: rgba(241,245,249,.03);
  border-radius: 12px;overflow: hidden;table-layout: fixed;color: var(--text);font-size: 14px;
}
.table.expenses thead tr th {
  background: linear-gradient(90deg,rgba(255,255,255,.18) 0%,rgba(255,255,255,.05) 100%);
  color: #fff;text-shadow: 0 1px 2px rgba(0,0,0,.6);font-size: 12px;font-weight: 600;letter-spacing: .02em;line-height: 1.2;
  border-bottom: 1px solid rgba(255,255,255,.15);position: relative;white-space: nowrap;padding: 12px 14px;vertical-align: middle;
}
.table.expenses thead tr th::after {
  content: "";position: absolute;left: 0; right: 0; bottom: -1px;height: 2px;
  background: radial-gradient(circle at 0% 0%, var(--brand) 0%, transparent 60%);opacity: .6;
}
.table.expenses tbody td {
  padding: 12px 14px;vertical-align: middle;border-bottom: 1px solid rgba(148,163,184,.15);
  background-image: radial-gradient(circle at 0% 0%, rgba(255,255,255,.04) 0%, rgba(0,0,0,0) 70%);
  background-color: rgba(255,255,255,.015);
  white-space: nowrap;overflow: hidden;text-overflow: ellipsis;line-height: 1.35;font-size: 14px;color: var(--text);
  text-shadow: 0 1px 2px rgba(0,0,0,.8);
}
.table.expenses tbody tr:nth-child(even) td { background-color: rgba(255,255,255,.04); }
.table.expenses tbody tr:hover td {
  background-color: rgba(255,255,255,.08);
  box-shadow: inset 0 0 0 9999px rgba(255,255,255,.04), 0 10px 30px rgba(34,211,238,.12);
  border-bottom-color: rgba(255,255,255,.28);
}
.table.expenses td.num {
  text-align: right; font-weight: 500; color: #fff; font-variant-numeric: tabular-nums; text-shadow: 0 1px 2px rgba(0,0,0,.8);
  white-space: nowrap; overflow: visible; text-overflow: clip;
}
.table.expenses td small {
  color: var(--muted); font-size: 12px; line-height: 1.4; display: block; text-shadow: 0 1px 2px rgba(0,0,0,.8); white-space: normal;
}
.table.expenses td.center { text-align: center; }
.table.expenses .btn.light {
  font-size: 13px; line-height: 1.2; padding: 8px 12px; border-radius: 10px;
  background: rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.3); box-shadow:0 12px 24px rgba(0,0,0,.6);
}
.table.expenses .btn.light:hover {
  background: rgba(255,255,255,.14);
  box-shadow:0 16px 32px rgba(0,0,0,.7),0 0 20px rgba(34,211,238,.4);
  border-color: rgba(34,211,238,.6);
}

/* Column widths (expenses) */
.table.expenses thead th:nth-child(1),
.table.expenses tbody td:nth-child(1){width:10%;min-width:90px}
.table.expenses thead th:nth-child(2),
.table.expenses tbody td:nth-child(2){width:12%;min-width:110px}
.table.expenses thead th:nth-child(3),
.table.expenses tbody td:nth-child(3){width:10%;min-width:90px}
.table.expenses thead th:nth-child(4),
.table.expenses tbody td:nth-child(4){
  width:22%;min-width:160px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis
}
.table.expenses thead th:nth-child(5),
.table.expenses tbody td:nth-child(5){
  width:6%;min-width:60px;text-align:center;white-space:nowrap
}
.table.expenses thead th:nth-child(6),
.table.expenses tbody td:nth-child(6){
  width:10%;min-width:100px;text-align:right
}
.table.expenses thead th:nth-child(7),
.table.expenses tbody td:nth-child(7){
  width:20%;min-width:170px;white-space:normal
}
.table.expenses thead th:nth-child(8),
.table.expenses tbody td:nth-child(8){
  width:8%;min-width:70px;text-align:center;overflow:visible;white-space:nowrap
}
.table.expenses thead th.center,
.table.expenses tbody td.center { text-align: center }

/* ==========================================================
   GOLD THEME (LIGHT GLASS) – OVERRIDES FOR COMPONENTS
   ========================================================== */

/* Body surface & global blur */
:root[data-theme="gold"] body{
  background: var(--grad-brand), var(--bg);
  color: var(--text);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

/* Glass topbar */
:root[data-theme="gold"] .topbar{
  background: rgba(255,255,255,0.55);
  border-bottom: 1px solid rgba(15,23,42,0.08);
  backdrop-filter: saturate(180%) blur(14px);
  -webkit-backdrop-filter: saturate(180%) blur(14px);
  box-shadow: 0 2px 10px rgba(15,23,42,0.05);
}

/* Cards & KPI boxes as glass panels */
:root[data-theme="gold"] .card,
:root[data-theme="gold"] .kpi .box{
  background: var(--card);
  border:1px solid rgba(15,23,42,.10);
  box-shadow: var(--shadow-1);
  backdrop-filter: blur(18px) saturate(180%);
  -webkit-backdrop-filter: blur(18px) saturate(180%);
  border-radius: var(--radius);
  transition: all .25s ease;
}
:root[data-theme="gold"] .card:hover,
:root[data-theme="gold"] .kpi .box:hover{
  transform: translateY(-2px);
  box-shadow: var(--shadow-2);
}

/* Inputs */
:root[data-theme="gold"] .input,
:root[data-theme="gold"] select,
:root[data-theme="gold"] textarea{
  background:#ffffff;color:var(--text);
  border:1px solid rgba(15,23,42,.12);
  box-shadow: inset 0 1px 0 rgba(0,0,0,.02);
}
:root[data-theme="gold"] .input:focus,
:root[data-theme="gold"] select:focus,
:root[data-theme="gold"] textarea:focus{
  border-color:var(--brand);
  box-shadow:0 0 0 3px var(--ring);
}

/* Buttons */
:root[data-theme="gold"] .btn{
  background: linear-gradient(90deg, var(--brand), var(--brand-2));
  color:#fff;border:none;
  box-shadow:0 6px 20px rgba(37,99,235,.25);
}
:root[data-theme="gold"] .btn:hover{
  transform: translateY(-1px);
  box-shadow:0 8px 25px rgba(37,99,235,.30);
}
:root[data-theme="gold"] .btn.light{
  background: rgba(255,255,255,.85);
  color: var(--text);
  border:1px solid rgba(15,23,42,.12);
  box-shadow:0 2px 6px rgba(15,23,42,.08);
}

/* Tables – light/clean */
:root[data-theme="gold"] .table-wrap{
  background:#ffffff;border:1px solid rgba(15,23,42,.08);
  box-shadow: var(--shadow-1);
  backdrop-filter: blur(10px);
}
:root[data-theme="gold"] .table,
:root[data-theme="gold"] .table.sales,
:root[data-theme="gold"] .table.expenses,
:root[data-theme="gold"] .table.summary{
  background:#ffffff;color:#0f172a;
}
:root[data-theme="gold"] .table th,
:root[data-theme="gold"] .table.sales tr:first-child th,
:root[data-theme="gold"] .table.expenses thead tr th{
  background: linear-gradient(90deg, rgba(2,6,23,.04), rgba(2,6,23,.02));
  color:#0f172a;text-shadow:none;
  border-bottom:1px solid rgba(2,6,23,.08);
}
:root[data-theme="gold"] .table td,
:root[data-theme="gold"] .table.sales td,
:root[data-theme="gold"] .table.expenses tbody td,
:root[data-theme="gold"] .table.summary td{
  background:none;color:#0f172a;border-bottom:1px solid rgba(2,6,23,.06);
}
:root[data-theme="gold"] .table tr:nth-child(even) td,
:root[data-theme="gold"] .table.sales tr:nth-child(even) td,
:root[data-theme="gold"] .table.expenses tbody tr:nth-child(even) td{ background: rgba(2,6,23,.02); }
:root[data-theme="gold"] .table tr:hover td,
:root[data-theme="gold"] .table.sales tr:hover td,
:root[data-theme="gold"] .table.expenses tbody tr:hover td{
  background: rgba(37,99,235,.06); box-shadow:none; border-bottom-color: rgba(2,6,23,.10);
}
:root[data-theme="gold"] .table.sales td.num,
:root[data-theme="gold"] .table.expenses td.num,
:root[data-theme="gold"] .table.summary td.num{ color:#0f172a; text-shadow:none; }
:root[data-theme="gold"] .table.sales td:first-child a{ color: var(--brand); text-shadow:none; }

/* Alerts */
:root[data-theme="gold"] .alert{
  background:#ffffff;border:1px solid rgba(2,6,23,.12);color:#0f172a;
}
:root[data-theme="gold"] .alert.success{
  background:rgba(16,185,129,.10);border-color:rgba(16,185,129,.25);
}
:root[data-theme="gold"] .alert.error{
  background:rgba(239,68,68,.10);border-color:rgba(239,68,68,.25);
}

/* Footer */
:root[data-theme="gold"] .footer{ color:#475569; }

/* Modals (glass) */
:root[data-theme="gold"] .modal{ background:rgba(15,23,42,.25); }
:root[data-theme="gold"] .modal__dialog{
  background: rgba(255,255,255,0.85);
  border:1px solid rgba(15,23,42,.1);
  box-shadow: var(--shadow-2);
  backdrop-filter: blur(16px);
}
:root[data-theme="gold"] .modal__header{ border-bottom:1px solid rgba(15,23,42,.08); }

/* Brand gradient adjusts in gold mode */
:root[data-theme="gold"] .title b{
  background:linear-gradient(90deg,var(--brand),var(--brand-2));
  -webkit-background-clip:text;background-clip:text;color:transparent;
}