/* Zonectify 2.0 — control plane presentation only. */
:root{--ink:#0a2130;--ink-2:#153449;--muted:#506579;--line:#dbe6eb;--bg:#edf3f7;--brand:#0879d9;--brand-2:#075ba8;--radius:12px;--shadow:0 9px 30px rgba(8,28,42,.07)}
body{background:linear-gradient(180deg,#e8f3f8,#f3f7fa 360px)}
.topbar{background:rgba(7,18,28,.98);border-bottom:1px solid rgba(0,217,232,.2)}
.kpi,.panel{border-color:var(--line);box-shadow:var(--shadow)}
.kpi{border-top:2px solid #16c8dd}
.tenant:hover{background:#eaf6fb}
.avatar{background:#e0f5fc;color:#075ba8}
button,.ghost,.primary,.secondary{min-height:44px}
button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #0879d9;outline-offset:2px}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* White text on the default primary action must meet 4.5:1 contrast. */
:root{--brand:#075ba8}
.primary{background:#075ba8;color:#fff}