/* Screen-only ergonomics; printed invoices and parcel labels retain their own layout. */
@media screen {
 body{--ux-text:15px;--ux-small:13px;--ux-title:26px;font-size:var(--ux-text);line-height:1.75}
 body[data-ux-text=large]{--ux-text:17px;--ux-small:15px;--ux-title:29px}
 #mainArea{max-width:1720px;padding:28px 30px 70px}
 #mainArea input,#mainArea select,#mainArea textarea,.cloud-card input,.cloud-card select,.cloud-card textarea{font-size:var(--ux-text)!important;min-height:44px;line-height:1.65;padding:9px 12px}
 #mainArea input[type=checkbox],#mainArea input[type=radio]{min-height:0;padding:0;width:auto}
 #mainArea label,.cloud-card label{font-size:var(--ux-small)!important;color:#bdc8c4;line-height:1.7}
 #mainArea .small,.ph-subtitle,.pro-hero p,.ops-head p,.ops-sub,.cloud-card p{font-size:var(--ux-small)!important;color:#abbab3;line-height:1.85}
 #mainArea table{font-size:var(--ux-text)}#mainArea th{font-size:var(--ux-small)!important;padding:13px 16px!important;color:#c8d3ce!important}
 #mainArea td{font-size:var(--ux-text);padding:14px 16px!important;line-height:1.75}
 #mainArea .badge{font-size:var(--ux-small);padding:4px 9px;white-space:normal}
 #mainArea .btn,.cloud-card button{font-size:var(--ux-small);min-height:42px;padding:10px 16px;border-radius:9px;line-height:1.6}
 #mainArea button.icon{min-width:40px;min-height:40px}#mainArea h2,.panel h2{font-size:18px!important;line-height:1.7}#mainArea h3{font-size:16px!important;line-height:1.7}
 .ph-title{font-size:var(--ux-title)}.ph-breadcrumb{font-size:12px;margin-bottom:10px}.ph-subtitle{max-width:800px}.page-header-bar{margin-bottom:20px}.ph-row{gap:16px;align-items:flex-start}
 #tabNav button{font-size:14px;min-height:46px;padding:10px 12px}#tabNav .nav-label{white-space:normal;line-height:1.6}.nav-group-label{letter-spacing:.4px!important;font-size:11px!important}
 .sidebar-brand .brand-sub{letter-spacing:1px}.sidebar-footer{padding:14px 18px}#tabNav{padding-bottom:10px}.sidebar-brand{min-height:78px}
 .search-box{height:44px;max-width:390px}.search-box input{font-size:14px}header{min-height:78px;padding:14px 24px}.month-picker input,.month-picker select{font-size:13px!important}
 .quicknav-bar{padding:9px 24px;min-height:62px;gap:12px}.ux-workspace-tools{display:flex;gap:9px;flex-wrap:wrap}.ux-workspace-tools .btn{min-height:36px;font-size:13px;padding:7px 12px;background:#212a2c;color:#e2e9e5;border:1px solid #384641}
 .ux-work-count{display:inline-block;margin-left:9px;background:#cfb07622;color:#ead3a5;border-radius:5px;padding:1px 7px;font-size:11px}#cloudDock{font-size:12px;max-width:45%;white-space:normal;text-align:right;line-height:1.6}
 .ux-section-nav{display:flex;align-items:end;gap:10px;flex-wrap:wrap;padding:15px 18px;border:1px solid #35413c;background:#18211e;border-radius:12px;margin-bottom:22px}
 .ux-section-nav>label{flex:1;min-width:200px;max-width:510px}.ux-section-nav select{display:block;width:100%;margin-top:4px}.ux-section-nav .btn{background:#27332d;border-color:#435246;color:#e3e9de}
 .ux-table-tools{display:flex;align-items:end;gap:12px;flex-wrap:wrap;margin:18px 0 12px}.ux-table-tools label{flex:1;min-width:210px;max-width:520px}.ux-table-tools input{display:block;width:100%;margin-top:5px}.ux-table-tools .small{margin-left:auto;padding:10px 0}
 .tablewrap{overflow:auto;max-width:100%;scrollbar-color:#6d8177 #19211e}.tablewrap:focus-visible{outline:2px solid #d6b574;outline-offset:3px}tbody tr[hidden]{display:none!important}
 .ux-empty{padding:26px 18px;text-align:center;border:1px dashed #53655b;border-radius:12px;color:#c7d3cd;font-size:var(--ux-text)}.ux-empty[hidden]{display:none}
 .ux-settings-index{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:18px 0 24px}.ux-settings-index button{text-align:left;min-width:0;font-size:14px!important;font-weight:500;white-space:normal;background:#192222;color:#cbd8d1}
 .ux-settings-group{border:1px solid #36423e;background:#17201e;border-radius:12px;margin:14px 0;overflow:hidden}.ux-settings-group>summary{padding:18px 20px;cursor:pointer;font-size:16px;color:#e3d0a7;font-weight:600;line-height:1.7;list-style-position:inside}.ux-settings-group[open]>summary{border-bottom:1px solid #36423e}.ux-settings-group>.panel{border:0;margin:0;border-radius:0;background:#19211f}.ux-settings-content>h2{display:none}.ux-display .small{margin-top:12px}.ux-display h2{margin-bottom:14px}
 .ux-filter-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 18px;align-items:center}.ux-filter-tabs [aria-pressed=true]{background:#d6b574!important;color:#171d19!important;border-color:#d6b574!important}
 .ux-attention{display:flex!important;align-items:center;gap:16px;width:100%;background:#202b27!important;border:1px solid #425148!important;border-radius:12px!important;color:#e7efe9!important;padding:16px!important;margin:10px 0;text-align:left;white-space:normal;cursor:pointer;font-family:inherit}.ux-attention>span:not(.ux-arrow){flex:1;min-width:0}.ux-attention strong{display:block;font-size:16px;line-height:1.8;font-weight:600}.ux-attention small{display:block;font-size:13px;color:#b5c6bb;line-height:1.8;margin-top:4px;overflow-wrap:anywhere}.ux-attention .ux-count{display:grid;place-items:center;min-width:44px;height:44px;background:#c5ac7222;color:#efd9a8;border-radius:10px;font-size:22px}.ux-attention[data-level=urgent]{border-left:4px solid #ef9b8f!important}.ux-attention[data-level=action]{border-left:4px solid #d9ba76!important}.ux-attention[data-level=info]{border-left:4px solid #88b8c3!important}.ux-arrow{margin-left:auto;color:#d3bc8c;flex-shrink:0;font-size:13px}
 .ux-help-row{padding:15px 0;border-bottom:1px solid #3c4b42}.ux-help-row strong{color:#e6d5ac;font-size:16px}.ux-help-row p{margin:7px 0!important}
 .cloud-card{max-width:780px!important;width:min(780px,94vw);max-height:92dvh;padding:26px 30px;border-radius:16px}.cloud-card h2{font-size:25px}.cloud-actions{gap:8px;margin-bottom:18px}.cloud-card #cloudExtra{overscroll-behavior:contain;scrollbar-color:#637a6b #202b25}.cloud-card #cloudDescription{white-space:pre-line}
 .panel,.card{border-radius:12px}.panel{margin-bottom:20px}.pro-hero h1{font-size:30px}.pro-task strong{font-size:15px!important}.pro-task small{font-size:13px}.exec-kpi-label,.ops-kpi>span,.card .lbl{font-size:14px!important}.exec-kpi-card{min-height:148px}.exec-kpi-amount{font-size:28px!important}.pro-insight-label,.pro-insight small{font-size:13px}.pro-order-button{font-size:15px}
 .formgrid{gap:16px}.pos-layout{gap:24px}.pl-row{gap:24px;padding:14px 0;font-size:15px}.pl-row>span:last-child{font-variant-numeric:tabular-nums;flex-shrink:0}.pl-row.bold{background:#d6b57409;padding:15px 12px;border-radius:7px}
 body[data-page=delivery] .tab[data-tab=delivery]>.dash-title,body[data-page=reservations] .tab[data-tab=reservations]>.dash-title{display:none}
 .tab [id],.ux-settings-group{scroll-margin-top:190px}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible,a:focus-visible{outline:2px solid #f0ce88!important;outline-offset:3px}
 #shipDetailModal>div,#poDetailModal>div,#custProfileModal>div,#serialModal>div,#warrantyDetailModal>div{border-radius:16px!important;max-height:92dvh!important;line-height:1.75}#shipDetailModal input,#poDetailModal input,#custProfileModal input{font-size:15px!important;min-height:42px}
 @media(max-width:1100px){.ux-settings-index{grid-template-columns:repeat(2,minmax(0,1fr))}.two-col{grid-template-columns:1fr}.ph-row{flex-wrap:wrap}.ux-section-nav{padding:13px}.ux-section-nav>label{max-width:none}.quicknav-bar{padding:8px 17px}.ux-workspace-tools .btn{font-size:12px}}
 @media(max-width:768px){#mainArea{padding:20px 15px 100px}.ux-settings-index{grid-template-columns:1fr}.ux-section-nav{gap:8px}.ux-section-nav>label{flex-basis:100%}.ux-section-nav>.btn{flex:1}.ux-table-tools{gap:8px}.ux-table-tools label{max-width:none;flex-basis:100%}.quicknav-bar{flex-wrap:wrap!important;gap:4px;min-height:62px}.ux-workspace-tools{width:100%;gap:6px}.ux-workspace-tools>.btn{flex:1}#cloudDock{max-width:100%;margin-left:auto;font-size:11px}.cloud-card{padding:20px 18px;max-height:94dvh}.ux-attention{gap:10px;padding:13px!important}.ux-attention strong{font-size:15px}.ux-attention small{font-size:12px}.ux-arrow{font-size:11px}.ux-work-count{margin-left:5px;font-size:10px}.ux-settings-group>summary{font-size:15px;padding:15px}.pro-hero h1{font-size:26px}.pl-row{gap:14px}.ux-filter-tabs button{flex:1;min-width:100px}}
}

@media screen {
 .tab[data-tab=settings]>.ux-settings-group:not([open]){display:none}
 .tab[data-tab=settings]>.ux-settings-group.panel{padding:0}
 .ux-settings-index button:hover{border-color:#c8ad72;color:#f5e5c4;background:#28312c}
}

@media screen {.ux-delivery-filters{margin:10px 0;border-top:1px solid var(--border);padding:12px 0}.ux-delivery-filters summary{cursor:pointer;color:#d9c395;font-size:14px}.ux-delivery-filters .ux-filter-tabs{margin:12px 0 0}#productPickGrid{max-height:430px;overflow:auto;scrollbar-color:#697d71 #1b2420;padding:4px}.product-card-name{font-size:15px!important}}
@media screen and (max-width:768px){
 header{display:grid!important;grid-template-columns:38px minmax(0,1fr);gap:8px;padding:10px 14px;min-height:0}
 header .mobile-nav-toggle{grid-column:1;grid-row:1;margin:0;width:38px;height:40px}
 header .search-box{grid-column:2;grid-row:1;width:100%!important;min-width:0;max-width:none;order:0;margin:0;height:40px}
 header .header-controls{grid-column:1/-1;grid-row:2;display:flex;flex-wrap:nowrap;width:100%;gap:7px;justify-content:space-between}
 header .month-picker{min-width:0;padding:6px 8px;min-height:40px}header .month-picker:first-child{flex:1;margin:0}header .month-picker input{width:100%;min-width:0}header .month-picker select{max-width:113px;font-size:12px!important}
 header #quickAddBtn{display:none}header #notifBtn{flex-shrink:0;width:38px;height:40px}
 .quicknav-bar{position:static!important;padding:8px 14px}.tab [id],.ux-settings-group{scroll-margin-top:130px}
}