.sales-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.sales-ranking-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.sales-overview{margin-bottom:24px}.sales-note{font-size:13px;line-height:1.6;color:#64748b;margin:12px 0}.dark .sales-note{color:#cbd5e1}.sales-controls{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0}.sales-controls label{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:14px}.sales-controls input,.sales-controls select{background:transparent;border:1px solid #94a3b8;border-radius:10px;padding:10px;max-width:100%;min-height:44px}.sales-period{min-height:44px;padding:10px 20px;border:1px solid #94a3b8;border-radius:12px;font-weight:700}.sales-period.selected,.sales-link{background:#5e72e4;color:white}.sales-link{padding:10px 16px;border-radius:12px;font-size:13px;font-weight:700}.sales-table{width:100%;font-size:13px;text-align:left}.sales-table th,.sales-table td{padding:12px 8px;border-bottom:1px solid #cbd5e1}.sales-bar-row{display:grid;grid-template-columns:100px minmax(20px,1fr) 90px;gap:10px;align-items:center;font-size:13px;margin:14px 0}.sales-bar-track{height:12px;background:#e2e8f0;border-radius:8px}.sales-bar-track div{height:100%;background:#5e72e4;border-radius:8px}
@media(max-width:1023px){#mobileTopFloatingNav{display:none!important}body{font-size:15px}header.argon-hero-gradient{margin-top:0!important;padding-top:18px!important}#headerTitle{font-size:22px;line-height:1.3}#mobileBottomNav{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr));width:100%;padding:6px;border-radius:18px;gap:2px}#mobileBottomNav button{min-width:0;min-height:52px;padding:6px 2px;border-radius:12px}#mobileBottomNav button span:last-child{font-size:11px;line-height:1.3}#mobileBottomNav button span:first-child{font-size:19px;margin-bottom:4px}.mobile-floating-bottom-dock{bottom:calc(8px + env(safe-area-inset-bottom,0px));width:calc(100% - 16px);max-width:560px}#kpiGrid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px}#kpiGrid>.argon-card{padding:14px;min-width:0}#kpiGrid .text-3xl{font-size:24px}#kpiGrid .truncate{white-space:normal;overflow:visible}#kpiGrid .w-12{display:none}#viewContainer{padding-bottom:20px}#viewContainer button{min-height:44px}#viewContainer input:not([type=checkbox]):not([type=range]),#viewContainer select{font-size:16px;min-height:44px}#viewContainer .text-\[10px\],#viewContainer .text-\[11px\]{font-size:12px}#bayModal>div{max-height:90dvh;overflow:auto}#bayModal input{font-size:16px;min-height:44px}.sales-ranking-grid{grid-template-columns:1fr}.sales-summary-grid{gap:10px}.sales-summary-grid>.argon-card{padding:14px}.sales-summary-grid .text-3xl{font-size:22px}.sales-controls select{width:100%}.sales-controls label{max-width:100%}.sales-bar-row{grid-template-columns:85px minmax(15px,1fr) 80px;font-size:12px}.sales-table{font-size:14px}}
@media(max-width:420px){.sales-summary-grid{grid-template-columns:1fr}.sales-overview .sales-summary-grid{grid-template-columns:1fr}.sales-overview .argon-card{display:grid;grid-template-columns:1fr auto;align-items:center}.sales-overview .argon-card>div:last-child{grid-column:1/-1}.sales-overview .text-3xl{margin:0;font-size:26px}.sales-link{padding:10px;font-size:12px}}
@media(max-width:1023px){#fleetMachineGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}#fleetMachineGrid>.argon-card{padding:12px;min-width:0}#fleetMachineGrid .w-11{display:none}#fleetMachineGrid h3{font-size:13px;overflow-wrap:anywhere;line-height:1.4}#fleetMachineGrid .items-start{flex-wrap:wrap}#fleetMachineGrid .border-t{flex-wrap:wrap;gap:8px}#fleetMachineGrid .border-t>div{width:100%;display:flex;flex-wrap:wrap}#fleetMachineGrid .border-t button{flex:1;padding:8px 4px;font-size:11px}#fleetMachineGrid .text-lg{font-size:19px}#fleetMachineGrid p{font-size:12px}#fleetMachineGrid .font-mono{font-size:11px}#fleetMachineGrid .mb-1\.5{flex-wrap:wrap;gap:4px}}
@media(max-width:1023px){.mobile-floating-bottom-dock{position:fixed!important;left:8px!important;right:8px!important;width:auto!important;margin-inline:auto;max-width:560px;bottom:calc(16px + env(safe-area-inset-bottom,0px) + var(--dock-obscured,0px))!important;z-index:45}body{padding-bottom:calc(96px + env(safe-area-inset-bottom,0px))}#mobileBottomNav{max-width:none!important}#mobileBottomNav button{transform:none!important}#mobileBottomNav button[aria-current="page"]{background:#5e72e4;color:white}}
@media(max-width:1023px){#mobileDock{bottom:auto!important;top:calc(var(--dock-visible-bottom,100dvh) - var(--dock-height,66px) - 24px - env(safe-area-inset-bottom,0px))!important}#mobileBottomNav{grid-template-columns:repeat(6,minmax(0,1fr))!important}#mobileBottomNav button span:last-child{font-size:10px}#viewContainer,#cabinetViewport,#restockViewport{min-width:0;max-width:100%}}