:root[data-theme] body #app .garage-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
:root[data-theme] body #app .garage-bike{display:flex;flex-direction:column;min-width:0;padding:24px;border:1px solid #e8e9f1;border-radius:20px;background:#fff;cursor:pointer}
:root[data-theme] body #app .garage-bike-heading{display:grid;grid-template-columns:56px minmax(0,1fr);gap:16px;align-items:center;min-height:96px}
:root[data-theme] body #app .garage-bike-heading img{width:56px;height:56px;padding:10px;background:#eaf2ff;border-radius:16px;object-fit:contain}
:root[data-theme] body #app .garage-bike-heading h3{margin:0;overflow-wrap:anywhere;font-size:1.05rem;line-height:1.8}
:root[data-theme] body #app .garage-bike-heading p{margin:6px 0 0;color:#71727a;overflow-wrap:anywhere}
:root[data-theme] body #app .garage-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:20px 0}
:root[data-theme] body #app .garage-facts>div{min-width:0;background:#f8f9fe;border-radius:12px;padding:12px}
:root[data-theme] body #app .garage-facts dt{color:#71727a;font-size:.78rem}
:root[data-theme] body #app .garage-facts dd{margin:6px 0 0;font-weight:600;font-size:.88rem;overflow-wrap:anywhere}
:root[data-theme] body #app .garage-actions{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px!important;position:static!important;inline-size:100%!important;max-inline-size:none!important;min-inline-size:0!important;min-block-size:0!important;margin: auto 0 0!important;padding:16px 0 0!important;border-top:1px solid #e8e9f1;background:transparent!important}
:root[data-theme] body #app .garage-action{display:flex!important;justify-content:center;align-items:center;gap:6px;min-width:0!important;width:100%;min-height:48px;line-height:1.7;white-space:normal;word-break:normal;overflow-wrap:normal;padding:10px 8px;margin:0!important;border-radius:12px}
:root[data-theme] body #app .garage-action svg{width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
:root[data-theme] body #app .garage-remove{color:#ed3241!important;border-color:#ed3241!important}
:root[data-theme] body #app .garage-toolbar,:root[data-theme] body #app .garage-detail-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
:root[data-theme] body #app .garage-detail-actions>.garage-action{flex:1 1 140px;width:auto}
:root[data-theme] body #app .garage-history{display:grid;gap:12px}
:root[data-theme] body #app .garage-history>div{display:grid;grid-template-columns:1fr auto;gap:10px;border:1px solid #e8e9f1;border-radius:12px;padding:16px;min-width:0}
:root[data-theme] body #app .garage-history :is(small,p,a){grid-column:1/-1;overflow-wrap:anywhere}
@media(max-width:767px){:root[data-theme] body #app .garage-grid{grid-template-columns:minmax(0,1fr)}:root[data-theme] body #app .garage-bike{padding:16px}:root[data-theme] body #app .garage-action{font-size:.8rem}:root[data-theme] body #app .garage-toolbar{width:100%}:root[data-theme] body #app .garage-toolbar>a{flex:1;min-width:0}:root[data-theme] body #app .garage-history>div{grid-template-columns:1fr}}

:root[data-theme] body #app .garage-actions:has([data-garage-action="restore"]){grid-template-columns:repeat(2,minmax(0,1fr))}
@supports(grid-template-rows:subgrid){:root[data-theme] body #app .garage-grid>.garage-bike{display:grid;grid-template-rows:subgrid;grid-row:span 3;gap:0}:root[data-theme] body #app .garage-bike-heading{grid-row:1}:root[data-theme] body #app .garage-bike>.garage-facts{grid-row:2}:root[data-theme] body #app .garage-bike>.garage-actions{grid-row:3}}
@media(max-width:400px){:root[data-theme] body #app .garage-actions>.garage-action{flex-direction:column;gap:4px;min-height:64px}}
:root[data-theme] body #app .garage-actions>.garage-action.garage-remove,:root[data-theme] body #app .garage-detail-actions>.garage-action.garage-remove{color:#ed3241!important;border-color:#ed3241!important}
:root[data-theme] body #app .garage-action.garage-remove :is(span,svg){color:inherit!important}