#modal .vehicle-history{margin-top:14px;border:1px solid #d8e4ef;border-radius:12px;background:#fff;padding:16px;color:#20374f;min-width:0}
#modal .vehicle-history header{display:flex;align-items:baseline;justify-content:space-between;gap:8px 16px;flex-wrap:wrap;margin-bottom:12px}
#modal .vehicle-history h3{margin:0;font-size:16px;color:#173d62}
#modal .vehicle-history header>span{font-size:12px;color:#718399}
#modal .vehicle-history-scroll{width:100%;max-width:100%;overflow-x:auto;border:1px solid #dce7f1;border-radius:8px;overscroll-behavior-x:contain}
#modal .vehicle-history-scroll:focus-visible{outline:2px solid #729bc2;outline-offset:2px}
#modal .vehicle-history-table{width:100%;min-width:640px;table-layout:fixed;border-collapse:collapse;margin:0;font-size:12px;color:#344f69}
#modal .vehicle-history-table .history-col-date{width:17%}
#modal .vehicle-history-table .history-col-event{width:29%}
#modal .vehicle-history-table .history-col-equipment{width:36%}
#modal .vehicle-history-table .history-col-until{width:18%}
#modal .vehicle-history-table th{background:#edf4fb;color:#345b7f;font-size:12px;font-weight:600;text-align:left;padding:10px 12px;border:0;border-bottom:1px solid #dce7f1;white-space:nowrap}
#modal .vehicle-history-table td{padding:10px 12px;vertical-align:top;line-height:1.45;border:0;border-bottom:1px solid #e8eff5;white-space:normal;overflow-wrap:anywhere;background:transparent}
#modal .vehicle-history-table tbody tr{--history-accent:#356d9d;--history-tint:#edf5fd;background:#fff}
#modal .vehicle-history-table tbody tr:nth-child(even){background:#f8fbfe}
#modal .vehicle-history-table tbody tr:last-child td{border-bottom:0}
#modal .vehicle-history-table tbody tr.crypto{--history-accent:#74539e;--history-tint:#f1ecf8}
#modal .vehicle-history-table tbody tr.tachograph{--history-accent:#207b67;--history-tint:#eaf7f2}
#modal .vehicle-history-date time{font-weight:600;color:#345b7f;white-space:nowrap}
#modal .vehicle-history-date small{display:block;font-size:10px;font-weight:400;color:#75879a;margin-top:3px}
#modal .vehicle-history-kind{display:inline-block;font-size:12px;font-weight:600;line-height:1.4;padding:3px 6px;border-radius:4px;background:var(--history-tint);color:var(--history-accent)}
#modal .vehicle-history-equipment{font-variant-numeric:tabular-nums}
#modal .vehicle-history-serial{display:block}
#modal .vehicle-history-fact .vehicle-history-date-note{margin:5px 0 0;font-size:11px;color:#75879a;line-height:1.4}
#modal .vehicle-history-fact a{display:flex;align-items:center;gap:4px;margin-top:6px;font-size:11px;color:#356b9c;width:fit-content}
#modal .vehicle-history-fact a svg{width:13px;height:13px}
#modal .vehicle-history-content>.hint{margin:0;font-size:12px}
@media(max-width:540px){#modal .vehicle-history{padding:12px}#modal .vehicle-history-table th,#modal .vehicle-history-table td{padding:9px 10px}}
#modal .vehicle-record .vehicle-history-table .vehicle-history-order td{padding-top:7px;padding-bottom:7px;background:#f4f8fc}
#modal .vehicle-record .vehicle-history-order-heading{display:flex;align-items:center;gap:5px 8px;flex-wrap:wrap;line-height:1.4}
#modal .vehicle-record .vehicle-history-order-heading>.icon{width:15px;height:15px;flex:none;color:#50759a}
#modal .vehicle-record .vehicle-history-order-heading>strong{font-size:12px;font-weight:650;color:#234b70;overflow-wrap:anywhere}
#modal .vehicle-record .vehicle-history-order-state{display:inline-flex;padding:2px 6px;border-radius:4px;background:#e2edfa;color:#295d8d;font-size:10px;font-weight:600;line-height:1.4}
#modal .vehicle-record .vehicle-history-order-state[data-state="completed"]{background:#dcf2e7;color:#227652}
#modal .vehicle-record .vehicle-history-order-state:is([data-state="in_progress"],[data-state="partial"],[data-state="awaiting_confirmation"]){background:#f0e9fb;color:#6f4b9b}
#modal .vehicle-record .vehicle-history-order-state[data-state="cancelled"]{background:#fbe5e9;color:#a33c54}
#modal .vehicle-record .vehicle-history-order-state:is([data-state="deleted"],[data-state="unknown"]){background:#e9edf2;color:#647489}
#modal .vehicle-record .vehicle-history-order-works{display:flex;gap:4px 6px;flex-wrap:wrap;margin-top:4px}
#modal .vehicle-record .vehicle-history-order-work{padding:2px 5px;border-radius:3px;font-size:11px;line-height:1.4;background:#e4effb;color:#32688d}
#modal .vehicle-record .vehicle-history-order-work[data-kind="crypto"]{background:#e1f2e9;color:#247653}
#modal .vehicle-record .vehicle-history-order-work[data-kind="tachograph"]{background:#eee8f8;color:#715198}
#modal .vehicle-record .vehicle-history-order-work small{font-size:10px;color:inherit}
#modal .vehicle-record .vehicle-history-order-note{display:block;font-size:10px;line-height:1.4;color:#6a7f93;margin-top:3px}
#modal .vehicle-history-load-warning{margin:6px 0;font-size:11px;color:#8b6527}
@media(max-width:600px){#modal .vehicle-record .vehicle-history-order-heading>strong{font-size:11px}#modal .vehicle-record .vehicle-history-order-heading{gap:4px}#modal .vehicle-record .vehicle-history-order-work{font-size:10px}}
@media(max-width:600px){#modal .vehicle-record .vehicle-history-table .vehicle-history-date{padding-inline:5px}#modal .vehicle-record .vehicle-history-table .vehicle-history-date time{font-size:10px;white-space:nowrap}}
#modal .vehicle-record .vehicle-history-order-label{display:block;font-size:12px;font-weight:500;line-height:1.4;color:#294c70}
#modal .vehicle-record .vehicle-history-order-label[data-kind="crypto"]{color:#267554}
#modal .vehicle-record .vehicle-history-order-label[data-kind="verification"]{color:#285b83}
#modal .vehicle-record .vehicle-history-order-label[data-kind="tachograph"]{color:#715397}
@media(max-width:600px){#modal .vehicle-record .vehicle-history-order-label{font-size:11px}}