/* Единые карточки и кликабельные номера. Красно-графитовая тема. */
.vehicle-reference{display:inline-flex;align-items:center;justify-content:flex-start;gap:7px;max-width:100%;min-height:34px;padding:6px 8px;border:1px solid var(--line);border-radius:11px;background:var(--shade);box-shadow:none;color:inherit;text-align:left;font-size:13px;font-weight:650;line-height:1.35;white-space:normal;overflow-wrap:anywhere;transition:border-color .18s ease,background .18s ease,transform .18s ease}
.vehicle-reference:hover{border-color:var(--accent);background:var(--surface);box-shadow:0 4px 12px #12171a12;transform:translateY(-1px)}
.vehicle-reference:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.vehicle-reference:active{transform:scale(.99)}
.vehicle-reference .tile-icon{width:18px;height:18px;flex:0 0 18px;color:var(--accent)}
.vehicle-reference>span:nth-last-child(2){min-width:0;flex:1}
.vehicle-name{font-weight:780;overflow-wrap:anywhere}
.vehicle-plate-inline{display:inline;font-weight:750;letter-spacing:.35px;white-space:normal}
.vehicle-link-arrow{font-size:20px;line-height:1;color:var(--accent);margin-left:2px}
.vehicle-missing{font-size:12px;color:var(--muted)}
.record-info-lines{display:flex;flex-direction:column;align-items:flex-start;gap:5px;margin-top:8px}
.record-info-lines small,.record-date{display:inline-block;color:var(--muted);font-size:12px;font-weight:500;line-height:1.5}
.dashboard-record{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:13px 0;border-bottom:1px solid var(--line)}
.dashboard-record:last-child{border-bottom:0;padding-bottom:0}
.dashboard-record>strong{font-size:14px;line-height:1.4;overflow-wrap:anywhere}
.dashboard-record .vehicle-reference{font-size:13px}
.dashboard-record .record-info-lines{margin-top:0}
.upcoming-record{padding:13px 0;border-bottom:1px solid #ffffff25}
.upcoming-record:last-child{padding-bottom:0;border-bottom:0}
.upcoming-title{display:inline-block;text-align:left;border:none;box-shadow:none;background:transparent;padding:0;color:white;font-weight:760;font-size:14px;line-height:1.4}
.upcoming-title:hover{box-shadow:none;text-decoration:underline;text-underline-offset:3px}
.upcoming-record>div{margin-top:10px}
.upcoming-record>small{display:block;color:#e1dde0;margin-top:8px}
.upcoming-record .record-date{color:#e1dde0}
.upcoming-record .vehicle-reference{background:#ffffff16;border-color:#ffffff44;color:#fff}
.upcoming-record .vehicle-reference .tile-icon,.upcoming-record .vehicle-link-arrow{color:#ffabb1}
.notice-vehicle-links{margin:10px 0;display:flex;flex-direction:column;align-items:flex-start;gap:7px}
.notice-vehicle-links>span:first-child{color:var(--muted);font-size:12px;font-weight:500}
.notice-vehicle-links .vehicle-reference{font-size:13px;max-width:100%}
.notice-dialog-content .notice-vehicle-links{margin:13px 0;gap:10px}
.notice-dialog-content .vehicle-reference{width:100%}
.vehicle-quick-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:2px 0 9px}
.vehicle-quick-actions button{display:inline-flex;align-items:center;gap:7px;justify-content:center;min-height:44px;padding:9px 14px;font-weight:750;font-size:12px;border-radius:12px;background:var(--surface);color:inherit;border:1px solid var(--line);box-shadow:none}
.vehicle-quick-actions button:hover{border-color:var(--accent);box-shadow:0 6px 16px #18202a13}
.vehicle-quick-actions .tile-icon{width:18px;height:18px;color:var(--accent)}
.vehicle-added-date{margin:7px 0 17px;font-size:12px;color:var(--muted)}
#vehicleUpcoming,#vehicleMaintenance,#vehicleEvents{scroll-margin-top:100px}
.vehicle-upcoming{margin-bottom:14px}
.vehicle-upcoming h3{margin-bottom:10px}
.vehicle-upcoming-row{padding:11px 0;border-bottom:1px solid var(--line)}
.vehicle-upcoming-row:last-child{border-bottom:0}
.vehicle-upcoming-row strong{display:block;overflow-wrap:anywhere}
.vehicle-upcoming-row small{display:block;color:var(--muted);font-size:12px;margin-top:6px;line-height:1.5}
.fleet-open .vehicle-plate-inline{font-size:14px;color:var(--muted)}
.fleet-open small{margin-top:8px}
.service-entry .vehicle-reference{margin-top:7px}
@media(max-width:460px){
 .vehicle-reference{font-size:12px;padding:7px;gap:5px}
 .vehicle-reference .tile-icon{width:16px;height:16px;flex-basis:16px}
 .dashboard-record{padding:11px 0}
 .vehicle-quick-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
 .vehicle-quick-actions button{padding:8px 4px;font-size:11px;gap:4px;min-width:0;min-height:52px}
 .vehicle-quick-actions .tile-icon{width:17px;height:17px}
}
@media(prefers-reduced-motion:reduce){.vehicle-reference{transition:none}}
body.lowmotion .vehicle-reference{transition:none}

.vehicle-card-clickable{cursor:pointer}
.vehicle-card-clickable:hover{border-color:var(--accent);box-shadow:0 9px 28px #16212d16}
.vehicle-card-clickable:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.linked-vehicle-open{margin-top:7px;display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:7px 10px;font-size:12px}
.linked-vehicle-open .tile-icon{width:17px;height:17px}