/* L45 stability patch: visual polish only. Keep original layout and hit targets intact. */
:root{--navy:#10284a;--navy2:#1b3c70;--blue:#2864f0;--blue-soft:#edf4ff;--bg:#f4f7fc;--card:#fff;--ink:#14294a;--mut:#637796;--line:#e3ebf7;--sand:#c9a16c;--ok:#17a673;--warn:#e58a16;--bad:#e83b58;--r:14px;--sh1:0 2px 8px rgba(20,52,98,.045);--sh2:0 8px 24px rgba(20,52,98,.09)}
html{background:var(--bg)}body{background:#f5f8fd;color:var(--ink)}
.brand h1.hd{color:var(--navy)}
.kpi,.panel,.smart-views,.insights-head,.sla-panel,.desk-panel,.distribution-panel,.notification-panel{border-color:var(--line);box-shadow:var(--sh1)}
.kpi{background:#fff;border-radius:14px}.kpi:hover{box-shadow:var(--sh2)}
.btn{border-radius:9px}.btn.p,.btn.call{background:var(--blue);border-color:var(--blue)}.btn.p:hover,.btn.call:hover{background:#1d51d6;border-color:#1d51d6}
.panel h2,.panel h3,.smart-views h3{color:var(--navy)}
input,select,textarea{border-color:#dce6f4}input:focus,select:focus,textarea:focus{border-color:#7fa8ff;box-shadow:0 0 0 3px rgba(40,100,240,.1)}
th{background:#f3f7fd;color:#4c6384}tbody tr:hover td{background:#f8fbff}
:where(button,a,[role=button]){-webkit-tap-highlight-color:transparent}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
