#js-tool-container-russia-car-transport-calculator .rus-app { display:flex; flex-direction:column; gap:20px; color:var(--text-primary); } #js-tool-container-russia-car-transport-calculator .rus-controls, #js-tool-container-russia-car-transport-calculator .rus-outcome, #js-tool-container-russia-car-transport-calculator .rus-details { display:flex; flex-direction:column; gap:14px; } #js-tool-container-russia-car-transport-calculator .tbcalc-fieldset { margin:0; padding:14px 16px 16px; border:1px solid var(--border-color); border-radius:var(--radius-md); display:flex; flex-direction:column; gap:14px; } #js-tool-container-russia-car-transport-calculator .tbcalc-legend { padding:0 6px; color:var(--text-secondary); font-weight:650; } #js-tool-container-russia-car-transport-calculator .tb-grid-3 { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px 18px; } #js-tool-container-russia-car-transport-calculator .tb-grid-2 { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px 18px; } #js-tool-container-russia-car-transport-calculator .tb-field { display:flex; flex-direction:column; gap:6px; min-width:0; } #js-tool-container-russia-car-transport-calculator .tb-label { color:var(--text-primary); font-size:.92rem; font-weight:550; } #js-tool-container-russia-car-transport-calculator .tb-input, #js-tool-container-russia-car-transport-calculator .tb-select { min-height:44px; width:100%; padding:9px 11px; color:var(--text-primary); background:var(--bg-secondary); border:1px solid var(--border-color); border-radius:var(--radius-sm); font:inherit; } #js-tool-container-russia-car-transport-calculator .tbcalc-hint { color:var(--text-muted); font-size:.79rem; line-height:1.35; } #js-tool-container-russia-car-transport-calculator .tb-hero { min-height:148px; padding:18px 20px; border:1px solid var(--border-color); border-radius:var(--radius-md); background:var(--accent-light); display:flex; flex-direction:column; justify-content:center; gap:7px; } #js-tool-container-russia-car-transport-calculator .tb-hero-label { color:var(--text-secondary); font-size:.9rem; } #js-tool-container-russia-car-transport-calculator .tb-hero-row { display:flex; align-items:baseline; gap:9px; flex-wrap:wrap; } #js-tool-container-russia-car-transport-calculator .tb-hero-value { color:var(--text-primary); font-size:clamp(1.95rem,5.5vw,3.15rem); font-weight:750; line-height:1.04; font-variant-numeric:tabular-nums; } #js-tool-container-russia-car-transport-calculator .tb-unit { color:var(--text-secondary); font-size:1rem; } #js-tool-container-russia-car-transport-calculator .tb-hero-note { margin:0; color:var(--text-secondary); font-size:.86rem; line-height:1.4; } #js-tool-container-russia-car-transport-calculator .tb-hero-chips { display:flex; flex-wrap:wrap; gap:7px; } #js-tool-container-russia-car-transport-calculator .tb-chip { display:inline-flex; align-items:center; min-height:26px; padding:3px 9px; border:1px solid var(--border-color); border-radius:999px; background:var(--bg-secondary); color:var(--text-secondary); font-size:.78rem; font-variant-numeric:tabular-nums; } #js-tool-container-russia-car-transport-calculator .tbcalc-status { padding:10px 13px; border-left:3px solid var(--accent-primary); background:var(--bg-tertiary); border-radius:var(--radius-sm); color:var(--text-secondary); font-size:.88rem; line-height:1.4; } #js-tool-container-russia-car-transport-calculator .tbcalc-status.warn { border-left-color:var(--warning); background:var(--warning-light); color:var(--text-primary); } #js-tool-container-russia-car-transport-calculator .tbcalc-status.danger { border-left-color:var(--danger); background:var(--danger-light); color:var(--text-primary); } #js-tool-container-russia-car-transport-calculator .tb-table-wrap { overflow-x:auto; border:1px solid var(--border-color); border-radius:var(--radius-md); -webkit-overflow-scrolling:touch; } #js-tool-container-russia-car-transport-calculator .tb-table { width:100%; border-collapse:collapse; color:var(--text-primary); font-size:.87rem; font-variant-numeric:tabular-nums; } #js-tool-container-russia-car-transport-calculator .tb-table caption { padding:12px 14px; caption-side:top; color:var(--text-secondary); font-size:.86rem; font-weight:600; text-align:left; } #js-tool-container-russia-car-transport-calculator .tb-table th { padding:10px 14px; color:var(--text-secondary); background:var(--bg-tertiary); border-bottom:1px solid var(--border-color); font-size:.74rem; letter-spacing:.045em; text-align:left; text-transform:uppercase; white-space:nowrap; } #js-tool-container-russia-car-transport-calculator .tb-table td { padding:10px 14px; border-top:1px solid var(--border-color); overflow-wrap:anywhere; } #js-tool-container-russia-car-transport-calculator .tb-table td:nth-child(n+2), #js-tool-container-russia-car-transport-calculator .tb-table tfoot td:nth-child(n+2) { text-align:right; } #js-tool-container-russia-car-transport-calculator .tb-table tbody tr:hover { background:var(--bg-tertiary); } #js-tool-container-russia-car-transport-calculator .tb-table tfoot { background:var(--accent-light); font-weight:700; } #js-tool-container-russia-car-transport-calculator .rus-limits { margin:0; color:var(--text-muted); font-size:.82rem; line-height:1.45; } #js-tool-container-russia-car-transport-calculator .rus-ticket { margin:0; display:grid; grid-template-columns:minmax(110px,1fr) minmax(160px,2fr) minmax(110px,1fr); align-items:center; overflow:hidden; border:1px dashed var(--border-color); border-radius:var(--radius-md); background:var(--bg-tertiary); } #js-tool-container-russia-car-transport-calculator .rus-ticket-side { min-height:112px; padding:15px; display:flex; flex-direction:column; justify-content:center; gap:6px; background:var(--bg-secondary); } #js-tool-container-russia-car-transport-calculator .rus-ticket-side span { color:var(--text-muted); font-size:.79rem; } #js-tool-container-russia-car-transport-calculator .rus-ticket-side strong { color:var(--text-primary); font-size:1.1rem; font-variant-numeric:tabular-nums; overflow-wrap:anywhere; } #js-tool-container-russia-car-transport-calculator .rus-ticket-arrival { border-left:1px dashed var(--border-color); } #js-tool-container-russia-car-transport-calculator .rus-ticket-track { min-height:112px; padding:16px; display:flex; align-items:center; gap:0; } #js-tool-container-russia-car-transport-calculator .rus-pin { flex:0 0 13px; width:13px; height:13px; border:3px solid var(--accent-primary); border-radius:50%; background:var(--bg-secondary); } #js-tool-container-russia-car-transport-calculator .rus-ticket-line { display:block; height:5px; flex:0 0 60%; border-radius:999px; background:var(--border-color); position:relative; overflow:hidden; } #js-tool-container-russia-car-transport-calculator .rus-ticket-line::after { content:''; display:block; width:var(--route-share,60%); height:100%; border-radius:999px; background:var(--accent-primary); transition:width .18s ease; } @media (max-width:640px) { #js-tool-container-russia-car-transport-calculator .rus-app { gap:10px; } #js-tool-container-russia-car-transport-calculator .tb-grid-2, #js-tool-container-russia-car-transport-calculator .tb-grid-3 { grid-template-columns:1fr; gap:12px; } #js-tool-container-russia-car-transport-calculator .tbcalc-fieldset { padding:13px; } #js-tool-container-russia-car-transport-calculator .rus-ticket { grid-template-columns:1fr; } #js-tool-container-russia-car-transport-calculator .rus-ticket-side { min-height:72px; } #js-tool-container-russia-car-transport-calculator .rus-ticket-track { min-height:45px; padding:10px 15px; } #js-tool-container-russia-car-transport-calculator .rus-ticket-arrival { border-left:0; border-top:1px dashed var(--border-color); } }
#js-tool-container-russia-car-transport-calculator .rus-outcome { display:block; }
#js-tool-container-russia-car-transport-calculator .rus-dispatch { min-height:0; padding:0; gap:0; display:block; overflow:hidden; border:1px solid var(--border-color); border-radius:var(--radius-md); background:var(--bg-secondary); }
#js-tool-container-russia-car-transport-calculator .rus-dispatch-head { min-height:58px; padding:12px 18px; border-bottom:1px solid var(--border-color); display:flex; align-items:center; justify-content:space-between; gap:16px; }
#js-tool-container-russia-car-transport-calculator .rus-dispatch-head div { min-width:0; display:flex; align-items:baseline; flex-wrap:wrap; gap:8px; }
#js-tool-container-russia-car-transport-calculator .rus-dispatch-head span { color:var(--text-secondary); font-size:.79rem; }
#js-tool-container-russia-car-transport-calculator .rus-dispatch-head strong { color:var(--text-primary); font-size:.92rem; overflow-wrap:anywhere; }
#js-tool-container-russia-car-transport-calculator .rus-dispatch-head small { flex:0 0 auto; color:var(--text-muted); font-size:.74rem; text-align:right; }
#js-tool-container-russia-car-transport-calculator .rus-dispatch-core { display:grid; grid-template-columns:minmax(240px,1.05fr) minmax(300px,1.25fr); }
#js-tool-container-russia-car-transport-calculator .rus-fare { min-width:0; padding:22px 20px 20px; border-right:1px solid var(--border-color); display:flex; flex-direction:column; justify-content:center; gap:8px; }
#js-tool-container-russia-car-transport-calculator .rus-fare-label { color:var(--text-secondary); font-size:.88rem; }
#js-tool-container-russia-car-transport-calculator .rus-fare-line { min-width:0; display:flex; align-items:baseline; flex-wrap:wrap; gap:8px; }
#js-tool-container-russia-car-transport-calculator .rus-fare-value { min-width:0; color:var(--text-primary); font-size:clamp(1.7rem,4.4vw,3.05rem); font-weight:760; line-height:1.04; font-variant-numeric:tabular-nums; overflow-wrap:anywhere; }
#js-tool-container-russia-car-transport-calculator .rus-fare-unit { color:var(--text-secondary); font-size:.95rem; font-weight:600; }
#js-tool-container-russia-car-transport-calculator .rus-fare-note { margin:0; color:var(--text-muted); font-size:.81rem; line-height:1.48; }
#js-tool-container-russia-car-transport-calculator .rus-route-facts { min-width:0; margin:0; padding:0; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); }
#js-tool-container-russia-car-transport-calculator .rus-route-facts div { min-width:0; min-height:122px; padding:18px 15px; border-right:1px solid var(--border-color); display:flex; flex-direction:column; justify-content:center; gap:7px; }
#js-tool-container-russia-car-transport-calculator .rus-route-facts div:last-child { border-right:0; }
#js-tool-container-russia-car-transport-calculator .rus-route-facts dt { color:var(--text-muted); font-size:.74rem; line-height:1.3; }
#js-tool-container-russia-car-transport-calculator .rus-route-facts dd { min-width:0; margin:0; color:var(--text-primary); font-size:clamp(.9rem,2vw,1.08rem); font-weight:720; font-variant-numeric:tabular-nums; overflow-wrap:anywhere; }
#js-tool-container-russia-car-transport-calculator .rus-dispatch-floor { min-width:0; padding:12px 18px; border-top:1px solid var(--border-color); background:var(--bg-tertiary); display:grid; grid-template-columns:minmax(0,1fr) auto; column-gap:16px; row-gap:3px; align-items:baseline; }
#js-tool-container-russia-car-transport-calculator .rus-dispatch-floor span { color:var(--text-secondary); font-size:.8rem; }
#js-tool-container-russia-car-transport-calculator .rus-dispatch-floor strong { color:var(--text-primary); font-size:.94rem; font-variant-numeric:tabular-nums; text-align:right; overflow-wrap:anywhere; }
#js-tool-container-russia-car-transport-calculator .rus-dispatch-floor small { grid-column:1/-1; color:var(--text-muted); font-size:.73rem; line-height:1.35; }
#js-tool-container-russia-car-transport-calculator .rus-outcome .tbcalc-status { margin-top:14px; }
@media (max-width:760px) { #js-tool-container-russia-car-transport-calculator .rus-dispatch-core { grid-template-columns:1fr; } #js-tool-container-russia-car-transport-calculator .rus-fare { padding:19px 16px; border-right:0; border-bottom:1px solid var(--border-color); } #js-tool-container-russia-car-transport-calculator .rus-route-facts div { min-height:92px; padding:15px; } }
@media (max-width:500px) { #js-tool-container-russia-car-transport-calculator .rus-dispatch-head { align-items:flex-start; flex-direction:column; padding:13px 14px; gap:7px; } #js-tool-container-russia-car-transport-calculator .rus-dispatch-head small { text-align:left; } #js-tool-container-russia-car-transport-calculator .rus-fare { padding:18px 14px; } #js-tool-container-russia-car-transport-calculator .rus-route-facts { grid-template-columns:1fr; } #js-tool-container-russia-car-transport-calculator .rus-route-facts div { min-height:0; padding:13px 14px; border-right:0; border-bottom:1px solid var(--border-color); } #js-tool-container-russia-car-transport-calculator .rus-route-facts div:last-child { border-bottom:0; } #js-tool-container-russia-car-transport-calculator .rus-dispatch-floor { padding:12px 14px; } }