/* ═══════════════════════════════════════════════════════════════════════════
 * rmis_theme.css — Brand Gold #B5852E · Navy ink #122A43 · Cream paper #F6F2E9
 * Shared across all RMIS report pages. Loaded AFTER theme.css so it wins.
 * Light tab-bar nav (no dark side bar) · public open access
 * ═══════════════════════════════════════════════════════════════════════════ */
@import url('https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,500;9..144,600;9..144,700&family=IBM+Plex+Mono:wght@500;600&family=IBM+Plex+Sans:wght@400;500;600;700&display=swap');

:root{
  --gold:#B5852E; --gold-deep:#946A1E; --gold-amber:#A9791F; --gold-hi:#E9C878;
  --navy:#122A43; --navy-mid:#2E4C6B; --navy-dark:#0C1E30;
  --cream:#F6F2E9; --panel:#FCFAF3; --wash:#F3EEE0; --hover:#FBF8F0; --tint:#F6EFDC; --slate:#3A506B;
  --accent:#B5852E; --deep-blue:#122A43; --side-bar:#122A43;
  --white:#ffffff; --line:#E4DCC9; --muted:#6E7A86;
  --text-main:#122A43; --danger:#B23A2E; --success:#1F7A52; --warning:#A9791F;
  --radius:8px; --font:"IBM Plex Sans", system-ui, "Segoe UI", sans-serif;
}

body{font-family:var(--font)!important;background:var(--cream)!important;color:var(--navy);-webkit-font-smoothing:antialiased}
.main-content{margin:0 auto!important;max-width:1400px!important;width:auto!important;padding:16px 22px 30px!important}

