/* Final product pass — additions within the existing grid and type system. */
[hidden]{display:none!important}
header .button{background:var(--yellow);color:#25291e;box-shadow:none}
.transport>div{min-width:0}.transport-tabs{max-width:100%;display:flex;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin}.transport-tabs button{flex:none;white-space:nowrap;min-height:42px}
.commercial-types{display:flex;gap:6px;overflow-x:auto;margin-bottom:18px;padding-bottom:4px}
.commercial-types button{flex:none;border:0;background:#fff5e1;color:#776144;border-radius:8px;padding:9px 12px;font:inherit;font-size:12px;cursor:pointer}
.commercial-types button[aria-pressed=true]{background:#ffdf57;color:#332b18}
.commercial-details{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:18px}.commercial-details small{display:block;color:#786b56;font-size:11px}.commercial-details strong{display:block;margin-top:6px;font-size:16px}.commercial-details p{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:6px;margin:0}.commercial-details p span{font-size:10px;border-radius:5px;background:#fff3da;padding:5px 9px;color:#786044}
.personal-garage{grid-column:1/-1;display:grid;grid-template-columns:1fr 1.1fr;gap:32px;border-top:1px solid #e9edf3;padding-top:25px;margin-top:-25px}
.personal-garage>div>b{font-size:18px}.personal-garage p{font-size:13px;line-height:1.7;margin:10px 0}.personal-garage small{color:#687486;font-size:11px}.personal-garage ul{display:flex;gap:12px;list-style:none;margin:0;padding:0;align-items:center}.personal-garage li{flex:1;min-width:0;background:#f6f8fb;border-radius:14px;padding:16px 12px;display:flex;gap:10px;align-items:center}.personal-garage li img{width:25px;height:25px}.personal-garage li b{font-size:12px;white-space:nowrap}.personal-garage li small{display:block;margin-top:6px}
.status-row.planned strong{color:#3565ba}.status-row.documents-ok strong{color:#20805a}.status-row.documents-ok{border:0;padding-top:5px}.status-heading>.status-label{display:none}.status-heading b{font-size:14px}.status-legend i:last-of-type{background:#ec8b31}
.tyre-heading{display:flex;align-items:center;gap:14px}.tyre-heading>img{width:42px;height:42px}.tyre-heading h3{margin:0;font-size:23px}.tyre-heading p{margin:6px 0 0;color:#66758b;font-size:13px}.tyre-heading>.status-label{margin-left:auto;background:#eaf7ef;color:#24815c}.tyre-wear{margin-top:24px}.tyre-wear>div{display:flex;justify-content:space-between;font-size:13px}.tyre-wear progress{width:100%;height:7px;appearance:none;border:0;border-radius:8px;overflow:hidden;margin:14px 0;background:#e2e7ef}.tyre-wear progress::-webkit-progress-bar{background:#e2e7ef}.tyre-wear progress::-webkit-progress-value{background:#f4b839}.tyre-wear progress::-moz-progress-bar{background:#f4b839}.tyre-wear small{font-size:11px;color:#687486;line-height:1.6}
.history-event-icon{width:25px;height:25px;display:block;margin:10px 0}.history-cost>span{max-width:210px;line-height:1.6}.business-transition{padding-top:38px;margin-bottom:-35px}.business-transition p{font-size:21px;font-weight:600;margin:0 0 9px}.business-transition>span{color:#687486;font-size:14px}
.garage[data-theme=dark] .theme-switch button{color:#b6c2d4}.garage[data-theme=dark] .positive,.garage[data-theme=dark] .trend{color:#58c596}
.fleet-composition{border-top:1px solid #34415a;margin-top:24px;padding-top:20px;display:grid;grid-template-columns:1.15fr repeat(4,1fr);gap:15px;align-items:center}.fleet-composition>span{font-size:10px;letter-spacing:1px;color:#a3b1c6}.fleet-composition>div{display:flex;align-items:center;gap:9px;font-size:12px}.fleet-composition img{width:25px;height:25px}.fleet-composition b{margin-left:auto;font-size:17px}
.preview-controls{display:flex;gap:16px;align-items:center}.theme-switch{display:flex;background:#e9edf5;padding:3px;border-radius:8px}.theme-switch button{border:0;border-radius:6px;background:none;color:#647185;padding:7px 10px;font:inherit;font-size:11px;cursor:pointer}.theme-switch button[aria-pressed=true]{background:white;color:#202938}
.garage,.garage .panel,.garage .car-panel{transition:background-color .25s,color .25s}
.garage[data-theme=dark]{background:#090e15;color:#f4f6fb}.garage[data-theme=dark] .panel,.garage[data-theme=dark] .car-panel{background:#0f1825;color:#f4f6fb}.garage[data-theme=dark] small,.garage[data-theme=dark] .task span,.garage[data-theme=dark] .task-foot,.garage[data-theme=dark] .demo,.garage[data-theme=dark] .garage-foot{color:#a2aec1}.garage[data-theme=dark] .money-row,.garage[data-theme=dark] .task{border-color:#273241}.garage[data-theme=dark] .garage-name>span,.garage[data-theme=dark] .theme-switch{background:#192332;color:#a2aec1}.garage[data-theme=dark] .theme-switch button[aria-pressed=true]{background:#ffda30;color:#202316}.garage[data-theme=dark] .chart-baseline{stroke:#263140}.garage[data-theme=dark] .car-bottom a{color:#8cb1ff}
@media(max-width:1100px){.personal-garage{grid-template-columns:1fr;gap:18px}.fleet-composition{grid-template-columns:repeat(4,1fr)}.fleet-composition>span{grid-column:1/-1}}
@media(max-width:760px){
 .commercial-types button{font-size:11px}.transport-tabs{width:100%}.transport-tabs button{font-size:12px;padding-inline:13px}
 .personal-garage{margin-top:-4px;gap:20px}.personal-garage ul{overflow-x:auto;padding-bottom:8px}.personal-garage li{min-width:133px}.personal-garage li b{font-size:12px}
 .personal-garage>div>b{font-size:17px}.personal-garage p{font-size:13px}
 .tyre-heading{gap:9px;flex-wrap:wrap}.tyre-heading h3{font-size:21px}.tyre-heading>.status-label{margin-left:51px}.tyre-data>div{font-size:12px}
 .history-event-icon{width:23px;height:23px;margin:0}.history-events button{padding:15px 9px 15px 61px;min-height:56px;position:relative;grid-template-columns:70px 1fr}.history-events button>.history-event-icon{position:absolute;grid-area:auto;left:27px;top:50%;transform:translateY(-50%)}
 .business-transition{padding-top:15px;margin-bottom:-35px}.business-transition p{font-size:19px;line-height:1.5}.business-transition>span{font-size:13px;line-height:1.7;display:block}
 .fleet-composition{grid-template-columns:1fr 1fr;gap:18px}.fleet-composition>div{font-size:12px}
 .garage-head{flex-wrap:wrap;gap:13px}.preview-controls{width:100%;justify-content:space-between}.theme-switch button{font-size:11px;min-height:32px}.garage-head .demo{font-size:9px}
 .history-cost>span{max-width:none}.status-heading b{font-size:13px}.status-row strong{font-size:11px}
}
.vehicle-stage[data-color="red"]>img{filter:hue-rotate(178deg) saturate(2.6) brightness(.82)}
.vehicle-stage[data-color="white"]>img{filter:grayscale(1) brightness(1.24)}
.vehicle-stage[data-color="graphite"]>img{filter:url(#tow-graphite-body)}
.vehicle-stage[data-color="taxi-yellow"]>img{filter:hue-rotate(235deg) saturate(1.3)}
.kinship{font-size:inherit;font-weight:500;color:#687486;white-space:nowrap}
.fleet-composition{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.fleet-composition>span{grid-column:1/-1}
.fleet-composition>div{display:grid;grid-template-columns:28px minmax(0,1fr) 24px;gap:9px;min-width:0}
.fleet-composition b{margin:0;text-align:right;font-variant-numeric:tabular-nums}
.fleet-composition>div>span{white-space:nowrap}
.fleet-composition img{width:28px;height:28px;object-fit:contain}
@media(max-width:900px){.fleet-composition{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:430px){.fleet-composition{gap:15px 10px}.fleet-composition>div{grid-template-columns:23px minmax(0,1fr) 16px;gap:6px;font-size:11px}.fleet-composition img{width:23px;height:23px}.fleet-composition b{font-size:16px}.member-role{max-width:83px;text-align:right;line-height:1.5}.kinship{display:block;font-size:10px;margin-top:3px}}
@media(prefers-reduced-motion:reduce){.garage,.garage .panel,.garage .car-panel{transition:none}}

.actions{flex-wrap:wrap}
.store-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:14px 22px}
.store-row .store-play,.actions .store-play{margin-top:0}

button.store-menu-trigger{border:0;appearance:none;cursor:pointer}
.store-menu{position:relative;display:inline-flex}
.store-menu-panel{position:absolute;z-index:40;top:calc(100% + 8px);left:0;min-width:196px;padding:6px;background:#fff;border:1px solid #e4e9f0;border-radius:14px;box-shadow:0 14px 36px #1923321f}
.store-menu-panel[hidden]{display:none}
.store-menu-panel a{display:flex;align-items:center;min-height:40px;padding:8px 12px;border-radius:10px;font-size:14px;font-weight:700;color:#192332}
.store-menu-panel a:hover{background:#f5f7fa}
header .store-menu-panel{left:auto;right:0}
.hero .store-menu-panel,.download .store-menu-panel,.content-download .store-menu-panel{left:50%;transform:translateX(-50%)}
.site-footer .store-menu{display:block}
.site-footer .store-menu-trigger:not(.button){display:block;width:100%;margin-top:10px;padding:0;border:0;background:none;text-align:left;font:inherit;font-size:11px;line-height:1.65;font-weight:400;color:#627084;cursor:pointer}
.site-footer .store-menu-panel{left:0;transform:none}

header .store-menu-trigger.button,
header .store-menu-trigger.button:hover,
header .store-menu-trigger.button:active,
header .store-menu-trigger.button:focus,
.hero .store-menu-trigger.button,
.hero .store-menu-trigger.button:hover,
.hero .store-menu-trigger.button:active,
.hero .store-menu-trigger.button:focus,
.download .store-menu-trigger.button,
.download .store-menu-trigger.button:hover,
.download .store-menu-trigger.button:active,
.download .store-menu-trigger.button:focus,
.content-page header .store-menu-trigger.button,
.content-page header .store-menu-trigger.button:hover,
.content-page header .store-menu-trigger.button:active,
.content-page header .store-menu-trigger.button:focus,
.content-download .store-menu-trigger.button,
.content-download .store-menu-trigger.button:hover,
.content-download .store-menu-trigger.button:active,
.content-download .store-menu-trigger.button:focus{background:#ffda27;color:#25291e;box-shadow:none}
header .store-menu-trigger.button:hover,
header .store-menu-trigger.button:active,
.hero .store-menu-trigger.button:hover,
.hero .store-menu-trigger.button:active,
.download .store-menu-trigger.button:hover,
.download .store-menu-trigger.button:active,
.content-download .store-menu-trigger.button:hover,
.content-download .store-menu-trigger.button:active{background:#f6cb12}