/* Лидер Автопарк v23 — финансы и история пробега. */
.finance-hero{display:flex;gap:14px;align-items:center;padding:20px;border-radius:21px;position:relative;overflow:hidden;color:#fff;background:linear-gradient(118deg,#18202b,#2b303a 70%,#54222c);box-shadow:0 12px 29px #1119272a;margin-bottom:13px}
.finance-hero:after{position:absolute;content:"";width:255px;height:255px;right:-105px;top:-130px;background:radial-gradient(circle,#e3313b48,transparent 68%);pointer-events:none}
.finance-hero-icon{display:grid;place-items:center;flex:0 0 52px;width:52px;height:52px;border-radius:16px;background:linear-gradient(145deg,#e5323c,#a21823);box-shadow:0 8px 22px #b71c3049}
.finance-hero-icon .tile-icon{width:29px;height:29px;color:#fff}
.finance-hero>div:nth-child(2){z-index:1;min-width:0}
.finance-hero h2{font-size:21px;font-weight:870;line-height:1.2;color:#fff;margin:0 0 6px}
.finance-hero p{font-size:12px;line-height:1.5;color:#dfe3eb;margin:0}
.finance-filter-box{padding:15px;margin-bottom:12px}
.finance-filter-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:12px;align-items:end}
.finance-filter-grid label{font-size:12px;font-weight:730;color:var(--muted);margin:0}
.finance-filter-grid input,.finance-filter-grid select{margin-top:7px;width:100%;height:43px;font-size:13px}
.finance-presets{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:12px}
.finance-presets button{min-height:37px;font-size:12px;border-radius:10px}
.finance-presets .finance-export{margin-left:auto;display:inline-flex;gap:7px;align-items:center;background:#ba202b;color:#fff}
.finance-presets .finance-export .tile-icon{width:17px;height:17px}
.finance-period-note{font-size:11px;line-height:1.5;color:var(--muted);margin:10px 0 0}
.finance-placeholder{font-size:13px;color:var(--muted);text-align:center;padding:26px;border-radius:15px;background:var(--surface);border:1px dashed var(--line)}
.finance-placeholder button{margin:12px auto;display:block}
.finance-summary-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin:0 0 12px}
.finance-total-card{position:relative;overflow:hidden;background:var(--surface);border:1px solid var(--line);border-radius:17px;padding:17px 18px;box-shadow:0 7px 25px #111c2910}
.finance-total-card>small{display:block;font-weight:750;color:var(--muted);font-size:12px}
.finance-total-card strong{display:block;margin:12px 0 7px;font-size:clamp(21px,3vw,30px);font-weight:870;line-height:1.2;font-variant-numeric:tabular-nums;white-space:normal;overflow-wrap:anywhere}
.finance-total-card span{font-size:11px;color:var(--muted)}
.finance-card-mark{position:absolute;left:0;top:0;bottom:0;width:4px;background:#c7202a}
.finance-card-mark.service{background:#c7202a}
.finance-card-mark.repair{background:#dc844b}
.finance-analysis{margin:0 0 12px;padding:17px}
.finance-analysis h3{font-size:16px;font-weight:840;margin:0 0 15px}
.finance-car-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(320px,100%),1fr));gap:10px}
.finance-car-row{padding:13px;border:1px solid var(--line);border-radius:14px;background:var(--shade);min-width:0}
.finance-car-top{display:flex;align-items:center;gap:10px}
.finance-car-rank{width:30px;height:30px;flex:0 0 30px;display:grid;place-items:center;border-radius:10px;background:var(--surface);font-weight:800;font-size:12px;color:var(--muted)}
.finance-car-title{flex:1;min-width:0;overflow-wrap:anywhere}
.finance-car-title .vehicle-reference{width:100%;white-space:normal;text-align:left;font-size:12px;min-height:40px}
.finance-car-metrics{display:flex;gap:6px 15px;flex-wrap:wrap;font-size:12px;margin:13px 0 10px;color:var(--muted)}
.finance-car-metrics strong{color:inherit;font-weight:780}
.finance-car-bar{height:6px;overflow:hidden;border-radius:99px;background:var(--line)}
.finance-car-bar span{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#b8222c,#ea704f)}
.finance-car-filter{display:inline-flex;align-items:center;gap:6px;margin:12px 0 0;padding:0;box-shadow:none;background:transparent;color:#bf2630;font-size:11px;font-weight:800;min-height:28px}
.finance-car-filter .tile-icon{width:14px;height:14px}
.finance-fallback-car{font-size:12px;font-weight:750;overflow-wrap:anywhere}
.finance-entries{display:grid;gap:8px}
.finance-entry{display:flex;align-items:flex-start;gap:11px;background:var(--shade);border:1px solid var(--line);padding:12px;border-radius:13px}
.finance-entry-badge{display:grid;place-items:center;width:37px;height:37px;flex:0 0 37px;border-radius:11px;background:var(--surface);color:#c12b35}
.finance-entry-badge .tile-icon{height:21px;width:21px}
.finance-entry-body{flex:1;min-width:0}
.finance-entry-body>strong{font-size:13px;line-height:1.35;font-weight:820}
.finance-entry-body>small{display:block;font-size:11px;margin-top:5px;color:var(--muted)}
.finance-entry-vehicle{margin-top:8px;min-width:0}
.finance-entry-vehicle .vehicle-reference{white-space:normal;overflow-wrap:anywhere;font-size:11px;min-height:35px}
.finance-entry-body p{font-size:11px;line-height:1.55;color:var(--muted);overflow-wrap:anywhere;margin:9px 0 0;white-space:pre-wrap}
.finance-entry-money{font-size:13px;line-height:1.4;white-space:nowrap;font-weight:850;font-variant-numeric:tabular-nums}
.finance-pagination{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:13px}
.finance-pagination>span{font-size:11px;color:var(--muted)}
.finance-pagination button{min-width:79px}
.finance-muted{font-size:12px;color:var(--muted);line-height:1.55;padding:13px 5px;margin:0}
.finance-disclaimer{font-size:11px;color:var(--muted);line-height:1.55;margin:13px 0 25px}
.finance-vehicle-actions{padding:15px;margin-top:13px}
.finance-vehicle-actions-title h3{margin:0 0 5px;font-size:16px}
.finance-vehicle-actions-title p{color:var(--muted);font-size:12px;margin:0}
.finance-vehicle-actions-buttons{display:flex;flex-wrap:wrap;gap:9px;margin-top:13px}
.finance-vehicle-actions-buttons button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px;font-size:12px;border-radius:10px}
.finance-vehicle-actions-buttons .tile-icon{height:17px;width:17px}
.finance-report-open{display:inline-flex!important;align-items:center;gap:7px;min-height:36px}
.finance-report-open .tile-icon{width:17px;height:17px}
.odometer-identity{display:flex;flex-wrap:wrap;align-items:center;gap:11px;justify-content:space-between;padding:15px;margin-bottom:12px}
.odometer-identity>.vehicle-reference{min-width:0;white-space:normal;flex:1}
.odometer-current{text-align:right;display:grid;gap:5px}
.odometer-current span{font-size:11px;color:var(--muted)}
.odometer-current strong{font-size:18px;font-weight:870;font-variant-numeric:tabular-nums}
.finance-history-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}
.finance-history-heading h3{margin:0}
.finance-history-heading button{display:inline-flex;align-items:center;gap:7px;font-size:12px}
.finance-history-heading .tile-icon{width:17px;height:17px}
.odometer-list{display:grid;gap:0}
.odometer-event{display:flex;gap:13px;position:relative;padding:11px 0 12px 4px}
.odometer-event:before{content:"";position:absolute;left:12px;top:21px;bottom:-10px;width:2px;background:var(--line)}
.odometer-event:last-child:before{display:none}
.odometer-dot{width:19px;height:19px;flex:0 0 19px;position:relative;z-index:1;border:4px solid var(--surface);border-radius:50%;background:#bd2730;box-shadow:0 0 0 1px var(--line)}
.odometer-event>div:last-child{flex:1;min-width:0}
.odometer-event strong{display:block;font-size:15px;font-weight:850;font-variant-numeric:tabular-nums}
.odometer-event small{display:block;margin-top:4px;font-size:11px;color:var(--muted)}
.odometer-event p{margin:5px 0 0;font-size:11px;color:var(--muted);line-height:1.5}
@media(max-width:730px){.finance-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.finance-filter-grid label:first-child{grid-column:1/-1}}
@media(max-width:520px){.finance-hero{padding:15px;gap:10px}.finance-hero-icon{width:45px;height:45px;flex-basis:45px}.finance-hero h2{font-size:18px}.finance-summary-cards{grid-template-columns:1fr}.finance-filter-box,.finance-analysis{padding:13px}.finance-presets .finance-export{margin-left:0;flex:1;justify-content:center}.finance-entry{gap:8px;padding:9px}.finance-entry-badge{width:29px;height:29px;flex-basis:29px}.finance-entry-money{font-size:12px}.finance-car-grid{grid-template-columns:1fr}.finance-vehicle-actions-buttons button{flex:1}}