/* MEXIM unified desktop/mobile visual pass 2026-09-16 */
:root{--mxm-navy:#0A2E63;--mxm-blue:#2F80D9;--mxm-orange:#F28C00;--mxm-bg:#F4F8FC;--mxm-line:#DFE8F1;--mxm-muted:#6E8093}
body{background:var(--mxm-bg)!important}.content{padding:22px 26px 34px!important}.title{margin-bottom:18px!important}.title h1{font-size:27px!important;color:var(--mxm-navy)!important;letter-spacing:-.025em!important}.title p{font-size:12px!important;color:var(--mxm-muted)!important}.crumb{font-size:10px!important;color:#7B8FA5!important}
.mx-side{width:245px!important}.mx-main{margin-left:245px!important}.mx-brand{min-height:96px!important;padding:15px!important}.mx-brand img{width:160px!important}.mx-nav h5{margin:18px 11px 7px!important}.mx-nav button{min-height:40px!important;margin:3px 0!important;padding:9px 12px!important;border-radius:11px!important}.mx-nav button.active{background:#E2EFFC!important;color:#0A5EA8!important}.top{height:62px!important}.top-search{width:310px!important}.top-user{min-height:42px!important}
.dash-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important;margin-bottom:12px!important}.dash-kpi{min-height:96px!important;padding:15px 16px!important;border-radius:16px!important;border:1px solid var(--mxm-line)!important;box-shadow:0 5px 16px rgba(10,46,99,.035)!important}.dash-kpi .dash-icon{width:46px!important;height:46px!important;flex-basis:46px!important;border-radius:14px!important;font-size:20px!important}.dash-kpi small{font-size:9px!important}.dash-kpi b{font-size:22px!important;margin:4px 0!important}.dash-kpi span{font-size:10px!important}.dash-mini-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important;margin-bottom:14px!important}.dash-mini{min-height:48px!important;border-radius:12px!important;padding:10px 13px!important}.dash-mini span{font-size:10px!important}.dash-mini b{font-size:13px!important}
.mx-dashboard-board{border-radius:18px!important;overflow:hidden!important}.mx-dashboard-board>.head{min-height:58px!important;padding:12px 18px!important;display:flex!important;align-items:center!important;justify-content:space-between!important}.mx-dashboard-board>.head .mx-section-title{font-size:15px!important;color:var(--mxm-navy)!important}.mx-dashboard-board>.head .mx-section-title span{font-size:10px!important;color:#70869D!important;margin-left:8px!important}.mx-dashboard-board>.head .btn{min-height:38px!important;border-radius:11px!important}.mx-dashboard-board>.body{padding:14px!important}.mx-week-scroll{overflow-x:auto!important;padding-bottom:5px!important}.mx-week-board-dashboard{gap:10px!important;min-width:920px!important}.mx-week-day{border-radius:14px!important;overflow:hidden!important;border:1px solid #DDE7F1!important;background:#FBFDFF!important}.mx-week-day.today{border-color:#F0BC72!important;box-shadow:0 0 0 2px rgba(242,140,0,.08)!important}.mx-week-day>header{min-height:48px!important;padding:10px 12px!important}.mx-week-day-body{min-height:130px!important;padding:9px!important}.mx-week-card{border-radius:11px!important;padding:9px!important;font-size:10px!important}.mx-week-empty{font-size:10px!important;color:#8394A7!important}
.cols{gap:12px!important;margin-top:14px!important}.panel{border-radius:16px!important;border-color:var(--mxm-line)!important;box-shadow:0 5px 18px rgba(10,46,99,.04)!important}.panel>.head{min-height:50px!important;padding:13px 16px!important}.panel>.body{padding:16px!important}.table th{font-size:9px!important}.table td{font-size:11px!important}.pipe-row{margin-bottom:12px!important}.pipe-track{height:8px!important}
.gps-title-row{background:#fff!important;border:1px solid var(--mxm-line)!important;border-radius:18px!important;padding:16px!important;box-shadow:0 5px 18px rgba(10,46,99,.04)!important}.gps-filters{box-shadow:none!important}.gps-kpi{box-shadow:none!important}.gps-main-grid{gap:14px!important}.gps-map-card,.gps-detail-card{box-shadow:0 5px 18px rgba(10,46,99,.04)!important}.mob-hero,.mob-kpis>div,.mob-card,.mob-device,.mob-evidence{box-shadow:0 5px 18px rgba(10,46,99,.04)!important}
@media(max-width:1150px){.dash-grid{grid-template-columns:repeat(2,1fr)!important}.dash-mini-grid{grid-template-columns:repeat(2,1fr)!important}.mx-side{width:225px!important}.mx-main{margin-left:225px!important}}
@media(max-width:760px){.mx-side{width:100%!important}.mx-main{margin-left:0!important}.dash-grid,.dash-mini-grid{grid-template-columns:1fr!important}.content{padding:16px!important}.top-search{display:none!important}}