/* Report tab-bar (light · gold underline · replaces dark sidebar) */
.rmis-nav{background:var(--panel);border-bottom:2px solid var(--line);border-top:3px solid transparent;border-image:linear-gradient(90deg,var(--gold-deep),var(--gold) 40%,var(--gold-hi) 70%,var(--gold-deep)) 1;padding:0 16px;display:flex;align-items:center;gap:8px;position:sticky;top:0;z-index:1000;flex-wrap:wrap;box-shadow:0 1px 4px rgba(18,42,67,.06)}
.rmis-brand{display:flex;align-items:center;gap:9px;font-family:"Fraunces",serif;font-weight:700;font-size:15px;letter-spacing:-.01em;color:var(--navy);padding:7px 12px 7px 0;margin-right:6px;border-right:1px solid var(--line)}
.rmis-brand .lg{width:27px;height:27px;border-radius:7px;background:linear-gradient(135deg,var(--gold),var(--gold-hi));display:flex;align-items:center;justify-content:center;color:var(--navy);font-size:14px}
.rmis-brand small{display:block;font-family:var(--font);font-weight:600;font-size:8px;letter-spacing:.12em;text-transform:uppercase;color:var(--gold-deep);margin-top:1px}
.nav-links{display:flex;gap:2px;flex-wrap:wrap}
.nav-links a{color:var(--slate);text-decoration:none;font-size:12.5px;font-weight:700;padding:13px 14px 11px;border-bottom:3px solid transparent;transition:.15s;display:inline-flex;align-items:center;gap:6px;white-space:nowrap;margin-bottom:-2px}
.nav-links a:hover{color:var(--navy);background:var(--hover)}
.nav-links a.active{color:var(--gold-deep);border-bottom-color:var(--gold-deep)}
.nav-badge{margin-left:auto;display:flex;align-items:center;gap:6px;font-size:10px;color:var(--gold-deep);font-weight:700;background:var(--tint);padding:4px 11px;border-radius:20px;border:1px solid var(--gold-hi)}
.nav-badge .role-tag{background:var(--gold-deep);color:#fff;padding:1px 7px;border-radius:3px;font-size:9px;font-weight:700;letter-spacing:.3px}

/* Sub-tabs (inside a report, e.g. Home breakdowns) */
.sub-tabs{display:inline-flex;gap:3px;background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:4px;margin:4px 0 18px;flex-wrap:wrap}
.sub-tabs button{font-family:var(--font);font-weight:600;font-size:12px;border:0;background:transparent;color:var(--slate);padding:8px 15px;border-radius:7px;cursor:pointer;transition:.12s;display:inline-flex;align-items:center;gap:5px;white-space:nowrap}
.sub-tabs button:hover{color:var(--gold-deep);background:var(--wash)}
.sub-tabs button.on{background:var(--navy);color:#fff}
.dpane{animation:fadein .18s ease}
@keyframes fadein{from{opacity:0;transform:translateY(3px)}to{opacity:1;transform:none}}

/* Drill-down modal: department breakdown level */
.drill-back{display:inline-flex;align-items:center;gap:6px;background:var(--panel);border:1px solid var(--line);color:var(--navy);font-weight:700;font-size:12px;padding:7px 13px;border-radius:20px;cursor:pointer;margin:12px 20px 4px;transition:.15s}
.drill-back:hover{border-color:var(--gold);color:var(--gold-deep);background:var(--wash)}
.drill-crumb{font-size:11px;color:var(--muted);margin:0 20px 8px;font-weight:600}
.drill-crumb b{color:var(--gold-deep)}
table.dept-drill{width:100%;border-collapse:collapse;font-size:13px}
table.dept-drill th{background:var(--cream);color:var(--text-main);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;padding:10px 16px;text-align:left;border-bottom:2px solid var(--line);position:sticky;top:0}
table.dept-drill th.r{text-align:right}
table.dept-drill td{padding:11px 16px;border-bottom:1px solid var(--cream);vertical-align:middle}
table.dept-drill td.r{text-align:right;font-family:"IBM Plex Mono",monospace;font-weight:600}
table.dept-drill tbody tr{cursor:pointer;transition:background .1s}
table.dept-drill tbody tr:hover{background:var(--wash)}
table.dept-drill tbody tr:nth-child(even){background:var(--panel)}
.dd-name{font-weight:700;color:var(--navy);display:flex;align-items:center;gap:8px}
.dd-name .chip{background:var(--navy);color:#fff;font-size:9px;font-weight:700;padding:2px 7px;border-radius:5px;letter-spacing:.3px}
.dd-bar{height:6px;background:var(--cream);border-radius:4px;overflow:hidden;min-width:90px;margin-top:5px}
.dd-bar span{display:block;height:100%;background:linear-gradient(90deg,var(--gold),var(--gold-deep));border-radius:4px}
.dd-go{color:var(--gold-deep);font-size:11px;font-weight:700;white-space:nowrap}

/* Buttons / inputs (override any theme.css blue) */
.btn-add{background:var(--navy)!important;color:#fff!important;border-color:var(--navy)!important}
.btn-add:hover{background:var(--navy-mid)!important;border-color:var(--navy-mid)!important}
.btn-reset:hover{border-color:var(--gold)!important;color:var(--gold-deep)!important;background:var(--panel)!important}
.fi:focus,input:focus,select:focus{border-color:var(--gold)!important;box-shadow:0 0 0 2px rgba(181,133,46,.18)!important}
.filter-sel.active{border-color:var(--gold)!important;color:var(--gold-deep)!important;background:var(--wash)!important}

/* Typography accents */
.main-content h1,.main-content h2,.dash-hero h1,.stat-section-hd h2,.chart-card-hd h3,.pub-modal-hd h2{font-family:"Fraunces",serif;letter-spacing:-.01em}
.kpi-value,.stat-card-val,.stat-card-pct{font-family:"IBM Plex Mono",ui-monospace,monospace;font-feature-settings:"tnum" 1}

.sidebar{display:none!important}
@media print{ .rmis-nav,.sub-tabs,.filter-bar,.print-btn,.no-print{display:none!important;} .main-content{max-width:100%!important;padding:14px!important;} .dpane{display:block!important;} }