/* ADEN PORTFOLIO REFERENCE 2026
   Presentation-only final layer. Does not hide controls or alter chart/API behavior.
   Scoped to authenticated application. Aden palette & actual logo remain unchanged. */
body.system-body.aden-reference-ui:has(.system-shell) {
  --aden-orange: #ED4F18; --aden-navy: #283948; --aden-ink:#263247;
  --aden-paper:#fff; --aden-canvas:#f7f8fb; --aden-hairline:#edf0f4;
  --sidebar-width: 226px; --topbar-height:64px;
  background:var(--aden-canvas)!important; color:var(--aden-ink)!important;
  font-family:Inter,Aptos,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  font-size:12px!important; line-height:1.42;
}
/* Reference: white compact sidebar, fine line icons, orange active accent */
body.aden-reference-ui .system-sidebar {
  width:var(--sidebar-width)!important; padding:16px 12px 13px!important;
  background:#fff!important; color:#283948!important;
  border-right:1px solid #e8ecf1!important; box-shadow:none!important;
}
body.aden-reference-ui .sidebar-brand {
  padding:4px 7px 15px!important; min-height:58px!important;
  border-bottom:1px solid var(--aden-hairline)!important;
  gap:10px!important;
}
body.aden-reference-ui .sidebar-brand .brand-mark { width:37px!important;height:37px!important; flex:0 0 37px!important; background:#fff!important;border:1px solid #e9edf2!important;border-radius:11px!important;box-shadow:none!important; }
body.aden-reference-ui .sidebar-brand .brand-mark img { max-width:100%!important;max-height:100%!important;object-fit:contain!important; }
body.aden-reference-ui .brand-copy strong { color:#283948!important;font-size:12px!important;font-weight:750!important;line-height:1.2!important; }
body.aden-reference-ui .brand-copy span { color:#8792a4!important;font-size:9px!important;letter-spacing:.045em!important; }
body.aden-reference-ui .sidebar-nav { padding:12px 0!important; gap:2px!important; }
body.aden-reference-ui .nav-section-label { color:#99a3b1!important;font-size:9px!important;letter-spacing:.08em!important;padding:16px 10px 7px!important;margin:0!important; }
body.aden-reference-ui .sidebar-link { min-height:38px!important;padding:7px 10px!important;margin:1px 0!important;border-radius:9px!important;gap:11px!important;border:1px solid transparent!important;background:transparent!important;color:#596576!important;font-size:11.5px!important;font-weight:550!important;box-shadow:none!important;transform:none!important; }
body.aden-reference-ui .sidebar-link:hover { background:#f6f7fa!important;color:#283948!important; }
body.aden-reference-ui .sidebar-link.active { background:#fff2ec!important;color:#c94820!important;border-color:#ffe3d4!important;box-shadow:none!important; }
body.aden-reference-ui .sidebar-link.active::before { background:var(--aden-orange)!important; width:3px!important;border-radius:4px!important; }
body.aden-reference-ui .sidebar-link .nav-icon { width:25px!important;height:25px!important;min-width:25px!important;flex:0 0 25px!important;color:inherit!important;background:transparent!important;border:none!important;border-radius:7px!important;box-shadow:none!important; }
body.aden-reference-ui .sidebar-link .nav-icon i { font-size:15px!important; }
body.aden-reference-ui .sidebar-user { border:1px solid #ecedf2!important;border-radius:11px!important;background:#fafbfc!important;padding:9px!important;color:#253246!important;box-shadow:none!important; }
body.aden-reference-ui .sidebar-user .user-meta strong { color:#27364b!important;font-size:11px!important; }
body.aden-reference-ui .sidebar-user .user-meta span { color:#8792a2!important;font-size:9px!important; }
body.aden-reference-ui .sidebar-user .user-avatar { background:#ed4f18!important;color:white!important;border-radius:9px!important; }
/* Content & toolbar */
body.aden-reference-ui .system-main { margin-left:var(--sidebar-width)!important;background:var(--aden-canvas)!important;min-width:0!important; }
body.aden-reference-ui .system-topbar { height:var(--topbar-height)!important;min-height:var(--topbar-height)!important;padding:0 20px!important;background:#fff!important;border-bottom:1px solid #eceef3!important;box-shadow:none!important; }
body.aden-reference-ui .topbar-eyebrow { font-size:9px!important;letter-spacing:.10em!important;color:#d7522a!important;font-weight:700!important; }
body.aden-reference-ui .system-content { padding:14px 16px 22px!important; }
body.aden-reference-ui .system-footer { background:transparent!important;border-top:1px solid #e9edf2!important;font-size:10px!important; }
/* Cards: crisp reference proportions, not oversized floating islands */
body.aden-reference-ui :is(.system-content .card,.system-content .panel,.system-content .metric-card,.system-content .kpi-card,.system-content .aam-kpi,.system-content .lc-kpi,.system-content .md-kpi,.system-content .d365-kpi,.system-content .pm-kpi,.system-content .pmd-kpi,.system-content .ua-metric,.system-content .ac-kpi,.system-content .afr-kpi,.system-content .forecast-kpi,.system-content .policy-kpi) {
  background:#fff!important;border:1px solid var(--aden-hairline)!important;border-radius:13px!important;
  box-shadow:0 2px 8px rgba(28,39,61,.025)!important;
}
body.aden-reference-ui .system-content :is(.card-header,.panel-header) { background:#fff!important;padding:11px 14px!important;border-bottom:1px solid #edf0f4!important; }
body.aden-reference-ui .system-content :is(.card-body,.panel-body) { padding:13px 14px!important; }
body.aden-reference-ui .system-content :is(.card-footer,.panel-footer) { background:#fff!important;padding:10px 14px!important;border-top:1px solid #edf0f4!important; }
body.aden-reference-ui .system-content :is(h1,.h1) { font-size:21px!important;line-height:1.25!important;letter-spacing:-.025em!important;font-weight:750!important; }
body.aden-reference-ui .system-content :is(h2,.h2) { font-size:17px!important;line-height:1.3!important;letter-spacing:-.02em!important;font-weight:700!important; }
body.aden-reference-ui .system-content :is(h3,.h3) { font-size:13.5px!important;line-height:1.35!important;font-weight:700!important; }
body.aden-reference-ui .system-content :is(.metric-card,.kpi-card,.aam-kpi,.lc-kpi,.md-kpi,.d365-kpi,.pm-kpi,.pmd-kpi,.ua-metric,.ac-kpi,.afr-kpi,.forecast-kpi,.policy-kpi) { padding:11px 13px!important; min-height:88px!important;gap:6px!important; }
body.aden-reference-ui .system-content :is(.metric-card,.kpi-card) :is(.metric-label,.kpi-label,.metric-title,.kpi-title) { font-size:9px!important;letter-spacing:.055em!important; }
body.aden-reference-ui .system-content :is(.metric-card,.kpi-card) :is(.metric-value,.kpi-value) { font-size:clamp(14px,1.35vw,22px)!important;line-height:1.12!important;white-space:nowrap!important;min-width:0!important;font-variant-numeric:tabular-nums!important;letter-spacing:-.045em!important; }
body.aden-reference-ui .system-content :is(.metric-card,.kpi-card) :is(.metric-subtitle,.kpi-subtitle,.metric-note) {font-size:9px!important;color:#91a0b0!important;}
/* Controls/tables used across every module, without replacing their wiring */
body.aden-reference-ui .system-content :is(.btn,button:not(.leaflet-control-zoom-in):not(.leaflet-control-zoom-out)) {border-radius:8px; font-size:11px;}
body.aden-reference-ui .system-content :is(.form-control,.form-select,.input-group-text) {border-radius:8px!important;border-color:#e7eaf0!important;font-size:11.5px!important;min-height:34px;}
body.aden-reference-ui .system-content :is(.form-control,.form-select):focus {border-color:#ed885f!important;box-shadow:0 0 0 3px rgba(237,79,24,.10)!important;}
body.aden-reference-ui .system-content .table {color:#354257!important;font-size:11px!important;vertical-align:middle;}
body.aden-reference-ui .system-content .table > :not(caption) > * > * {padding:10px 12px!important;border-bottom-color:#eef1f4!important;}
body.aden-reference-ui .system-content .table thead th {font-size:9px!important;text-transform:uppercase!important;letter-spacing:.055em!important;color:#8895a6!important;background:#fbfcfd!important;font-weight:700!important;}
body.aden-reference-ui .system-content .table tbody tr:hover {background:#fcfcfd;}
body.aden-reference-ui .system-content .badge {font-size:9px!important;border-radius:7px!important;padding:5px 7px!important;}
body.aden-reference-ui .system-content :is(.nav-tabs,.pagination) {gap:4px;}
body.aden-reference-ui .system-content :is(.page-link,.nav-link) {border-radius:8px!important;font-size:11px!important;}
body.aden-reference-ui .system-content :is(.modal-content,.dropdown-menu) {border-radius:14px!important;border:1px solid #e9edf2!important;box-shadow:0 18px 44px rgba(35,48,70,.13)!important;}
body.aden-reference-ui .system-content :is(.bi,.icon) {vertical-align:middle;}
/* Avoid clipping site maps, chart canvases, dynamic select dropdowns. */
body.aden-reference-ui .system-content :is(canvas,svg,.leaflet-container) {max-width:100%;}
@media (max-width:991.98px) {
 body.aden-reference-ui .system-main {margin-left:0!important;}
 body.aden-reference-ui .system-sidebar {width:min(280px,85vw)!important;}
 body.aden-reference-ui .system-content {padding:12px!important;}
 body.aden-reference-ui .system-topbar {padding:0 12px!important;}
}
@media (prefers-reduced-motion:reduce) {
 body.aden-reference-ui .system-content :is(.card,.metric-card,.kpi-card,.btn){transition:none!important;}
}
