/* Hallmark · FLUX option A · app screens · genre: modern-minimal · v2.0.0 */
/* Critique: compact tables lead; blue identifies actions and selection without changing workflows. */
:root,html[data-theme="light"]{
  --paper:#eef2f6;--paper-2:#eaf0f6;--card:#ffffff;--ink:#1b2c42;--text-2:#415b73;--muted:#566b80;
  --line:#d3deea;--line-2:#b8c9dc;--sidebar:#17345c;--sidebar-hover:#244773;--sidebar-line:#375b80;
  --primary:#2365a0;--primary2:#194f84;--primary-strong:#194f84;--primary-soft:#e6f0f9;
  --accent:#2365a0;--accent-soft:#e6f0f9;--blue:#2365a0;--blue-soft:#e6f0f9;
  --flux-list-page:#eef2f6;--flux-list-surface:#ffffff;--flux-list-head:#eaf0f6;--flux-list-row-alt:#f7f9fb;
  --flux-list-border:#d3deea;--flux-list-divider:#e0e8f0;--flux-list-link:#194f84;--flux-list-link-hover:#17345c;--flux-list-active:#2365a0;
  --theme-focus:#2365a0;--theme-nav-active:#ffffff;--theme-font:"Segoe UI",Arial,sans-serif;--theme-shadow:0 4px 14px color-mix(in srgb,var(--sidebar) 9%,transparent);
  --theme-paper:#eef2f6;--theme-paper-2:#eaf0f6;--theme-card:#ffffff;--theme-ink:#1b2c42;--theme-text-2:#415b73;--theme-muted:#566b80;--theme-line:#d3deea;--theme-line-2:#b8c9dc;--theme-sidebar:#17345c;--theme-sidebar-hover:#244773;--theme-sidebar-line:#375b80;--theme-primary:#2365a0;--theme-primary-strong:#194f84;--theme-primary-soft:#e6f0f9;
}
html[data-theme="dark"]{
  --paper:#111b29;--paper-2:#1a2a3c;--card:#1c2a3a;--ink:#f1f5fa;--text-2:#cad7e5;--muted:#a8b9c9;
  --line:#33485e;--line-2:#587086;--sidebar:#0a1b31;--sidebar-hover:#213f62;--sidebar-line:#36577a;
  --primary:#8bbded;--primary2:#b3d4f5;--primary-strong:#b3d4f5;--primary-soft:#203d59;
  --accent:#8bbded;--accent-soft:#203d59;--blue:#8bbded;--blue-soft:#203d59;
  --flux-list-page:#111b29;--flux-list-surface:#1c2a3a;--flux-list-head:#26394d;--flux-list-row-alt:#203146;
  --flux-list-border:#33485e;--flux-list-divider:#2d4359;--flux-list-link:#a9d0f3;--flux-list-link-hover:#d4e9fc;--flux-list-active:#8bbded;
  --theme-focus:#8bbded;--theme-nav-active:#ffffff;--theme-font:"Segoe UI",Arial,sans-serif;--theme-shadow:none;
  --theme-paper:#111b29;--theme-paper-2:#1a2a3c;--theme-card:#1c2a3a;--theme-ink:#f1f5fa;--theme-text-2:#cad7e5;--theme-muted:#a8b9c9;--theme-line:#33485e;--theme-line-2:#587086;--theme-sidebar:#0a1b31;--theme-sidebar-hover:#213f62;--theme-sidebar-line:#36577a;--theme-primary:#8bbded;--theme-primary-strong:#b3d4f5;--theme-primary-soft:#203d59;
}
html[data-theme="light"] .platform-shell,.platform-shell,html[data-theme="dark"] .platform-shell{
  --paper:var(--theme-paper);--paper-2:var(--theme-paper-2);--card:var(--theme-card);--ink:var(--theme-ink);--text-2:var(--theme-text-2);--muted:var(--theme-muted);
  --line:var(--theme-line);--line-2:var(--theme-line-2);--sidebar:var(--theme-sidebar);--sidebar-hover:var(--theme-sidebar-hover);--sidebar-line:var(--theme-sidebar-line);
  --primary:var(--theme-primary);--primary-strong:var(--theme-primary-strong);--primary-soft:var(--theme-primary-soft);--green:var(--theme-primary);
}
html,body{overflow-x:clip}
body{font-family:var(--theme-font)}
.layout,.platform-shell{background:var(--paper)}
.sidebar,.platform-sidebar{background:var(--sidebar);border-color:var(--sidebar-line);box-shadow:none}
.sidebar .nav button,.platform-sidebar .nav button{border-radius:6px}
.sidebar .nav button.active,.platform-sidebar .nav button.active{background:var(--sidebar-hover);border-left-color:var(--primary);box-shadow:inset 3px 0 var(--primary);color:var(--theme-nav-active)}
.sidebar .nav button:hover,.platform-sidebar .nav button:hover{background:var(--sidebar-hover)}
.topbar,.platform-topbar{background:var(--card);border-bottom:2px solid var(--primary);box-shadow:none;backdrop-filter:none}
.content,.platform-content{background:var(--paper)}
.card,.platform-page>.card,.platform-chart-panel,.platform-recent-card,.platform-tenants-card{border-color:var(--line);border-radius:7px;box-shadow:var(--theme-shadow)}
.btn,.field input,.field select,.field textarea,.search-box{border-radius:6px}
.btn-primary{background:var(--primary);color:var(--card)}
.btn-primary:hover{background:var(--primary2)}
.btn:active,.sidebar .nav button:active,.platform-sidebar .nav button:active{transform:translateY(1px)}
.field input:focus-visible,.field select:focus-visible,.field textarea:focus-visible,.search-box:focus-visible,.btn:focus-visible,.nav button:focus-visible,.table button:focus-visible{outline:2px solid var(--theme-focus);outline-offset:2px}
body:not([data-current-view="pos"]) #content .table,.platform-page .table{font-size:.75rem;font-variant-numeric:tabular-nums}
body:not([data-current-view="pos"]) #content .table th,.platform-page .table th{padding:8px 12px;background:var(--flux-list-head);color:var(--text-2);font-size:.68rem;letter-spacing:0;text-transform:none}
body:not([data-current-view="pos"]) #content .table td,.platform-page .table td{padding:8px 12px;border-bottom:1px solid var(--flux-list-border);line-height:1.25}
body:not([data-current-view="pos"]) #content .table tbody tr:hover,.platform-page .table tbody tr:hover td{background:var(--primary-soft)}
.platform-client-table .platform-sort-button{letter-spacing:0;text-transform:none}
.platform-client-table .platform-sort-button:hover{background:var(--primary-soft)}
.platform-page .table .pill{border-radius:5px}
.platform-bar-track i{background:var(--primary);box-shadow:none}
.metric.purple{background:var(--sidebar);color:var(--theme-nav-active)}
.metric.purple .metric-label,.metric.purple .metric-note{color:var(--theme-nav-active)}
@media(max-width:760px){.content,.platform-content{padding-inline:12px}.sidebar,.platform-sidebar{box-shadow:var(--theme-shadow)}body:not([data-current-view="pos"]) #content .table th,body:not([data-current-view="pos"]) #content .table td,.platform-page .table th,.platform-page .table td{padding:8px}}
@media(prefers-reduced-motion:reduce){.sidebar .nav button,.platform-sidebar .nav button,.table tbody tr,.platform-page .table tbody tr{animation:none;transition:none}}