:root[data-theme=light]{--bg:#f6f7fb;--bg2:#fff;--bg3:#eef0f6;--surface:#e9edf5;--border:#e4e7ef;--border2:#cbd2e1;--text:#181b32;--text2:#58647b;--text3:#647087;--accent:#7133ed;--accent2:#6626df;--glow:#eee7fc;--green:#087b4c;--gbg:#e5f6ee;--amber:#915900;--abg:#fff2d6;--red:#bd2244;--rbg:#fdebf0;--blue:#245abe;--bbg:#eaf0ff;--purple:#7333c9;--pbg:#f0e8fc;--cyan:#087689;--cbg:#e2f4f7}
:root[data-theme=dark]{--bg:#10131b;--bg2:#181d28;--bg3:#222937;--surface:#293344;--text:#eef2ff;--text2:#abb6ca;--text3:#8b98af;--accent:#7c3aed;--accent2:#c4b5fd;--glow:rgba(139,92,246,.16)}
.evore-icon{width:21px;height:21px;display:inline-block;vertical-align:middle;flex-shrink:0}.theme-control{display:flex;gap:2px;padding:3px;border:1px solid var(--border);border-radius:10px}.theme-control button{display:grid;place-items:center;width:34px;height:34px;border:0;border-radius:7px;background:transparent;color:var(--text2);cursor:pointer}.theme-control button[aria-pressed=true]{background:var(--glow);color:var(--accent2)}button:focus-visible,[role=button]:focus-visible{outline:3px solid var(--accent2);outline-offset:3px}
#sidebar .nav-item{width:100%;border:0;background:transparent;text-align:left;font:inherit;font-size:13px;color:var(--text2);min-height:40px}#sidebar .nav-item.active{background:var(--glow);color:var(--accent2)}#sidebar .nav-item:hover{background:var(--bg3)}#sidebar .nav-icon{width:22px;height:22px}#sidebar .sb-logo{color:var(--text)}#sidebar .user-row{width:100%;text-align:left}#topbar{gap:12px}.dashboard-view .card,.dashboard-view .stat{background:var(--bg2);border:1px solid var(--border);border-radius:14px;box-shadow:0 3px 14px #131b3510}.dashboard-view .stat{padding:20px}.dashboard-view .stat-ico{background:var(--glow)!important;color:var(--accent2);width:42px;height:42px;border-radius:10px;display:grid;place-items:center}.dashboard-view .stat-val{font-size:29px}.dashboard-view .stat-lbl{font-size:13px;line-height:1.5}.dashboard-view .card-header{min-height:62px;gap:12px;padding:16px 20px}.dashboard-view .card-header>.evore-icon{color:var(--accent2)}.dashboard-view .card-title{font-size:15px}.dashboard-view .card-body{padding:18px 20px}.dashboard-view .li-ico{color:var(--accent2)}.dashboard-view .li-title{font-size:13px}.dashboard-view .li-sub{font-size:12px}.dashboard-view .dashboard-heading{margin-bottom:22px!important}.dashboard-view .dashboard-heading>div>div:first-child{font-size:30px!important}.dashboard-view .dashboard-heading>div>div:last-child{font-size:14px!important}.dashboard-view .dashboard-row,.dashboard-view .dashboard-stats{gap:18px;margin-bottom:18px!important}.dashboard-view .ci{width:100%;background:transparent;border:0;border-bottom:1px solid var(--border);color:var(--text);text-align:left;font:inherit;min-height:44px;cursor:pointer}.dashboard-view .dashboard-chart{height:150px!important}.dashboard-view .dashboard-chart>div{height:100%;justify-content:flex-end}.dashboard-view .dashboard-chart>div>div{flex:none!important}.dashboard-view .btn-primary{box-shadow:0 3px 10px #7133ed20}.dashboard-view .li{min-height:70px}.dashboard-view .card{min-width:0}
@media(max-width:768px){#topbar{flex-wrap:wrap}.theme-control button{width:40px;height:40px}.dashboard-view .stat{padding:16px}.dashboard-view .stat-val{font-size:25px}.dashboard-view .dashboard-heading>div>div:first-child{font-size:26px!important}.dashboard-view .card-body,.dashboard-view .card-header{padding:16px}.dashboard-view .dashboard-row,.dashboard-view .dashboard-stats{gap:12px}.dashboard-view .dashboard-chart{height:120px!important}}

.user-menu-item .evore-icon,.mobile-signout .evore-icon{width:18px;height:18px;margin-right:7px}.dashboard-view .dashboard-heading{gap:16px;flex-wrap:wrap}

/* Wrapped toolbar actions must contribute to its height on narrow screens. */
#topbar{height:auto;min-height:54px;padding-top:8px;padding-bottom:8px}
@media(max-width:768px){#topbar .topbar-title{min-width:0;flex:1 1 130px}#topbar .theme-control{flex-shrink:0}#topbar .tabs{flex-shrink:0}}

.mobile-theme-control{display:none}
@media(max-width:768px){#topbar>.theme-control{display:none}#topbar{padding:8px 14px;gap:8px}#topbar .topbar-title{flex:1 1 130px}.mobile-theme-control{display:flex;justify-content:center;padding:4px 0 10px}.mobile-theme-control .theme-control{width:100%;justify-content:space-around}.mobile-theme-control .theme-control button{flex:1}#topbar .sync-badge{display:none}}
/* A hidden off-canvas sidebar must not cast a shadow over the page. */
@media(max-width:768px){#sidebar{box-shadow:none}#sidebar.mob-open{box-shadow:4px 0 16px rgba(0,0,0,.12)}#topbar{box-shadow:none}#topbar .mob-menu-btn,#topbar>.btn{box-shadow:none}}
.proposal-item-filters{display:grid;gap:8px;margin:14px 0}.proposal-selected-filter{display:flex;align-items:center;gap:10px;min-height:44px}.proposal-item-filters p{font-size:12px;color:var(--text2);margin:0}.commercial-modal .badge[aria-current=step]{outline:2px solid var(--accent);outline-offset:2px}
@media(max-width:768px){
.commercial-modal .modal-bd{padding:20px 16px;min-height:0;overflow-y:auto}.commercial-modal .fg{margin-bottom:20px}.commercial-modal .grid.g2,.commercial-modal .grid.g3{grid-template-columns:minmax(0,1fr)!important}.commercial-modal .fc{font-size:16px!important;min-height:46px;max-width:100%;box-sizing:border-box}.commercial-modal .fl{font-size:14px;line-height:1.5;margin-bottom:8px}.commercial-modal .modal-ft{display:flex;flex-wrap:wrap;gap:8px;padding:12px 16px calc(12px + env(safe-area-inset-bottom));flex-shrink:0;background:var(--bg2)}.commercial-modal .modal-ft .btn{flex:1;min-height:46px}.commercial-modal input[type=checkbox]{width:20px;height:20px;flex-shrink:0}
#proposalEquipList>label{display:grid!important;grid-template-columns:24px minmax(0,1fr);padding:16px;border:1px solid var(--border);border-radius:12px;background:var(--bg2);gap:12px!important}#proposalEquipList>label>span:last-child{grid-column:2;margin-left:0!important;display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;width:100%}#proposalEquipList .fc{width:100%!important}#proposalEquipList>label>span{overflow-wrap:anywhere}#proposalEquipList>label:has(input[type=checkbox]:checked){border-color:var(--accent);background:var(--glow)}
#contractEquipmentList{overflow:visible}#contractEquipmentList table,#contractEquipmentList tbody{display:block;width:100%}#contractEquipmentList tr:has(th){display:none}#contractEquipmentList tr{display:block;border:1px solid var(--border);border-radius:12px;padding:12px;margin-bottom:12px}#contractEquipmentList td{display:block;border:0;padding:8px 0;white-space:normal;overflow-wrap:anywhere}#contractEquipmentList td[data-label]::before{content:attr(data-label);display:block;font-size:12px;color:var(--text2);margin-bottom:6px}#contractEquipmentList input.fc{width:100%!important}
}

/* Filter visibility takes precedence over mobile card layout. */
#proposalEquipList>label[hidden],#contractEquipmentList tr[hidden],[data-equipment-search-text][hidden],[data-filter][hidden]{display:none!important}
.proposal-optional-notes summary{cursor:pointer;color:var(--text2);padding:10px 0;min-height:44px;box-sizing:border-box}.proposal-optional-notes[open] summary{margin-bottom:8px}
@media(max-width:768px){
.commercial-modal:has(#proposalStep1) .modal-hd{padding:10px 16px}.commercial-modal:has(#proposalStep1) .modal-bd{padding:12px 16px}.proposal-step-indicator .badge:not([aria-current=step]){display:none}.proposal-step-indicator{margin-bottom:12px!important}
#proposalStep1 .grid.g2{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px}#proposalStep1 .fg{margin-bottom:12px}#proposalStep1 .fl{font-size:13px;line-height:1.3;margin-bottom:5px}#proposalStep1 .fc{min-width:0;width:100%;padding:10px 8px}#proposalStep1 input[type=date],#proposalStep1 input[type=time]{-webkit-appearance:none;appearance:none}#proposalStep1 textarea{min-height:80px}
}
@media(max-width:350px){#proposalStep1 .grid.g2{gap:8px}#proposalStep1 .fl{font-size:12px}}