/* Antetul paginii autobuzului: iterația 5 „Bord”, pe fond deschis (doar token-uri, merge și pe tema b). */
.card.vh-bord{flex-direction:row;flex-wrap:wrap;padding:0;overflow:hidden;flex:none}
.vh-bord>.vh-z{box-sizing:border-box;min-width:0;margin:-1px 0 0 -1px;padding:14px 18px;border-left:1px solid var(--border-soft);border-top:1px solid var(--border-soft);display:flex;flex-direction:column;justify-content:center;gap:6px}
.vh-bord>.vh-id{flex:2 1 360px;gap:5px}
.vh-bord>.vh-odo,.vh-bord>.vh-rev,.vh-bord>.vh-at,.vh-bord>.vh-sc{flex:1 1 auto}
.vh-bord>.vh-rev{flex-direction:row;align-items:center;justify-content:flex-start;gap:14px}
.vh-bord .vh-idr{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px}
.vh-bord h1.title{display:flex;align-items:baseline;gap:8px;margin:0;font-size:28px;line-height:34px;font-weight:700;letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.vh-bord h1.title .pre{font-size:14px;font-weight:500;letter-spacing:0;color:var(--text-3)}
.vh-bord .vh-plate{margin:0}
.vh-bord>.vh-acts{flex:0 0 auto;align-items:stretch;gap:8px}
.vh-bord>.vh-acts .btn{justify-content:center}
.vh-bord .vh-model{font-size:13px;color:var(--text-3)}
.vh-bord .vh-model b{color:var(--text);font-weight:600}
.vh-bord .vh-facts{display:flex;flex-wrap:wrap;font-size:12.5px;color:var(--text-3)}
.vh-bord .vh-facts span+span:before{content:"·";margin:0 7px}
.vh-bord .vh-facts b{color:var(--text-2);font-weight:600}
.vh-bord .vh-facts b.mono{font-family:var(--mono);font-weight:500;letter-spacing:.02em}
.vh-bord .vh-k{display:flex;align-items:center;gap:6px;font-size:10.5px;line-height:16px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-3);white-space:nowrap}
.vh-bord .vh-k .chip{text-transform:none;letter-spacing:0}
.vh-bord .vh-kr{display:flex;align-items:center;justify-content:space-between;gap:14px}
.vh-bord .vh-link{font-size:12px;white-space:nowrap}
.vh-bord .vh-v{font-size:20px;line-height:26px;font-weight:700;letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:var(--text);white-space:nowrap}
.vh-bord .vh-v small,.vh-bord .vh-ms b small{font-size:12px;font-weight:500;letter-spacing:0;color:var(--text-3);margin-left:4px}
.vh-bord .vh-v.t-danger{color:var(--danger-text)}
.vh-bord .vh-v.t-warn{color:var(--warn-text)}
.vh-bord .vh-s{font-size:12px;color:var(--text-3)}
.vh-bord .vh-s b{color:var(--text-2);font-weight:600}
.vh-bord .vh-dg{display:flex;align-items:flex-end;gap:2px}
.vh-bord .vh-dg .g{width:19px;height:27px;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;border-radius:4px;background:var(--surface-2);border:1px solid var(--border);font:600 16px/1 var(--mono);color:var(--text)}
.vh-bord .vh-dg .g.s{margin-left:5px}
.vh-bord .vh-dg small{margin-left:6px;font-size:12px;line-height:20px;color:var(--text-3)}
.vh-bord .vh-ring{width:52px;height:52px;flex:none}
.vh-bord .vh-ring circle{fill:none;stroke-width:5}
.vh-bord .vh-ring .bg{stroke:var(--border)}
.vh-bord .vh-ring .fg{stroke:var(--primary);stroke-linecap:round}
.vh-bord .vh-ring.t-warn .fg{stroke:var(--warn)}
.vh-bord .vh-ring.t-danger .fg{stroke:var(--danger)}
.vh-bord .vh-rt{display:flex;flex-direction:column;gap:2px;min-width:0}
.vh-bord .vh-tg{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-3);white-space:nowrap}
.vh-bord .vh-ms{display:flex;flex-wrap:wrap;gap:4px 18px}
.vh-bord .vh-ms>div{display:flex;flex-direction:column}
.vh-bord .vh-ms b{font-size:20px;line-height:26px;font-weight:700;letter-spacing:-.02em;font-variant-numeric:tabular-nums;white-space:nowrap}
.vh-bord .vh-ms span{font-size:12px;color:var(--text-3);white-space:nowrap}
.vh-bord .vh-ms span.warn{color:var(--warn-text);font-weight:600}
/* lățime insuficientă pentru un singur rând: identitate + acțiuni sus, cei 4 indicatori dedesubt */
.card.vh-bord{container-type:inline-size}
@container (max-width:1700px){
 .vh-bord:before{content:"";order:1;flex:0 0 100%;height:0}
 .vh-bord>.vh-odo,.vh-bord>.vh-rev,.vh-bord>.vh-at,.vh-bord>.vh-sc{order:2}
 .vh-bord>.vh-id{flex:1 1 0;flex-direction:row;flex-wrap:wrap;align-items:baseline;justify-content:flex-start;align-content:center;column-gap:14px}
 .vh-bord .vh-idr{flex:0 0 100%}
 .vh-bord>.vh-acts{flex-direction:row;align-items:center}
}
@container (max-width:640px){
 .vh-bord>.vh-z{flex-basis:100%;padding:12px 14px}
 .vh-bord>.vh-acts{justify-content:flex-start}
}
/* „Flotă /” mutat din rândul separat în rândul titlului (pagina autobuzului) */
.vh-bord h1.title .vh-crumb{display:inline-flex;align-items:baseline;gap:8px;font-size:14px;font-weight:500;letter-spacing:0;color:var(--text-3);text-decoration:none}
.vh-bord h1.title .vh-crumb:hover{color:var(--primary);text-decoration:underline;text-underline-offset:3px}
.vh-bord h1.title .vh-crumb span{color:var(--border-strong);text-decoration:none}
/* „Fișe de reparație /” și „Magazie /” mutate din rândul separat în titlu (fișă, articol magazie) */
.title .t-crumb{display:inline-flex;align-items:baseline;gap:8px;margin-right:10px;font-size:14px;font-weight:500;letter-spacing:0;color:var(--text-3);text-decoration:none;white-space:nowrap}
.title .t-crumb:hover{color:var(--primary);text-decoration:underline;text-underline-offset:3px}
.title .t-crumb span{color:var(--border-strong)}