/* CD Track · Tema Azzurro 1.0 · 19/10/2026
 * Presentation only. Screen rules preserve document and QR print layouts.
 */
@media screen {
:root{--cd-blue:#096b9f;--cd-cyan:#137fb6;--bg:#f2f8fc;--surface:#fff;--surface-soft:#eaf5fc;--border:#cfe3f0;--text:#17384e;--muted:#526e80;--sidebar:264px;--radius:14px;--shadow:0 3px 14px rgba(29,91,127,.06)}
html body{background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,"Segoe UI",Arial,sans-serif;line-height:1.5}
body h1,body h2,body h3{color:#153f59;letter-spacing:-.025em}
body h1{font-weight:750}body h2{font-weight:700}body h3{font-weight:700}
body .muted{color:var(--muted)}
body .sidebar{background:#e3f3fd;color:#234e68;border-right:1px solid #c1dfef;box-shadow:none;gap:16px;padding:22px 16px}
body .brand-box{background:#fff;border:1px solid #d0e6f2;border-radius:14px;padding:12px;box-shadow:none}
body .brand-box img{max-height:84px}
body .product-name strong{color:#124b70;letter-spacing:.02em}
body .product-name span,body .user-meta small{opacity:1;color:#476a80}
body .user-card{background:#f6fbff;border:1px solid #c8e3f2;border-radius:12px}
body .avatar{background:#d9effb;color:#125c86;border-radius:10px}
body .nav-group-title{color:#496d82;opacity:1;font-size:11px;letter-spacing:1px}
body .side-nav{min-height:0}
body .side-nav a{color:#234e68;font-weight:600;border-radius:9px;padding:10px;margin:3px 0}
body .side-nav a:hover{background:#d3eafb}
body .side-nav a.active{background:#fff;color:#075e91;border:1px solid #b6daee;box-shadow:inset 3px 0 #1689c3;font-weight:750}
body .logout-link{background:#d3eaf8;color:#22546e;border:1px solid #b9dcef;border-radius:10px;font-weight:650}
body .top-header{background:#ffffff;border-bottom:1px solid var(--border);backdrop-filter:none;flex-wrap:wrap;gap:14px;padding:18px 26px}
body .page-title h1{font-size:23px;line-height:1.25}
body .page-title p{color:#526e80}
body .top-tools{min-width:0;max-width:100%;flex-wrap:wrap}
body .global-search{border-radius:10px;box-shadow:none;background:#f7fbfe;min-width:0;max-width:100%;gap:6px}
body .global-search input{min-width:0}
body .notification-bell{border-radius:12px;box-shadow:none;background:#eef8ff}
body .content{padding-top:24px}
body .card,body .kpi,body .quick-link,body .driver-card,body .section-card,body .admin-tile,body .request-card,body .vehicle-card,body .wh-cell{border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow);background:#fff}
body .panel-soft{background:#edf7fd;border:1px solid var(--border);border-radius:12px}
body .card{padding:22px}
body .kpi:after{display:none}
body .kpi{border-top:3px solid #71bee8}
body .kpi .kpi-label{color:#526e80;font-weight:650;letter-spacing:.04em}
body .kpi .kpi-value,body .kpi .n{color:#13587e;font-variant-numeric:tabular-nums;font-weight:750}
body .quick-link:hover,body .admin-tile:hover{background:#f2faff;border-color:#8fc8e8;transform:none}
body label{font-weight:650;color:#264c64}
body input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=submit]):not([type=button]),body select,body textarea{border:1px solid #b8d3e4;border-radius:9px;background:#fff;color:#17384e;font:inherit;padding:11px 12px;min-height:46px;max-width:100%}
body input::placeholder,body textarea::placeholder{color:#617c8e;opacity:1}
body input[type=checkbox],body input[type=radio]{accent-color:#087bb5;min-width:18px;min-height:18px}
body input:focus,body select:focus,body textarea:focus{border-color:#1986bf;box-shadow:0 0 0 3px #d5edfb;outline:none}
body :is(a,button,input,select,textarea,summary):focus-visible{outline:3px solid #0874ad;outline-offset:3px}
body .btn,body .finish{background:#0875ac;color:#fff;border:1px solid #0875ac;border-radius:10px;box-shadow:none;font-weight:700;line-height:1.3;min-height:46px;padding:11px 16px}
body .btn:hover,body .finish:hover{filter:brightness(.94);transform:none}
body .btn.secondary{background:#ecf6fd;color:#185b82;border-color:#bcdced}
body .btn.success{background:#207848;border-color:#207848;color:#fff}
body .btn.danger{background:#b52e36;border-color:#b52e36;color:#fff}
body .btn.small{min-height:36px;padding:7px 11px;font-size:13px;border-radius:8px}
body button:disabled,body input:disabled,body select:disabled{opacity:.6;cursor:not-allowed}
body .table-wrap{border:1px solid var(--border);border-radius:12px}
body .table th{background:#e5f3fc;color:#285671;text-transform:none;letter-spacing:0;font-weight:700;padding:13px 12px}
body .table td{padding:13px 12px;border-bottom:1px solid #e1edf4;font-variant-numeric:tabular-nums;line-height:1.45}
body .table tbody tr:nth-child(even){background:#f8fcff}
body .table tr:hover td{background:#edf7fe}
body .badge,body .status-pill,body .status{background:#e8f4fc;color:#185b82;font-weight:650;border-radius:7px}
body .badge.primary{background:#e2f2fc;color:#115e8b}
body .badge.success{background:#e6f5eb;color:#21633d}
body .badge.warning{background:#fff2cf;color:#785200}
body .badge.error{background:#fde9eb;color:#9b2834}
body .alert,body .flash{border-radius:10px;font-weight:600;line-height:1.5}
body .alert.info,body .flash.info{background:#e9f6ff;color:#185979;border:1px solid #b9dff5}
body .alert.warning,body .flash.warning{background:#fff6dd;color:#795400;border:1px solid #e9d49c}
body .alert.success,body .flash.success{background:#edf8f0;color:#24673f;border:1px solid #bedfc9}
body .alert.error,body .flash.error{background:#fdefef;color:#9a2935;border:1px solid #ebc3c8}
body .notification-attention{border-radius:12px;box-shadow:none;border-width:1px;border-left-width:4px}
body .pagination a{border-radius:8px}
body .pagination a.active{background:#0875ac;color:#fff}
body .drv-hero,body .loc-hero,body .vehicle-hero,body .manual-place-head,body .anomaly-head,body .wh-hero,body .service-close-hero{background:#e1f2fd;color:#194f70;border:1px solid #b7dcf2;border-radius:16px;box-shadow:none}
body :is(.drv-hero,.loc-hero,.vehicle-hero,.manual-place-head,.anomaly-head,.wh-hero,.service-close-hero) :is(h1,h2,h3,.place,.service-close-number){color:#174f72}
body .drv-hero:after{display:none}
body .drv-eyebrow{color:#356782;opacity:1}
body .op{background:#fff;border:1px solid #bbdff3;color:#1c6087;border-radius:9px}
body .start,body .choice-card,body .vehicle-current,body .driver-status>div,body .count>div,body .history .row,body .modal-card,body .overlay-card{border-radius:14px;box-shadow:none;border:1px solid var(--border)}
body .operation-btn{background:#eff8ff;border:1px solid #8fc8e8;border-radius:14px;color:#155d85;font-weight:750}
body .operation-btn:hover{background:#e0f1fd;border-color:#3196cc}
body .operation-btn.disabled{background:#edf1f4;border-color:#ccd7df;color:#657785}
body .operation-btn small{font-weight:500}
body .chosen-operation{border-radius:12px}
body .count b,body .driver-status b{font-variant-numeric:tabular-nums}
body .camera{border-radius:14px;border-color:#92c9e8}
body .scan-status{border-radius:10px;font-weight:600}
body .good{border-radius:12px;font-weight:700}
body .finish{min-height:56px;font-size:18px}
body .manual-scan,body .sig-wrap{border-radius:10px}
body .service-close-btn{border-radius:12px;border-width:2px;font-weight:700}
body .login-public{background:linear-gradient(135deg,#eff9ff,#dceffc);color:#17384e}
body .login-card-pro,body .login-card{border-radius:18px;border:1px solid #bfdeef;box-shadow:0 12px 40px rgba(30,103,145,.09)}
body .login-card-pro::before{background:#66b9e5}
body .login-card-pro input:not([type=checkbox]):not([type=radio]):not([type=hidden]){padding-left:46px!important;padding-right:48px!important}
body .wh-hero p{color:#285e7d}
body .wh-cell.wh-danger{border:3px solid #bd303a;background:#fff4f4}
body .login-public::after{opacity:.35}
body .topbar{background:#dff1fc;color:#174f72;border-bottom:1px solid #b7dced}
body .topbar .nav a{color:#14597f}
@media(min-width:861px){body .sidebar .side-nav{flex:1;overflow-y:auto}body .global-search input[type=text]{width:220px}body .global-search input[type=date]{width:145px}}
@media(max-width:860px){body .sidebar{border-radius:0 0 16px 16px}body .top-header{padding:16px}body .card{border-radius:14px}body.role-driver .driver-mobile-head{background:#e0f2fd;color:#194f70;border-bottom:1px solid #acd5ed;box-shadow:0 2px 8px rgba(18,77,111,.08)}body .driver-mobile-logout{background:#fff;border-color:#b7d9ec;color:#185d84}body.role-driver .driver-mobile-nav{box-shadow:0 -2px 10px rgba(18,77,111,.06);border-color:#c4e0f0}body .driver-mobile-nav a.active{background:#def1fd;color:#0b5e90}body .driver-mobile-title small{opacity:1;color:#456d85}}
@media(max-width:700px){body .card{border-radius:14px!important}body .btn{min-height:48px}body .table th,body .table td{padding:10px 8px}body input,body select,body textarea{font-size:16px!important}body .drv-hero h1{font-size:25px}body .operation-btn{min-height:116px}body .camera-actions .btn{min-height:54px}}
@media(prefers-reduced-motion:reduce){body *,body *:before,body *:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
}

/* Navigation 1.1: white sidebar, native collapsible sections and mobile disclosure. */
.cd-menu-toggle{display:none}
@media screen {
body .sidebar{background:#fff;border-right:1px solid #d9e8f1;gap:12px;padding:18px 14px;color:#305167}
body .brand-box{border:0;box-shadow:none;padding:2px 16px 5px;background:transparent}
body .brand-box img{max-height:58px}
body .product-name{margin-top:7px;text-align:center}
body .product-name strong{font-size:17px;color:#1c5678}
body .product-name span{font-size:11px;color:#607b8c}
body .user-card{padding:10px;background:#f5f9fc;border:1px solid #e2edf4;border-radius:10px}
body .avatar{width:32px;height:32px;flex:0 0 32px;border-radius:9px;font-size:13px}
body .user-meta strong{font-size:13px}
body .user-meta small{font-size:11px}
body .side-nav{display:block;padding-right:3px;flex:1;min-height:0;scrollbar-width:thin;scrollbar-color:#c1d7e5 transparent}
body .cd-nav-group{border-bottom:1px solid #edf2f6;padding:5px 0 9px;margin-bottom:3px}
body .cd-nav-group summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:42px;padding:8px 11px;color:#567285;font-size:11px;letter-spacing:.09em;text-transform:uppercase;font-weight:750;border-radius:8px;user-select:none}
body .cd-nav-group summary::-webkit-details-marker{display:none}
body .cd-nav-group summary:hover{background:#f4f9fc;color:#176590}
body .cd-nav-group summary svg{flex:0 0 16px;transform:rotate(-90deg)}
body .cd-nav-group[open] summary svg{transform:rotate(0)}
body .side-nav a{padding:9px 11px;min-height:40px;margin:2px 0;border:1px solid transparent;border-radius:8px;font-size:13px;line-height:1.35;font-weight:550;color:#36566b;gap:10px}
body .side-nav a:hover{background:#f1f8fd;color:#096494}
body .side-nav a.active{background:#e5f3fd;border:1px solid #c6e5f7;color:#075f91;box-shadow:inset 3px 0 #1892cd;font-weight:700}
body .nav-ico{width:20px;height:20px;display:inline-flex;flex:0 0 20px;align-items:center;justify-content:center;color:#66879c}
body .nav-ico svg{width:20px;height:20px}
body .side-nav a.active .nav-ico{color:#0876ac}
body .logout-link{background:#f7fafc;border:1px solid #e0eaf1;color:#516d80;border-radius:8px;padding:10px;font-size:12px;font-weight:600}
@media(max-width:860px){
 body:not(.role-driver) .cd-menu-toggle{display:flex;align-items:center;gap:10px;margin:12px 14px;padding:11px 15px;min-height:44px;border:1px solid #bfdfef;border-radius:10px;background:#fff;color:#165f89;font:inherit;font-weight:650;cursor:pointer}
 body:not(.role-driver) .sidebar{width:auto;margin:0 14px 12px;padding:16px;border:1px solid #d1e5f0;border-radius:12px;height:auto;max-height:70dvh;overflow:auto}
 body:not(.role-driver) .sidebar .side-nav{display:block!important;overflow:visible;flex:none}
 body:not(.role-driver) .sidebar .brand-box{max-width:190px;margin:0 auto}
 body:not(.role-driver) .sidebar .side-nav a{min-height:44px}
 body.cd-menu-ready:not(.role-driver):not(.cd-menu-open) #cd-sidebar{display:none}
 body .cd-nav-group summary{min-height:44px}
}
}