/* Compact only the LKW overview; calendar values and controls stay unchanged. */
main:has(>#fleetView:not([hidden])){padding-top:10px}
#fleetView>.page-head{margin:0 0 8px;gap:6px}
#fleetView>.page-head>div{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 12px}
#fleetView>.page-head .eyebrow{display:none}
#fleetView>.page-head h1{font-size:21px;line-height:1.2;margin:0}
#fleetView>.page-head .page-description{font-size:11px;line-height:1.3;margin:0;color:#737b81}
#fleetView .fleet-sticky-controls{border-bottom:1px solid #e0e4e7}
#fleetView .fleet-filters{padding:5px 8px;gap:7px;align-items:center}
#fleetView .fleet-filters>label{min-width:155px;max-width:245px;font-size:10px;gap:2px}
#fleetView .fleet-filters input{height:28px;min-height:28px;padding:4px 7px;font-size:11px;border-radius:5px}
#fleetView .fleet-filters .vacation-types{padding:2px;gap:2px;border-radius:5px}
#fleetView .fleet-filters .vacation-types button{min-height:27px;padding:4px 7px;font-size:10px;border-radius:4px}
#fleetView .fleet-calendar-head{padding:5px 8px;gap:5px;align-items:center}
#fleetView .fleet-calendar-head h2{font-size:12px;line-height:1.2}
#fleetView .fleet-calendar-head p{display:none}
#fleetView .fleet-window-controls{gap:4px;flex-wrap:nowrap;margin-left:auto}
#fleetView .fleet-window-controls button{min-height:28px;padding:4px 8px;font-size:11px}
#fleetView .fleet-window-controls b{min-width:170px;font-size:11px;white-space:nowrap}
#fleetView .fleet-window-controls .smart-select{width:86px;flex-basis:86px}
#fleetView .fleet-window-controls .smart-select-trigger{min-height:28px;padding:4px 7px!important;font-size:11px;gap:5px}
#fleetView .fleet-window-controls .smart-select-value strong{font-size:11px}
#fleetView .fleet-window-controls .smart-select-chevron{width:20px;height:20px;flex:0 0 20px}
#fleetView .vacation-window-slider{display:grid;grid-template-columns:auto minmax(80px,1fr) auto;align-items:center;gap:10px;padding:3px 8px}
#fleetView .vacation-window-slider label{font-size:10px;line-height:1.2;margin:0}
#fleetView .vacation-window-slider input{height:18px;margin:0;min-width:0}
#fleetView .vacation-window-slider>div{gap:10px;font-size:9px;white-space:nowrap}
#fleetView .fleet-legend{padding:3px 8px;gap:4px 10px;font-size:10px;line-height:1.2}
#fleetView .fleet-legend span{gap:4px}
#fleetView .fleet-legend i{width:16px;height:16px;border-radius:3px;font-size:10px}
#fleetView .calendar-drag-help{padding:2px 8px;margin:0;font-size:9px;line-height:1.3}
#fleetView .fleet-capacity-key{padding:3px 8px;gap:4px 10px;font-size:10px;line-height:1.2}
#fleetView .fleet-capacity-key i{width:11px;height:11px}
@media(min-width:1050px){
 #fleetView .fleet-sticky-controls{display:grid;grid-template-columns:minmax(390px,1fr) minmax(440px,1.15fr)}
 #fleetView .fleet-sticky-controls>:not(.fleet-filters):not(.fleet-calendar-head){grid-column:1/-1}
 #fleetView .fleet-filters{border-right:1px solid #e6e1d8}
 #fleetView .fleet-filters>label{flex:1;max-width:245px}
}
@media(min-width:760px){
 #app:has(#fleetView:not([hidden]))>header{height:38px;min-height:38px;flex-wrap:nowrap;padding:0 10px;gap:10px}
 #app:has(#fleetView:not([hidden]))>header .brand{min-width:0;flex:0 0 auto;gap:0}
 #app:has(#fleetView:not([hidden]))>header .brand img{width:112px}
 #app:has(#fleetView:not([hidden]))>header .brand>span{display:none}
 #app:has(#fleetView:not([hidden]))>header nav{order:0;flex:1 1 auto;flex-basis:0;height:38px;gap:0;margin:0;overflow-x:auto}
 #app:has(#fleetView:not([hidden]))>header .nav{padding:0 8px;font-size:11px}
 #app:has(#fleetView:not([hidden]))>header .header-actions{order:1;margin:0;gap:4px}
 #app:has(#fleetView:not([hidden]))>header .header-actions button{padding:4px 7px;min-height:27px;font-size:11px}
}
@media(min-width:760px) and (max-width:1149px){
 #app:has(#fleetView:not([hidden]))>header .brand{display:none}
}
@media(max-width:1049px){
 #fleetView .fleet-sticky-controls{display:block}
 #fleetView .fleet-calendar-head{flex-wrap:wrap}
 #fleetView .fleet-filters>label{flex:1;max-width:320px}
}
@media(max-width:759px){
 #app:has(#fleetView:not([hidden]))>header{height:auto;min-height:0;padding:3px 8px 0;gap:2px;flex-wrap:wrap}
 #app:has(#fleetView:not([hidden]))>header .brand{display:none}
 #app:has(#fleetView:not([hidden]))>header .header-actions{width:100%;margin:0;justify-content:flex-end;gap:4px}
 #app:has(#fleetView:not([hidden]))>header .header-actions button{padding:4px 7px;min-height:26px;font-size:11px}
 #app:has(#fleetView:not([hidden]))>header nav{order:3;height:32px;flex-basis:100%;gap:0}
 #app:has(#fleetView:not([hidden]))>header .nav{padding:0 8px;font-size:11px}
 #fleetView .vacation-window-slider{grid-template-columns:auto minmax(80px,1fr);gap:3px 8px}
 #fleetView .vacation-window-slider>div{grid-column:1/-1}
 #fleetView .fleet-window-controls{margin:0;justify-content:space-between;width:100%;flex-wrap:wrap}
 #fleetView .fleet-window-controls b{min-width:0;font-size:10px}
 #fleetView .fleet-filters{flex-wrap:wrap}
}