#js-tool-container-abkhazia-vehicle-customs { --abc-green: #1f6b4a; --abc-red: #b33a3a; --abc-gold: #c9a227; } html[data-theme="dark"] #js-tool-container-abkhazia-vehicle-customs { --abc-green: #3fa87a; --abc-red: #e07070; --abc-gold: #e2c45a; } #js-tool-container-abkhazia-vehicle-customs .abc-app { display:flex; flex-direction:column; gap:14px; } #js-tool-container-abkhazia-vehicle-customs .tb-mz-flow { display:flex; flex-direction:column; gap:14px; } #js-tool-container-abkhazia-vehicle-customs .tb-grid-3 { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px 16px; } #js-tool-container-abkhazia-vehicle-customs .tb-grid-2 { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px 16px; } #js-tool-container-abkhazia-vehicle-customs .tb-fieldset { border:1px solid var(--border-color); border-radius:var(--radius-md); padding:14px; margin:0; } #js-tool-container-abkhazia-vehicle-customs .tb-legend { padding:0 8px; font-size:0.85rem; color:var(--text-secondary); } #js-tool-container-abkhazia-vehicle-customs .tb-field { display:flex; flex-direction:column; gap:6px; min-width:0; } #js-tool-container-abkhazia-vehicle-customs .tb-hint { font-size:0.8rem; color:var(--text-muted); line-height:1.35; } #js-tool-container-abkhazia-vehicle-customs .abc-border { display:grid; grid-template-columns: 12px 1fr auto; gap:14px; align-items:center; padding:14px; border:1px solid var(--border-color); border-radius:var(--radius-md); background: var(--bg-secondary); } #js-tool-container-abkhazia-vehicle-customs .abc-flag-rail { display:flex; flex-direction:column; gap:4px; height:88px; } #js-tool-container-abkhazia-vehicle-customs .abc-rail-seg { flex:1; border-radius:4px; } #js-tool-container-abkhazia-vehicle-customs .abc-rail-seg--a { background: var(--abc-green); } #js-tool-container-abkhazia-vehicle-customs .abc-rail-seg--b { background: var(--bg-primary); border:1px solid var(--border-color); } #js-tool-container-abkhazia-vehicle-customs .abc-rail-seg--c { background: var(--abc-red); } #js-tool-container-abkhazia-vehicle-customs .abc-compare-bars { display:flex; gap:18px; align-items:flex-end; min-height:88px; } #js-tool-container-abkhazia-vehicle-customs .abc-bar-col { display:flex; flex-direction:column; align-items:center; gap:6px; width:52px; color:var(--text-muted); font-size:0.75rem; } #js-tool-container-abkhazia-vehicle-customs .abc-bar { width:100%; border-radius:8px 8px 4px 4px; min-height:8px; transition: height 0.3s ease; } #js-tool-container-abkhazia-vehicle-customs .abc-bar--ra { background: linear-gradient(180deg, var(--abc-green), color-mix(in srgb, var(--abc-green) 50%, var(--accent-primary))); height:28px; } #js-tool-container-abkhazia-vehicle-customs .abc-bar--eaeu { background: linear-gradient(180deg, var(--abc-red), color-mix(in srgb, var(--abc-red) 40%, var(--text-muted))); height:70px; } #js-tool-container-abkhazia-vehicle-customs .abc-save-pill { justify-self:end; align-self:start; padding:6px 10px; border-radius:999px; border:1px solid var(--border-color); background: color-mix(in srgb, var(--abc-gold) 18%, var(--bg-primary)); color: var(--text-secondary); font-size:0.78rem; font-variant-numeric: tabular-nums; white-space: nowrap; } #js-tool-container-abkhazia-vehicle-customs .tb-hero { border:1px solid var(--border-color); border-left:4px solid var(--abc-green); border-radius:var(--radius-md); background: color-mix(in srgb, var(--abc-green) 10%, var(--bg-secondary)); padding:18px 20px; display:flex; flex-direction:column; gap:8px; min-height:140px; } #js-tool-container-abkhazia-vehicle-customs .tb-hero-label { font-size:0.9rem; color:var(--text-secondary); } #js-tool-container-abkhazia-vehicle-customs .tb-hero-row { display:flex; align-items:baseline; gap:10px; flex-wrap:wrap; } #js-tool-container-abkhazia-vehicle-customs .tb-hero-value { font-size:clamp(1.9rem,5vw,2.8rem); font-weight:700; line-height:1.05; font-variant-numeric:tabular-nums; } #js-tool-container-abkhazia-vehicle-customs .tb-unit { color:var(--text-secondary); } #js-tool-container-abkhazia-vehicle-customs .tb-hero-note { margin:0; font-size:0.86rem; color:var(--text-secondary); line-height:1.4; } #js-tool-container-abkhazia-vehicle-customs .tb-hero-chips { display:flex; flex-wrap:wrap; gap:8px; } #js-tool-container-abkhazia-vehicle-customs .tb-chip { display:inline-flex; padding:4px 10px; border-radius:999px; border:1px solid var(--border-color); background:var(--bg-primary); font-size:0.78rem; color:var(--text-secondary); font-variant-numeric:tabular-nums; } #js-tool-container-abkhazia-vehicle-customs .tb-status { padding:10px 12px; border-radius:var(--radius-sm); border:1px solid var(--border-color); background:var(--bg-secondary); font-size:0.88rem; color:var(--text-secondary); line-height:1.4; } #js-tool-container-abkhazia-vehicle-customs .tb-status--warn { background:var(--warning-light); color:var(--text-primary); } #js-tool-container-abkhazia-vehicle-customs .tb-status--ok { background:var(--success-light); } #js-tool-container-abkhazia-vehicle-customs .abc-ledger { display:flex; flex-direction:column; gap:8px; } #js-tool-container-abkhazia-vehicle-customs .abc-led-row { display:flex; justify-content:space-between; gap:12px; padding:10px 12px; border:1px solid var(--border-color); border-radius:var(--radius-sm); background:var(--bg-secondary); font-size:0.9rem; color:var(--text-secondary); font-variant-numeric:tabular-nums; } #js-tool-container-abkhazia-vehicle-customs .abc-led-row strong { color:var(--text-primary); } #js-tool-container-abkhazia-vehicle-customs .abc-led-row--sum { border-color: color-mix(in srgb, var(--abc-gold) 45%, var(--border-color)); background: color-mix(in srgb, var(--abc-gold) 14%, var(--bg-secondary)); } #js-tool-container-abkhazia-vehicle-customs .tb-mz-actions { display:flex; gap:10px; } #js-tool-container-abkhazia-vehicle-customs .tb-btn { appearance:none; border:1px solid var(--accent-primary); background:var(--accent-primary); color:#fff; border-radius:999px; padding:10px 16px; cursor:pointer; font-size:0.9rem; } #js-tool-container-abkhazia-vehicle-customs .tb-table-wrap { overflow-x:auto; border:1px solid var(--border-color); border-radius:var(--radius-md); background:var(--bg-secondary); } #js-tool-container-abkhazia-vehicle-customs .tb-table { width:100%; border-collapse:collapse; font-variant-numeric:tabular-nums; min-width:480px; } #js-tool-container-abkhazia-vehicle-customs .tb-table caption { text-align:left; padding:12px 14px; font-size:0.84rem; color:var(--text-muted); } #js-tool-container-abkhazia-vehicle-customs .tb-table th, #js-tool-container-abkhazia-vehicle-customs .tb-table td { padding:10px 14px; border-top:1px solid var(--border-color); text-align:left; font-size:0.9rem; overflow-wrap:anywhere; } #js-tool-container-abkhazia-vehicle-customs .tb-table thead th { background:color-mix(in srgb,var(--bg-tertiary) 80%, transparent); color:var(--text-secondary); font-weight:600; border-top:0; } #js-tool-container-abkhazia-vehicle-customs .tb-table tbody tr:hover { background:color-mix(in srgb,var(--accent-light) 55%, transparent); } #js-tool-container-abkhazia-vehicle-customs .tb-spec-norm { color:var(--text-muted); font-size:0.84rem; } @media (max-width:720px) { #js-tool-container-abkhazia-vehicle-customs .tb-grid-3, #js-tool-container-abkhazia-vehicle-customs .tb-grid-2 { grid-template-columns:1fr; } #js-tool-container-abkhazia-vehicle-customs .abc-border { grid-template-columns: 10px 1fr; } #js-tool-container-abkhazia-vehicle-customs .abc-save-pill { grid-column: 2; } #js-tool-container-abkhazia-vehicle-customs .abc-app { gap:10px; } }