:root{--primary:var(--primary);--primary-dark:var(--primary-dark);--accent:var(--primary-soft);--ink:#18252a;--muted:#718084;--bg:#f4f7f6;--card:#fff;--border:#dfe9e5;--shadow:0 10px 32px rgba(20,45,37,.07)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:"Tajawal","Noto Sans Arabic",system-ui,-apple-system,"Segoe UI",sans-serif;padding-bottom:0}.topbar{height:70px;background:#fff;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 24px;position:sticky;top:0;z-index:60}.topbar-start{display:flex;align-items:center;gap:10px}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink)}.brand-mark{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,var(--primary),var(--primary-light));font-size:20px;font-weight:900}.brand strong{display:block;font-size:15px}.brand small{display:block;color:var(--muted);font-weight:500;font-size:11px;margin-top:1px}.top-actions{display:flex;align-items:center;gap:10px}.user-pill{background:#f5f8f7;border:1px solid var(--border);border-radius:999px;padding:8px 12px;font-size:12px;color:#536266}.user-pill b{color:var(--primary);margin-right:5px}.icon-button,.menu-toggle,.menu-close{border:0;background:transparent;color:var(--muted);font-size:22px}.menu-toggle{display:none;font-size:26px}.layout{min-height:calc(100vh - 70px)}.sidebar{background:#fff;border-left:1px solid var(--border)}.app-drawer{position:fixed;top:70px;bottom:0;right:0;width:260px;padding:15px 11px;z-index:70;overflow:auto;box-shadow:0 15px 40px rgba(0,0,0,.05)}.drawer-head{display:flex;align-items:center;justify-content:space-between;padding:5px 8px 13px;border-bottom:1px solid #edf2f0;margin-bottom:8px}.drawer-head strong{display:block}.drawer-head small{display:block;color:var(--muted);font-size:11px;margin-top:2px}.sidebar-nav a,.sidebar-nav summary{display:flex;align-items:center;gap:10px;color:#536266;text-decoration:none;padding:10px 12px;border-radius:11px;margin:3px 0;font-size:13px;cursor:pointer}.sidebar-nav a:hover,.sidebar-nav summary:hover,.sidebar-nav a.nav-home{background:var(--primary-soft);color:var(--primary);font-weight:800}.sidebar-nav details{margin:4px 0}.sidebar-nav summary{list-style:none;font-weight:800;background:#fafcfb}.sidebar-nav summary::-webkit-details-marker{display:none}.sidebar-nav summary:after{content:"▾";margin-right:auto;color:#96a3a6;font-size:12px}.sidebar-nav details:not([open]) summary:after{content:"◂"}.sidebar-nav details a{padding-right:34px;font-size:12.5px}.sidebar-nav .standalone{margin-top:7px;background:#fafcfb}.menu-backdrop{display:none}.content{padding:28px 30px 55px;max-width:1550px;width:calc(100% - 290px);margin-right:290px}.page-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-end;margin-bottom:20px}.page-head h1{margin:4px 0;font-size:29px;font-weight:900;letter-spacing:-.4px}.page-head p{color:var(--muted);margin:0}.eyebrow{color:var(--primary);font-weight:900;font-size:12px}.card-soft,.stat-card{background:var(--card);border:1px solid var(--border);border-radius:20px;box-shadow:var(--shadow)}.card-soft{padding:20px}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.stat-card{padding:20px}.stat-card span,.stat-card small{display:block;color:var(--muted);font-size:12px}.stat-card strong{display:block;font-size:28px;margin:8px 0 1px}.stat-card.primary{background:linear-gradient(145deg,var(--primary),var(--primary-light));border:0;color:#fff}.stat-card.primary span,.stat-card.primary small{color:rgba(255,255,255,.8)}.quick-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.quick-grid a{text-decoration:none;color:var(--ink);border:1px solid var(--border);border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:6px;background:#fbfcfc;transition:.15s}.quick-grid a:hover{border-color:var(--primary-border);transform:translateY(-1px)}.quick-grid i{font-size:24px;color:var(--primary)}.quick-grid span{font-weight:800;font-size:14px}.quick-grid small{color:var(--muted);font-size:11px}.btn-primary{--bs-btn-bg:var(--primary);--bs-btn-border-color:var(--primary);--bs-btn-hover-bg:var(--primary-dark);--bs-btn-hover-border-color:var(--primary-dark)}.form-control,.form-select{border-color:#d5e1dd;border-radius:11px;min-height:42px}.form-control:focus,.form-select:focus{border-color:var(--primary-border-strong);box-shadow:0 0 0 .2rem rgba(11,110,79,.1)}.form-label{font-weight:700;font-size:12px;color:#526267}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.table{margin:0;min-width:650px}.table th{color:#6d7d81;font-size:11px;white-space:nowrap;border-bottom-color:var(--border)}.table td{border-bottom-color:#edf2f0;font-size:12px;vertical-align:middle}.table tbody tr:hover{background:#fbfdfc}.badge-soft{display:inline-flex;align-items:center;gap:4px;background:var(--primary-soft);color:var(--primary);padding:5px 9px;border-radius:999px;font-size:11px;font-weight:800}.mobile-nav{display:none}.collector-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.65fr);gap:18px}.collector-hero{display:flex;gap:13px;align-items:center;background:var(--primary-faint);border:1px dashed var(--primary-border);border-radius:16px;padding:14px;margin-bottom:17px}.gate-icon{width:48px;height:48px;border-radius:14px;background:var(--primary);color:#fff;display:grid;place-items:center;font-size:23px}.collector-hero p{color:var(--muted);margin:2px 0 0;font-size:12px}.search-hint{min-height:42px;background:#f8faf9;border-radius:11px;padding:10px 12px;color:var(--muted);font-size:12px}.suggestion{border:0;background:var(--primary-soft);color:var(--primary);border-radius:8px;padding:5px 8px;margin:2px;cursor:pointer}.side-info h3{font-size:17px;font-weight:900}.flow{display:flex;flex-direction:column;gap:10px}.flow>div{display:grid;grid-template-columns:34px 1fr;column-gap:8px;padding:10px;border-radius:13px;background:#f8faf9}.flow b{grid-row:span 2;color:var(--primary)}.flow span{font-weight:800;font-size:12px}.flow small{color:var(--muted);font-size:10px}.permission-group{border:1px solid var(--border);border-radius:16px;padding:13px;background:#fbfcfc;height:100%}.permission-group h3{font-size:14px;font-weight:900;margin-bottom:9px;color:var(--primary)}.permission-row{display:grid;grid-template-columns:22px 1fr;column-gap:6px;row-gap:1px;padding:8px;border-radius:10px;cursor:pointer}.permission-row:hover{background:var(--primary-soft)}.permission-row input{margin-top:4px}.permission-row span{font-weight:700;font-size:12px}.permission-row small{grid-column:2;color:var(--muted);font-size:9px;direction:ltr;text-align:right}.report-summary{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:14px 16px;background:var(--primary-faint);border-radius:14px;margin-bottom:15px}.report-summary strong{color:var(--primary)}.report-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.report-card{display:flex;align-items:center;gap:12px;padding:16px;border:1px solid var(--border);border-radius:17px;text-decoration:none;color:var(--ink);background:#fff;box-shadow:var(--shadow)}.report-card i{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:var(--primary-soft);color:var(--primary);font-size:20px}.report-card strong{display:block;font-size:14px}.report-card small{display:block;color:var(--muted);font-size:10px;margin-top:2px}.print-hide{display:block}.login-shell{min-height:100vh;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at 20% 20%,var(--primary-faint),transparent 35%),var(--bg)}.login-card{width:min(430px,100%);background:#fff;border:1px solid var(--border);border-radius:26px;box-shadow:var(--shadow);padding:32px}
@media(max-width:1100px){.menu-toggle{display:inline-block}.app-drawer{transform:translateX(105%);transition:transform .2s ease}.app-drawer.open{transform:translateX(0)}.menu-backdrop.open{display:block;position:fixed;inset:70px 0 0;background:rgba(11,32,25,.38);z-index:65}.content{width:100%;margin:0;padding:22px 18px 40px}.mobile-nav{position:fixed;display:flex;bottom:0;left:0;right:0;background:#fff;border-top:1px solid var(--border);z-index:80;padding:7px 5px env(safe-area-inset-bottom)}.mobile-nav a,.mobile-nav button{flex:1;text-align:center;text-decoration:none;color:#718083;font-size:10px;border:0;background:transparent}.mobile-nav i{display:block;font-size:19px;margin-bottom:2px}.mobile-nav button{font-family:inherit}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.collector-layout{grid-template-columns:1fr}.report-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.content{padding-bottom:90px}}
@media(max-width:600px){.topbar{height:62px;padding:0 12px}.app-drawer{top:62px;width:min(88vw,310px)}.menu-backdrop.open{inset:62px 0 0}.brand-mark{width:36px;height:36px;border-radius:11px}.brand strong{font-size:13px}.brand small{font-size:9px}.top-actions .icon-button{font-size:20px}.page-head{align-items:stretch;flex-direction:column;margin-bottom:14px}.page-head h1{font-size:23px}.page-head .btn{width:100%}.content{padding:15px 12px 92px}.card-soft{padding:14px;border-radius:16px}.stat-grid,.quick-grid,.report-cards{grid-template-columns:1fr 1fr;gap:9px}.stat-card{padding:14px;border-radius:16px}.stat-card strong{font-size:20px}.quick-grid a{padding:13px;border-radius:14px}.quick-grid span{font-size:12px}.collector-hero{padding:12px}.form-control,.form-select{min-height:44px}.table{min-width:720px}.report-card{padding:12px}.report-card i{width:36px;height:36px;font-size:18px}.user-pill{display:none}.login-card{padding:24px;border-radius:21px}.permission-row{padding:6px}}
@media print{body{background:#fff}.topbar,.sidebar,.mobile-nav,.print-hide{display:none!important}.content{padding:0!important;width:100%!important;margin:0!important;max-width:none}.card-soft{box-shadow:none;border:1px solid #ddd;border-radius:0;margin-bottom:9px!important}.table{font-size:10px}.table th,.table td{padding:4px}a{color:#000!important;text-decoration:none!important}}
.form-section-title{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);padding:7px 0 10px;margin-top:2px;font-weight:900;color:var(--primary)}
.form-section-title span{font-size:10px;color:var(--muted);font-weight:700}
.info-tile{height:100%;padding:14px;border:1px solid var(--border);border-radius:14px;background:#fbfcfc}
.info-tile span,.info-tile small{display:block;color:var(--muted);font-size:10px}.info-tile strong{display:block;font-size:16px;margin:4px 0}
.permission-toolbar{display:flex;gap:7px;align-items:center;flex-wrap:wrap;margin-bottom:15px;padding:10px;background:var(--neutral-soft);border:1px solid var(--border);border-radius:12px}.permission-toolbar>span{margin-left:auto;font-size:11px;color:var(--muted)}
.document-heading{display:flex;justify-content:space-between;gap:15px;align-items:flex-start;padding-bottom:15px;margin-bottom:15px;border-bottom:2px solid var(--primary-border)}.document-heading strong{font-size:20px}.document-heading small{display:block;color:var(--muted)}.document-heading span,.document-heading b{display:block}.document-fields{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:14px}.document-fields>div{padding:12px;border:1px solid var(--border);border-radius:12px}.document-fields span,.document-fields strong{display:block}.document-fields span{font-size:10px;color:var(--muted)}.statement-box{padding:15px;border-radius:12px;background:var(--neutral-soft)}.statement-box span{display:block;color:var(--muted);font-size:10px;margin-bottom:4px}.signature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:45px;text-align:center;font-size:12px}
@media(max-width:600px){.document-fields{grid-template-columns:1fr}.signature-grid{grid-template-columns:1fr;gap:25px}}

/* Unified POS-style entity lists and menus */
.toolbar-card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:12px;margin-bottom:14px;box-shadow:var(--shadow)}
.search-form{display:flex;gap:8px;align-items:center}.search-input{position:relative;flex:1}.search-input i{position:absolute;inset-inline-start:13px;top:50%;transform:translateY(-50%);color:#94a3b8}.search-input input{padding-inline-start:40px}.add-panel{display:none;margin-bottom:14px}.add-panel.is-open{display:block}.entity-list{display:flex;flex-direction:column}.entity-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:12px;align-items:center;padding:13px 4px;border-bottom:1px solid #edf2f0}.entity-row:last-child{border-bottom:0}.entity-main{display:flex;gap:10px;align-items:center;min-width:0}.entity-icon{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;flex:0 0 auto;background:var(--primary-soft);color:var(--primary);font-size:19px;overflow:hidden}.entity-icon.agent{background:#f4edff;color:#7c4dff}.entity-icon.vehicle{background:#eef5ff;color:#2463d5}.entity-icon.employee{background:#fff4e6;color:#c26a00}.entity-icon.expense{background:#fff0f1;color:#cc3344}.entity-icon img{width:100%;height:100%;object-fit:cover}.entity-main strong{display:block;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.entity-meta{display:flex;gap:8px;flex-wrap:wrap;color:var(--muted);font-size:10px;margin-top:3px}.entity-meta span{padding:2px 7px;border-radius:999px;background:var(--neutral-soft)}.entity-balance{text-align:end;white-space:nowrap;font-size:11px;color:var(--muted)}.entity-balance strong{display:block;color:var(--ink);font-size:13px}.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#a7b2b6;margin-inline-end:5px}.status-dot.on{background:var(--primary)}.status-dot.off{background:#d55c63}.more-menu{position:relative}.more-menu summary{list-style:none;width:36px;height:36px;border:1px solid var(--border);border-radius:11px;display:grid;place-items:center;cursor:pointer;color:#66757a;background:#fff}.more-menu summary::-webkit-details-marker{display:none}.more-menu[open] summary{background:var(--primary-soft);color:var(--primary)}.more-pop{position:absolute;inset-inline-end:0;top:42px;width:190px;background:#fff;border:1px solid var(--border);border-radius:13px;padding:6px;box-shadow:0 18px 45px rgba(15,35,30,.14);z-index:110}.more-pop a,.more-pop button{display:flex;align-items:center;gap:8px;width:100%;border:0;background:transparent;color:var(--ink);text-decoration:none;text-align:right;padding:9px 10px;border-radius:9px;font-size:12px;font-family:inherit}.more-pop a:hover,.more-pop button:hover{background:#f3f7f5;color:var(--primary)}.more-pop form{margin:0}.empty-state{display:grid;place-items:center;text-align:center;gap:4px;padding:38px 12px;color:var(--muted)}.empty-state i{font-size:35px;color:#a0afab}.empty-state strong{color:var(--ink)}.empty-state.compact{padding:18px}.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.profile-head{display:flex;align-items:center;gap:12px;margin-bottom:18px}.profile-avatar{width:56px;height:56px;border-radius:18px;display:grid;place-items:center;background:var(--primary-soft);color:var(--primary);font-size:25px;font-weight:900}.profile-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.profile-facts>div{padding:11px;border:1px solid var(--border);border-radius:12px;background:#fbfcfc}.profile-facts span{display:block;font-size:10px;color:var(--muted)}.profile-facts strong{display:block;font-size:12px;margin-top:3px;word-break:break-word}.account-tile{padding:12px;border:1px solid var(--border);border-radius:13px;margin-bottom:9px;background:#fbfcfc}.account-tile span,.account-tile small{display:block;color:var(--muted);font-size:10px}.account-tile strong{display:block;margin:3px 0;font-size:15px}.account-tile a{font-size:11px;color:var(--primary);text-decoration:none}.identity-preview{display:block;width:100%;max-width:180px;margin-bottom:14px;text-decoration:none}.identity-preview img{display:block;width:100%;aspect-ratio:1.58;object-fit:cover;border-radius:13px;border:1px solid var(--border)}.identity-preview span{display:block;font-size:10px;margin-top:4px;color:var(--primary)}.form-section-title{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border);padding:6px 0 10px;font-weight:900;color:var(--primary)}.form-section-title span{font-size:10px;color:var(--muted);font-weight:700}.document-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:15px;border-bottom:2px solid var(--primary-border);padding-bottom:14px;margin-bottom:14px}.document-heading strong{font-size:19px}.document-heading small,.document-heading span{display:block;color:var(--muted);font-size:11px}.document-heading b{display:block;font-size:17px}.document-fields{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.document-fields>div{padding:11px;border:1px solid var(--border);border-radius:11px}.document-fields span{display:block;color:var(--muted);font-size:10px}.document-fields strong{display:block;font-size:12px;margin-top:2px}.statement-box{padding:13px;border-radius:12px;background:var(--neutral-soft);margin-top:11px}.statement-box span{display:block;color:var(--muted);font-size:10px}.statement-box strong{display:block;margin-top:3px}.signature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:45px;text-align:center;font-size:11px}
@media(max-width:700px){.search-form{align-items:stretch}.search-form .btn{flex:0 0 auto}.entity-row{grid-template-columns:minmax(0,1fr) auto;gap:8px}.entity-row>.more-menu{grid-column:2;grid-row:1}.entity-row>.entity-balance{grid-column:2;grid-row:1;align-self:end;margin-bottom:0}.entity-row>.entity-main{grid-column:1;grid-row:1}.more-pop{position:fixed;inset-inline-end:10px;top:auto;margin-top:5px;width:min(230px,calc(100vw - 20px))}.detail-grid{grid-template-columns:1fr}.profile-facts{grid-template-columns:1fr 1fr}.document-fields{grid-template-columns:1fr}.signature-grid{grid-template-columns:1fr}.toolbar-card{padding:9px}.search-form{flex-wrap:wrap}.search-form .search-input{flex-basis:100%}}
@media(max-width:430px){.entity-icon{width:38px;height:38px;border-radius:11px;font-size:17px}.entity-main strong{font-size:13px}.entity-meta{font-size:9px;gap:4px}.entity-balance{font-size:10px}.entity-balance strong{font-size:12px}}
.menu-open{overflow:hidden}

/* Final navigation, menu and PWA */
.top-account-link{display:flex;align-items:center;gap:7px;text-decoration:none;color:var(--ink);font-size:12px;font-weight:700;padding:8px 10px;border-radius:10px;background:var(--neutral-soft);border:1px solid var(--border)}.top-account-link i{color:var(--primary);font-size:17px}.top-account-link:hover{color:var(--primary);background:var(--primary-soft)}
.menu-toggle{display:none;border:0;background:var(--neutral-soft);color:var(--primary);width:40px;height:40px;border-radius:12px;align-items:center;justify-content:center;font-size:23px}
.app-drawer{position:fixed;top:0;right:0;bottom:0;width:300px;background:#fff;border-left:1px solid var(--border);z-index:100;transform:translateX(105%);transition:transform .22s ease;overflow-y:auto;box-shadow:-18px 0 50px rgba(15,35,30,.14);padding-bottom:25px}.app-drawer.is-open{transform:translateX(0)}.menu-backdrop{position:fixed;inset:0;background:rgba(13,28,23,.42);z-index:95;opacity:0;pointer-events:none;transition:opacity .2s ease}.menu-backdrop.is-open{opacity:1;pointer-events:auto}.drawer-head{position:sticky;top:0;background:#fff;z-index:2;padding:16px 14px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.drawer-user{display:flex;align-items:center;gap:9px}.drawer-avatar{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;background:var(--primary-soft);color:var(--primary);font-size:18px;font-weight:900}.drawer-user strong{display:block;font-size:13px}.drawer-user small{display:block;color:var(--muted);font-size:10px;margin-top:2px}.menu-close{border:0;background:#f5f8f7;color:#6b797d;width:36px;height:36px;border-radius:10px}
.sidebar-nav{padding:10px}.sidebar-nav>a,.sidebar-nav .nav-standalone{display:flex;align-items:center;gap:10px;padding:11px 12px;text-decoration:none;color:#536266;border-radius:11px;font-size:13px;margin:3px 0}.sidebar-nav>a:hover,.sidebar-nav .nav-standalone:hover{background:var(--primary-soft);color:var(--primary)}.nav-section{margin:9px 0;padding:7px;border:1px solid #edf2f0;border-radius:14px;background:#fbfcfc}.nav-section h4{font-size:11px;color:var(--primary);font-weight:900;margin:3px 5px 5px}.nav-section a{display:block;text-decoration:none;color:#59686c;padding:7px 8px;border-radius:8px;font-size:11px}.nav-section a:hover{background:var(--primary-soft);color:var(--primary)}.nav-section h4 i{margin-left:4px}
.pwa-install-fab{position:fixed;left:14px;bottom:78px;z-index:90;display:flex;align-items:center;gap:2px;filter:drop-shadow(0 8px 18px rgba(0,0,0,.15))}.pwa-install-fab button{border:0;background:var(--primary);color:#fff;padding:10px 13px;font-family:inherit;font-size:11px;font-weight:800}.pwa-install-fab button:first-child{border-radius:12px 0 0 12px}.pwa-install-fab button:last-child{border-radius:0 12px 12px 0;background:var(--primary-dark);padding-inline:9px}
.account-tree-card{padding:10px}.account-node-wrap{border-bottom:1px solid #edf2f0}.account-node{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;align-items:center;padding:9px 5px;border-radius:11px}.account-node:hover{background:#fafcfb}.account-node.group{background:#fbfcfc}.account-node-name{display:flex;align-items:center;gap:7px;min-width:0}.account-node-name>div{min-width:0}.account-node-name strong{display:block;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.account-node-name small{display:block;color:var(--muted);font-size:9px;margin-top:1px}.tree-toggle{width:28px;height:28px;border:1px solid var(--border);background:#fff;border-radius:8px;color:#637176}.tree-spacer{width:28px;display:inline-block}.account-type-icon{width:22px;text-align:center}.account-node-balance{text-align:end;white-space:nowrap;font-size:11px}.account-node-balance strong{display:block;font-size:12px}.account-node-balance small{color:var(--muted);font-size:9px}.account-node-actions{display:flex;gap:4px}.account-node-actions .btn{font-size:10px}.account-children{border-right:1px dashed var(--primary-border);margin-right:17px;padding-right:4px}.account-children.is-collapsed{display:none}
@media(min-width:1101px){.menu-toggle{display:flex}.app-drawer{top:0}.content{padding-top:28px}.mobile-nav{display:none!important}}
@media(max-width:1100px){.menu-toggle{display:flex}.content{margin:0;width:100%}.app-drawer{width:min(88vw,320px)}.topbar{height:64px}}
@media(max-width:600px){.topbar{height:60px}.brand strong{font-size:12px}.brand small{font-size:8px}.top-account-link span{display:none}.top-account-link{padding:7px 9px}.account-node{grid-template-columns:minmax(0,1fr) auto;gap:6px}.account-node-balance{grid-column:2;grid-row:1}.account-node-actions{grid-column:1/-1;justify-content:flex-start;padding-right:42px}.account-node-actions .btn{flex:1}.pwa-install-fab{left:10px;bottom:72px}.pwa-install-fab button{padding:9px 11px}}

.profile-grid{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(0,1.2fr);gap:15px}.profile-grid .card-soft{height:100%}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.policy-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.policy-item{padding:14px;border:1px solid var(--border);border-radius:14px;background:#fbfcfc}.policy-item i{display:block;width:34px;height:34px;border-radius:10px;background:var(--primary-soft);color:var(--primary);display:grid;place-items:center;margin-bottom:7px}.policy-item strong{display:block;font-size:12px}.policy-item span{display:block;font-size:10px;color:var(--muted);margin-top:2px}.auto-code-preview{height:42px;border:1px dashed var(--primary-border);background:var(--primary-faint);border-radius:11px;display:flex;align-items:center;gap:8px;padding:0 12px}.auto-code-preview i{color:var(--primary)}.auto-code-preview strong{font-size:14px;color:var(--primary)}.auto-code-preview small{font-size:9px;color:var(--muted);margin-right:auto}.voucher-infer{display:flex;align-items:center;gap:8px;padding:11px 12px;border-radius:11px;background:var(--primary-faint);border:1px solid var(--primary-border);font-size:11px}.voucher-infer i{color:var(--primary);font-size:16px}.suggestions-box{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}.new-client-panel{display:none;background:var(--neutral-soft);border:1px dashed var(--primary-border);border-radius:12px;padding:10px;margin-top:7px}.new-client-panel.is-visible{display:block}.daily-mini{display:grid;grid-template-columns:1fr 1fr;gap:8px}.daily-mini>div{padding:12px;border-radius:12px;background:var(--neutral-soft);border:1px solid var(--border)}.daily-mini span,.daily-mini strong{display:block}.daily-mini span{font-size:10px;color:var(--muted)}.daily-mini strong{font-size:18px;margin-top:4px}.direction-buttons{display:grid;grid-template-columns:1fr 1fr;gap:9px}.direction-choice{margin:0;cursor:pointer}.direction-choice input{position:absolute;opacity:0;pointer-events:none}.direction-choice span{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;align-items:center;column-gap:9px;padding:12px 14px;border:2px solid var(--border);border-radius:15px;background:#fff;transition:.15s}.direction-choice i{grid-row:span 2;font-size:23px}.direction-choice b{font-size:14px}.direction-choice small{font-size:10px;color:var(--muted)}.direction-choice.entry input:checked+span{border-color:var(--primary);background:var(--primary-soft);color:var(--primary-dark)}.direction-choice.exit input:checked+span{border-color:#c78b2a;background:#fff7e9;color:#805814}.journal-totalbar{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding-top:13px}.journal-totalbar span{font-size:11px;color:var(--muted)}.journal-totalbar strong{font-size:13px;color:var(--ink)}
@media(max-width:800px){.profile-grid,.settings-grid{grid-template-columns:1fr}.policy-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.direction-buttons{gap:7px}.direction-choice span{padding:10px}.direction-choice i{font-size:20px}.direction-choice b{font-size:12px}.direction-choice small{font-size:9px}.journal-totalbar{gap:9px}.journal-totalbar button{width:100%}}

/* 2026-09-21 final UI polish */
.brand-image-wrap{padding:0!important;overflow:hidden}
.brand-image{width:100%;height:100%;display:block;object-fit:cover}
.brand-copy{min-width:0}
.nav-section h4{font-size:12px}
.nav-section a{font-size:12.5px;padding:8px 9px}
.nav-section summary{font-size:12.5px}
.sidebar-nav>a,.sidebar-nav .nav-standalone{font-size:13.5px}
.site-footer{max-width:1550px;margin:0 30px 18px 320px;text-align:center;color:var(--muted);font-size:10px;padding:12px 8px;border-top:1px solid var(--border)}
.site-footer strong{color:var(--primary)}
.site-footer span{margin-inline-start:5px;direction:ltr;display:inline-block}
.collector-stats .stat-card{padding:11px 13px;border-radius:15px}
.collector-stats .stat-card strong{font-size:19px;margin:4px 0 0}
.collector-hero.compact{padding:9px 11px;margin-bottom:12px}
.collector-hero.compact .gate-icon{width:38px;height:38px;border-radius:11px;font-size:18px}
.collector-form{display:flex;flex-direction:column;gap:12px}
.collector-main-fields{display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,.55fr);gap:10px}
.field-block{min-width:0}
.client-search-block{position:relative}
.client-label-row{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:5px}
.new-client-trigger{white-space:nowrap}
.smart-client-search{position:relative}
.smart-client-search>i{position:absolute;right:14px;top:50%;transform:translateY(-50%);color:#8b9a9e;z-index:2}
.smart-client-search input{padding-right:40px}
.client-suggestion-list{position:relative;background:#fff;border:1px solid var(--border);border-radius:13px;margin-top:6px;box-shadow:0 12px 30px rgba(15,35,30,.08);overflow:hidden;z-index:20}
.client-suggestion{display:flex;align-items:center;gap:9px;width:100%;border:0;background:#fff;text-align:right;padding:10px 11px;border-bottom:1px solid var(--primary-border-soft);font-family:inherit;color:var(--ink)}
.client-suggestion:last-child{border-bottom:0}
.client-suggestion:hover{background:var(--primary-faint)}
.client-suggestion-icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;flex:0 0 auto;background:var(--primary-soft);color:var(--primary)}
.client-suggestion>span:nth-child(2){min-width:0;flex:1}
.client-suggestion strong,.client-suggestion small{display:block}
.client-suggestion strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.client-suggestion small{color:var(--muted);font-size:10px;margin-top:2px}
.suggestion-loading,.no-client-result{padding:12px;color:var(--muted);font-size:11px;display:flex;align-items:center;justify-content:space-between;gap:8px}
.collector-optional-fields{display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,.55fr);gap:10px}
.collector-submit-row{display:flex}
.collector-submit-row .btn{width:100%}
.collector-modal{position:fixed;inset:0;z-index:200;display:grid;place-items:center;padding:15px}
.collector-modal[hidden]{display:none!important}
.collector-modal-backdrop{position:absolute;inset:0;background:rgba(11,24,20,.46)}
.collector-modal-card{position:relative;width:min(560px,100%);max-height:min(90vh,720px);overflow:auto;background:#fff;border:1px solid var(--border);border-radius:20px;box-shadow:0 30px 70px rgba(0,0,0,.18);padding:16px}
.collector-modal-head{display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid var(--border);padding-bottom:12px;margin-bottom:13px}
.collector-modal-head strong{display:block;font-size:16px}
.collector-modal-head small{display:block;color:var(--muted);font-size:10px;margin-top:2px}
.brand-color-input{display:grid;grid-template-columns:55px 1fr;gap:8px}
.brand-color-input input[type=color]{width:55px;height:42px;padding:4px;border:1px solid var(--border);border-radius:11px;background:#fff}
.brand-preview-box{display:flex;align-items:center;gap:12px;padding:14px;border-radius:16px;background:color-mix(in srgb,var(--preview-color) 9%,#fff);border:1px solid color-mix(in srgb,var(--preview-color) 20%,#fff)}
.brand-preview-mark{width:50px;height:50px;border-radius:15px;background:var(--preview-color);color:#fff;display:grid;place-items:center;font-size:24px;font-weight:900;overflow:hidden}
.brand-preview-mark img{width:100%;height:100%;object-fit:cover}
.brand-preview-box strong{display:block;font-size:17px}
.brand-preview-box small{display:block;color:var(--muted);font-size:10px;margin-top:2px}
.brand-current{display:flex;align-items:center;gap:10px;margin-top:11px;padding:10px;background:#fbfcfc;border:1px solid var(--border);border-radius:12px}
.brand-current span{font-size:10px;color:var(--muted);margin-left:auto}
.brand-current img{width:48px;height:48px;object-fit:cover;border-radius:12px;border:1px solid var(--border)}
.brand-current img.brand-icon-preview{width:42px;height:42px}
@media(max-width:700px){
  .site-footer{margin:0 12px 14px}
  .collector-main-fields,.collector-optional-fields{grid-template-columns:1fr 1fr}
}
@media(max-width:500px){
  .collector-main-fields,.collector-optional-fields{grid-template-columns:1fr}
  .collector-stats .stat-card{padding:10px 11px}
  .collector-stats .stat-card strong{font-size:18px}
  .client-label-row{align-items:flex-end}
  .new-client-trigger{font-size:10px}
  .site-footer{font-size:9px}
}

/* Collector: registered vehicles first, new-vehicle fields on demand */
.new-vehicle-panel{background:var(--neutral-soft);border:1px dashed var(--primary-border);border-radius:14px;padding:11px}
.new-vehicle-panel[hidden]{display:none!important}
.new-vehicle-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}
.new-vehicle-head strong{display:block;font-size:13px;color:var(--primary)}
.new-vehicle-head small{display:block;color:var(--muted);font-size:9px;margin-top:2px}
.collector-selected-vehicle{display:flex;align-items:center;gap:9px;padding:10px 11px;border:1px solid var(--primary-border);background:var(--primary-faint);border-radius:13px}
.collector-selected-vehicle[hidden]{display:none!important}
.selected-vehicle-icon{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:var(--primary-soft);color:var(--primary);flex:0 0 auto}
.collector-selected-vehicle>div:nth-child(2){min-width:0;flex:1}
.collector-selected-vehicle strong,.collector-selected-vehicle small{display:block}
.collector-selected-vehicle strong{font-size:12px}
.collector-selected-vehicle small{font-size:9px;color:var(--muted);margin-top:2px}
@media(max-width:500px){
  .new-vehicle-head{align-items:flex-start}
  .new-vehicle-head .btn{font-size:9px}
}

/* Brand palette aliases: every primary UI color follows the manager-selected color */
:root{
  --primary-light:color-mix(in srgb,var(--primary) 72%,#fff);
  --primary-soft:color-mix(in srgb,var(--primary) 10%,#fff);
  --primary-faint:color-mix(in srgb,var(--primary) 5%,#fff);
  --primary-border:color-mix(in srgb,var(--primary) 25%,#fff);
  --primary-border-strong:color-mix(in srgb,var(--primary) 45%,#fff);
  --primary-border-soft:color-mix(in srgb,var(--primary) 14%,#fff);
  --neutral-soft:#f7f8f8;
}

/* Customer vehicles: multiple vehicles and clear selection */
.vehicle-builder{display:flex;flex-direction:column;gap:8px}
.client-vehicle-row{display:grid;grid-template-columns:1.1fr 1.1fr 1.3fr 1.4fr auto;gap:8px;align-items:end;padding:10px;border:1px solid var(--border);border-radius:13px;background:var(--neutral-soft)}
.client-vehicle-row .form-label{margin-bottom:4px}
.vehicle-remove{width:36px;height:38px;display:grid;place-items:center}
.customer-vehicles-panel{background:var(--primary-faint);border:1px solid var(--primary-border);border-radius:14px;padding:10px}
.customer-vehicles-panel[hidden]{display:none!important}
.customer-vehicles-head{margin-bottom:7px}
.customer-vehicles-head strong{display:block;font-size:13px;color:var(--primary)}
.customer-vehicles-head small{display:block;color:var(--muted);font-size:10px;margin-top:2px}
.customer-vehicle-option{display:flex;align-items:center;gap:9px;width:100%;border:1px solid var(--border);background:#fff;border-radius:11px;padding:9px;text-align:right;font-family:inherit;color:var(--ink);margin-bottom:6px}
.customer-vehicle-option:last-child{margin-bottom:0}
.customer-vehicle-option:hover{background:var(--primary-faint);border-color:var(--primary-border)}
.customer-vehicle-icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;flex:0 0 auto;background:var(--primary-soft);color:var(--primary)}
.customer-vehicle-option>span:nth-child(2){min-width:0;flex:1}
.customer-vehicle-option strong,.customer-vehicle-option small{display:block}
.customer-vehicle-option strong{font-size:12px}
.customer-vehicle-option small{font-size:9px;color:var(--muted);margin-top:2px}
@media(max-width:900px){.client-vehicle-row{grid-template-columns:1fr 1fr}.client-vehicle-row>div:nth-child(3),.client-vehicle-row>div:nth-child(4){grid-column:1/-1}}
@media(max-width:500px){.client-vehicle-row{grid-template-columns:1fr}.client-vehicle-row>div{grid-column:1!important}.vehicle-remove{width:100%}}

/* Employee profile — dedicated clean layout */
.employee-profile-page{display:flex;flex-direction:column;gap:14px}
.employee-profile-head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;padding:16px 18px;background:var(--surface);border:1px solid var(--border);border-radius:18px;box-shadow:var(--shadow)}
.employee-avatar-lg{width:72px;height:72px;border-radius:20px;background:var(--primary-soft);color:var(--primary);display:grid;place-items:center;overflow:hidden;font-size:30px;font-weight:800}
.employee-avatar-lg img{width:100%;height:100%;object-fit:cover}
.employee-profile-title h1{margin:2px 0 4px;font-size:24px;line-height:1.15}
.employee-profile-title p{margin:0;color:var(--muted);font-size:11px}
.employee-tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:7px}
.employee-profile-actions{display:flex;justify-content:flex-end;gap:6px;flex-wrap:wrap}
.employee-profile-actions .btn{font-size:10px;padding:7px 10px}
.employee-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.employee-kpi{padding:12px 14px;background:var(--surface);border:1px solid var(--border);border-radius:15px}
.employee-kpi.accent{border-color:var(--primary-border);background:var(--primary-faint)}
.employee-kpi span,.employee-kpi small{display:block;color:var(--muted);font-size:9px}
.employee-kpi strong{display:block;font-size:19px;margin:5px 0 1px}
.employee-section-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.employee-section{background:var(--surface);border:1px solid var(--border);border-radius:17px;padding:14px;box-shadow:var(--shadow)}
.employee-section-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:11px}
.employee-section-head h2{margin:0;font-size:14px}
.employee-section-head small,.employee-section-head .section-note{color:var(--muted);font-size:9px}
.employee-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.employee-facts>div{padding:9px 10px;background:var(--neutral-soft);border:1px solid var(--border);border-radius:11px}
.employee-facts span,.employee-facts strong{display:block}
.employee-facts span{font-size:9px;color:var(--muted)}
.employee-facts strong{font-size:11px;margin-top:3px}
.employee-id-photo{display:flex;align-items:center;gap:9px;width:max-content;max-width:100%;margin-top:10px;text-decoration:none;color:var(--primary)}
.employee-id-photo img{width:58px;height:58px;object-fit:cover;border-radius:12px;border:1px solid var(--primary-border)}
.employee-id-photo span{font-size:10px}
.employee-note{display:flex;gap:7px;align-items:flex-start;margin-top:10px;padding:9px 10px;background:var(--primary-faint);border-radius:11px;font-size:10px}
.employee-note i{color:var(--primary);margin-top:2px}
.employee-account-grid{display:grid;gap:8px}
.employee-account-grid>div{display:grid;grid-template-columns:1fr auto;align-items:center;gap:4px;padding:10px 11px;background:var(--neutral-soft);border:1px solid var(--border);border-radius:11px}
.employee-account-grid span{font-size:9px;color:var(--muted)}
.employee-account-grid strong{font-size:11px}
.employee-account-grid a{grid-column:1/-1;font-size:9px;color:var(--primary);text-decoration:none}
.employee-account-grid small{grid-column:1/-1;color:var(--muted);font-size:9px}
.role-lock-note{display:flex;align-items:center;gap:7px;margin-top:10px;padding:9px 10px;border-radius:11px;background:var(--primary-soft);color:var(--primary);font-size:10px}
.employee-schedule-form{display:grid;grid-template-columns:1.1fr 1.1fr .9fr .9fr auto;gap:7px;margin-bottom:10px}
.employee-table{overflow:auto;border:1px solid var(--border);border-radius:12px}
.employee-table .table{margin:0;min-width:560px}
.employee-table .table th,.employee-table .table td{font-size:10px;padding:8px 9px;white-space:nowrap}
@media(max-width:900px){.employee-profile-head{grid-template-columns:auto 1fr}.employee-profile-actions{grid-column:1/-1;justify-content:flex-start}.employee-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.employee-section-grid{grid-template-columns:1fr}.employee-schedule-form{grid-template-columns:1fr 1fr}.employee-schedule-form .btn{width:100%}}
@media(max-width:500px){.employee-profile-head{grid-template-columns:1fr;text-align:center}.employee-avatar-lg{margin:auto}.employee-profile-actions{justify-content:center}.employee-profile-title h1{font-size:20px}.employee-kpis{grid-template-columns:1fr 1fr}.employee-kpi{padding:10px}.employee-kpi strong{font-size:16px}.employee-facts{grid-template-columns:1fr}.employee-schedule-form{grid-template-columns:1fr}.employee-profile-actions .btn{font-size:9px}}
/* Manager dashboard */
.dashboard-head{align-items:center}
.dashboard-charts{display:grid;grid-template-columns:1.3fr 1fr;gap:14px;margin-top:14px}
.chart-card{min-height:310px}
.chart-card canvas{width:100%!important;max-height:235px}
.manager-note{display:flex;align-items:center;gap:10px;background:var(--primary-faint)}
.manager-note i{font-size:20px;color:var(--primary)}
.manager-note strong,.manager-note span{display:block}
.manager-note strong{font-size:12px}
.manager-note span{font-size:10px;color:var(--muted);margin-top:2px}
.admin-rule-banner{display:flex;align-items:flex-start;gap:10px;padding:11px 12px;border:1px solid var(--primary-border);background:var(--primary-faint);border-radius:13px}
.admin-rule-banner i{color:var(--primary);font-size:17px;margin-top:1px}
.admin-rule-banner strong,.admin-rule-banner span{display:block}
.admin-rule-banner strong{font-size:11px}
.admin-rule-banner span{color:var(--muted);font-size:10px;margin-top:2px}
.role-permission-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.role-permission-summary>div{padding:10px;border-radius:12px;background:var(--neutral-soft);border:1px solid var(--border)}
.role-permission-summary span,.role-permission-summary strong{display:block}
.role-permission-summary span{font-size:9px;color:var(--muted)}
.role-permission-summary strong{font-size:11px;margin-top:3px}
.permission-row.role-default{background:var(--primary-faint)}
.party-identity-preview img{width:56px;height:56px}
@media(max-width:700px){.dashboard-charts{grid-template-columns:1fr}.role-permission-summary{grid-template-columns:1fr}}

/* Gate movement detail */
.collector-note-field{padding-top:2px}
.gate-detail-paper{background:var(--surface);border:1px solid var(--border);border-radius:18px;box-shadow:var(--shadow);padding:18px}
.gate-detail-head{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding-bottom:14px;border-bottom:1px solid var(--border)}
.gate-detail-icon{width:48px;height:48px;border-radius:14px;background:var(--primary-soft);color:var(--primary);display:grid;place-items:center;font-size:22px}
.gate-detail-head strong,.gate-detail-head span{display:block}
.gate-detail-head strong{font-size:18px}
.gate-detail-head span{font-size:10px;color:var(--muted);margin-top:3px}
.gate-detail-amount{font-size:20px;font-weight:800;color:var(--primary);white-space:nowrap}
.gate-detail-amount small{font-size:9px;font-weight:500;color:var(--muted)}
.gate-detail-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-top:14px}
.gate-detail-grid>div{padding:10px;background:var(--neutral-soft);border:1px solid var(--border);border-radius:11px}
.gate-detail-grid span,.gate-detail-grid strong{display:block}
.gate-detail-grid span{font-size:9px;color:var(--muted)}
.gate-detail-grid strong{font-size:11px;margin-top:3px}
.gate-detail-notes{margin-top:11px;padding:11px;background:var(--primary-faint);border:1px solid var(--primary-border);border-radius:12px}
.gate-detail-notes span{font-size:9px;color:var(--muted)}
.gate-detail-notes p{margin:4px 0 0;font-size:11px;white-space:pre-wrap}
.gate-detail-footer{display:flex;justify-content:space-between;gap:10px;margin-top:12px;padding-top:10px;border-top:1px dashed var(--border);font-size:10px}
@media(max-width:700px){.gate-detail-grid{grid-template-columns:1fr 1fr}.gate-detail-head{grid-template-columns:auto 1fr}.gate-detail-amount{grid-column:1/-1}}
@media(max-width:420px){.gate-detail-grid{grid-template-columns:1fr}.gate-detail-paper{padding:13px}}

/* Official voucher */
.document-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.official-voucher{background:#fff!important;padding:14px;max-width:920px;margin-inline:auto}
.official-voucher-border{border:2px solid var(--primary);border-radius:10px;padding:18px;position:relative}
.official-voucher-border:before{content:"";position:absolute;inset:7px;border:1px solid var(--primary-border);border-radius:7px;pointer-events:none}
.official-voucher .document-heading,.official-voucher .official-voucher-meta,.official-voucher .official-voucher-statement,.official-voucher .official-table,.official-voucher .official-voucher-signatures,.official-voucher .official-voucher-foot{position:relative}
.official-voucher .document-heading{border-bottom:2px solid var(--primary);padding-bottom:12px}
.official-voucher .document-heading strong{font-size:20px}
.official-voucher .document-heading small{font-size:10px}
.official-voucher-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px}
.official-voucher-meta>div{padding:10px;border:1px solid var(--border);border-radius:9px;background:var(--neutral-soft)}
.official-voucher-meta span,.official-voucher-meta strong{display:block}
.official-voucher-meta span{font-size:9px;color:var(--muted)}
.official-voucher-meta strong{font-size:12px;margin-top:4px}
.official-voucher-statement{padding:12px;margin-top:10px;border:1px solid var(--border);border-radius:9px}
.official-voucher-statement span{display:block;font-size:9px;color:var(--muted)}
.official-voucher-statement strong{display:block;font-size:12px;margin-top:4px;white-space:pre-wrap}
.official-table th{background:var(--primary-faint)!important}
.official-voucher-signatures{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:40px;text-align:center}
.official-voucher-signatures span,.official-voucher-signatures b{display:block}
.official-voucher-signatures span{font-size:10px;color:var(--muted)}
.official-voucher-signatures b{font-size:11px;margin-top:24px}
.official-voucher-foot{display:flex;justify-content:space-between;gap:10px;margin-top:22px;padding-top:8px;border-top:1px dashed var(--border);font-size:8px;color:var(--muted)}
@media(max-width:650px){.official-voucher-meta,.official-voucher-signatures{grid-template-columns:1fr}.official-voucher-border{padding:12px}}
@media print{
  @page{size:A4;margin:10mm}
  body{background:#fff!important}
  .print-hide,.topbar,.mobile-nav,.app-drawer,.menu-backdrop,.site-footer{display:none!important}
  .content{margin:0!important;padding:0!important;max-width:none!important}
  .official-voucher{box-shadow:none!important;border:0!important;max-width:none!important}
}

/* compact dashboard shortcuts */
@media(max-width:600px){.dashboard-head .d-flex{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px!important}.dashboard-head .btn{width:100%;padding:7px 3px;font-size:10px;white-space:nowrap}.quick-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.quick-grid a{padding:9px 5px;min-height:78px;align-items:center;text-align:center;justify-content:center}.quick-grid i{font-size:18px}.quick-grid span{font-size:9.5px;line-height:1.35}.quick-grid small{display:none}}

.customer-vehicle-option.active{border-color:var(--primary);background:var(--primary-faint);box-shadow:0 0 0 2px var(--primary-soft)}
.fine-employee-results{display:flex;flex-direction:column;gap:6px;max-height:260px;overflow:auto;margin-top:6px}
.fine-employee-option{width:100%;border:1px solid var(--border);background:#fff;border-radius:11px;padding:9px 11px;text-align:right;font-family:inherit;display:flex;align-items:center;justify-content:space-between;gap:8px}
.fine-employee-option.active{border-color:var(--primary);background:var(--primary-faint)}
.fine-employee-option small{display:block;color:var(--muted);font-size:10px}
.fine-selected{margin-top:7px;padding:8px 10px;border-radius:10px;background:var(--primary-soft);color:var(--primary);font-size:11px;font-weight:800}

.vehicle-type-chips{display:flex;flex-wrap:wrap;gap:7px}
.vehicle-type-chip{display:inline-flex;align-items:center;gap:5px;padding:6px 8px 6px 6px;border:1px solid var(--border);border-radius:999px;background:#fbfcfc;color:var(--ink);font-size:11px;font-weight:800}
.vehicle-type-chip.inactive{opacity:.55}
.vehicle-type-chip form{margin:0}.vehicle-type-chip button{border:0;background:transparent;color:var(--muted);padding:1px 4px}.vehicle-type-chip button:hover{color:var(--primary)}
.from-to-journal{display:grid;grid-template-columns:1fr 70px 1fr;gap:14px;align-items:center}
.journal-side{padding:14px;border:1px solid var(--border);border-radius:16px;background:#fbfcfc}
.journal-side-label{display:flex;justify-content:space-between;align-items:center;font-weight:900;font-size:13px;margin-bottom:8px}
.journal-side-label small{color:var(--muted);font-size:10px}
.journal-transfer-arrow{display:grid;place-items:center;color:var(--primary);font-weight:900;gap:3px}
.journal-transfer-arrow i{font-size:22px}.journal-transfer-arrow span{font-size:11px}
.journal-transfer-summary{margin-top:18px;padding:12px;background:var(--primary-faint);border-radius:14px;display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.journal-transfer-summary div{min-width:105px}.journal-transfer-summary span{display:block;color:var(--muted);font-size:10px}.journal-transfer-summary strong{font-size:16px}
@media(max-width:700px){.from-to-journal{grid-template-columns:1fr;gap:8px}.journal-transfer-arrow{transform:rotate(90deg);height:30px}.journal-transfer-summary{display:grid;grid-template-columns:1fr 1fr;gap:10px}.journal-transfer-summary .btn{grid-column:1/-1;width:100%}}