.device-link{font-size:12px;font-weight:700;color:var(--green);text-decoration:none;padding:10px;border-radius:6px;border:1px solid var(--line)}.device-link:hover{background:var(--soft)}.bottom-nav,.quick-cart{display:none}.driver-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.driver-panel{align-self:start}.driver-avatar{width:38px;height:38px;background:var(--soft);color:var(--green);border-radius:9px;display:grid;place-items:center;font-weight:800;margin-bottom:12px}.driver-stops{padding:0 20px}.route-stop{padding:22px 0;border-bottom:1px solid var(--line)}.route-stop:last-child{border-bottom:0}.route-stop h3{margin-top:15px}.route-stop p{color:var(--muted);font-size:14px;margin:7px 0}.route-stop small{font-size:12px;color:var(--muted)}.stop-number{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--bg);font-size:12px;font-weight:750}.driver-footer{padding:20px;border-top:1px solid var(--line)}.driver-footer .btn{width:100%}.reports-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:24px}.chart{display:flex;gap:14px;align-items:end;height:280px;padding:28px 22px}.chart-column{flex:1;display:flex;flex-direction:column;align-items:center;min-width:0;height:100%;gap:10px}.chart-column>span{font-size:11px;color:var(--ink);font-variant-numeric:tabular-nums;white-space:nowrap}.chart-column small{font-size:11px;color:var(--muted);white-space:nowrap}.chart-track{flex:1;display:flex;align-items:end;width:100%;max-width:55px}.chart-bar{width:100%;background:var(--green);border-radius:5px 5px 0 0;min-height:2px}.ranking{padding:0 22px}.rank-row{display:flex;gap:12px;align-items:center;padding:20px 0;border-bottom:1px solid var(--line);font-size:13px}.rank-row:last-child{border:0}.rank-row>div{flex:1;min-width:0}.rank-row small{display:block;font-size:12px;color:var(--muted);margin-top:5px}.rank-number{font-weight:700;color:var(--muted);font-size:12px}.nav{gap:3px}.nav button{padding:12px 14px}.sidebar{overflow-y:auto}.btn,.filter{min-height:44px}.nav button{min-height:44px}.plus,.qty button{min-width:44px;min-height:44px}.qty{gap:8px}.text-btn{min-height:40px}.cart{scroll-margin-top:80px}.close{width:44px;height:44px}.modal-body table{min-width:0}.reports-grid>*{min-width:0}
@media(min-width:701px) and (max-width:1100px){.shell{grid-template-columns:78px minmax(0,1fr)}.sidebar{width:78px;padding:22px 10px}.brand{padding:0 0 25px;justify-content:center}.brand>div:last-child,.nav button>span,.side-bottom{display:none}.nav button{justify-content:center;padding:13px;position:relative}.nav button.active:after{position:absolute;right:4px}.nav .icon{width:24px;height:24px}.monogram{font-size:18px;padding:6px}.content{padding:26px 23px}.topbar{padding:0 23px}.profile .avatar{display:none}.driver-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.driver-grid>.driver-panel:first-child{grid-column:1/-1}.driver-grid>.driver-panel:first-child .driver-stops{display:grid;grid-template-columns:1fr 1fr;gap:20px}.order-layout{grid-template-columns:minmax(0,1fr) 275px;gap:16px}.product-grid{grid-template-columns:1fr}.form-section{padding:18px}.form-grid{gap:12px}.form-grid .field{grid-column:1/-1}.cart-body{padding:15px}.cart{position:sticky;top:20px}.payment-options{grid-template-columns:1fr}.payment-options label{display:flex;gap:10px;align-items:center;text-align:left;min-height:44px}.reports-grid{grid-template-columns:1fr}.profile select{min-height:44px}.field input,.field select,.field textarea{font-size:16px}.form-section .panel-head{flex-wrap:wrap}}
@media(max-width:700px){.content{padding-bottom:100px}.topbar{position:sticky;top:0;z-index:15}.profile{gap:6px}.profile .demo-label{display:none}.profile select{max-width:140px;min-height:44px;padding:7px;font-size:12px}.device-link{font-size:11px;padding:7px}.mobile-menu{gap:5px;font-size:12px;padding:6px 0;min-height:44px}.mobile-menu .icon{width:20px}.bottom-nav{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;bottom:0;left:0;right:0;background:white;border-top:1px solid var(--line);z-index:30;padding:5px 4px max(6px,env(safe-area-inset-bottom))}.bottom-nav button{background:white;border:0;border-radius:7px;color:var(--muted);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-height:56px;font-size:11px;font-weight:700}.bottom-nav button.active{background:var(--soft);color:var(--green)}.bottom-nav .icon{width:22px;height:22px}.quick-cart{position:fixed;bottom:calc(69px + env(safe-area-inset-bottom));left:12px;right:12px;z-index:25;display:flex;justify-content:space-between;align-items:center;background:var(--navy);color:white;border-radius:9px;padding:12px 16px;box-shadow:0 4px 8px #0002}.quick-cart strong{font-size:18px}.quick-cart small{display:block;font-size:11px;color:#c2d2db;margin-top:3px}.quick-cart .btn{background:#fff;color:var(--navy)}body:has(.quick-cart) .content{padding-bottom:190px}.sidebar{top:64px;bottom:70px;height:calc(100dvh - 134px);z-index:35}.sidebar .side-bottom{padding-top:20px}.sidebar.open{box-shadow:0 0 0 100vmax #10233170}.nav button{font-size:14px}.nav button>span{display:inline}.driver-grid,.reports-grid{grid-template-columns:1fr}.driver-stops{padding:0 18px}.chart{height:235px;padding:22px 14px;gap:6px}.chart-column>span{font-size:10px}.chart-column small{font-size:10px}.field input,.field select,.field textarea,.search input,.filter{font-size:16px;min-height:46px}.tabs button{min-height:44px}.order-id{min-height:32px}.table-wrap{overflow:visible}.table-wrap table,.table-wrap tbody,.table-wrap tr,.table-wrap td{display:block;width:100%}.table-wrap thead{display:none}.table-wrap tbody tr{padding:16px;border-top:1px solid var(--line)}.table-wrap tbody tr:first-child{border-top:0}.table-wrap td{border:0;padding:6px 0;display:flex;justify-content:space-between;gap:14px;align-items:center;flex-wrap:wrap;min-height:30px}.table-wrap td:before{content:attr(data-label);font-size:12px;color:var(--muted);flex:1}.table-wrap td:first-child{display:block;margin-bottom:7px}.table-wrap td:first-child:before{display:none}.table-wrap td small{display:block;width:100%;text-align:right;margin-top:0}.table-wrap td:first-child small{text-align:left;margin-top:6px}.table-wrap td .text-btn{min-height:40px}.table-wrap td:last-child:has(button){justify-content:flex-end}.table-wrap td:last-child:has(button):before{display:none}.table-wrap td:last-child .btn{width:100%}.table-wrap td .actions{gap:22px}.modal-body .table-wrap td{font-size:14px}.modal-body .table-wrap td:before{min-width:60px}.modal-actions .btn{flex:1}.modal-head h2{font-size:16px}.modal-body{padding:20px 18px}.payment-options label{font-size:12px;min-height:65px}.detail-summary strong{font-size:17px}.presentation-note span{flex:1;min-width:180px}.page-heading .sub{font-size:14px}.panel-head{flex-wrap:wrap}.metric{padding:15px 12px}.metric strong{font-size:1.5rem}.metric-top{font-size:12px}.driver-footer .btn{font-size:14px}.reports-grid .panel-head p{font-size:12px}}
@media print{.bottom-nav,.quick-cart,.device-link{display:none!important}.table-wrap table{display:table;width:100%}.table-wrap thead{display:table-header-group}.table-wrap tbody{display:table-row-group}.table-wrap tr{display:table-row}.table-wrap td,.table-wrap th{display:table-cell}.table-wrap td:before{display:none}}