#js-tool-container-osago-coefficient-calculator .osc-app { display: flex; flex-direction: column; gap: 22px; color: var(--text-primary, #12141a); } #js-tool-container-osago-coefficient-calculator .tbcalc-grid-2 { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px 18px; } #js-tool-container-osago-coefficient-calculator .tbcalc-fieldset { display: flex; flex-direction: column; gap: 12px; border: 1px solid var(--border-color, rgba(16,17,22,.09)); border-radius: var(--radius-md, 12px); padding: 16px; } #js-tool-container-osago-coefficient-calculator .tbcalc-legend { padding: 0 8px; font-size: 0.86rem; font-weight: 600; color: var(--text-secondary, #4d5465); } #js-tool-container-osago-coefficient-calculator .tbcalc-hint { display: block; margin-top: 5px; font-size: 0.78rem; line-height: 1.4; color: var(--text-muted, #5a6270); } #js-tool-container-osago-coefficient-calculator .osc-outcome { display: flex; flex-direction: column; gap: 18px; } #js-tool-container-osago-coefficient-calculator .osc-head { display: grid; grid-template-columns: minmax(220px, 1.1fr) minmax(220px, 1fr); gap: 22px; align-items: start; } #js-tool-container-osago-coefficient-calculator .osc-pricebox { display: flex; flex-direction: column; gap: 6px; border-left: 3px solid var(--accent-primary, #2f66ff); padding-left: 16px; } #js-tool-container-osago-coefficient-calculator .osc-hero-label { font-size: 0.82rem; letter-spacing: 0.04em; text-transform: uppercase; color: var(--text-secondary, #4d5465); } #js-tool-container-osago-coefficient-calculator .osc-hero-row { display: flex; align-items: baseline; gap: 8px; } #js-tool-container-osago-coefficient-calculator .osc-hero-value { font-size: clamp(2.1rem, 5vw, 3rem); font-weight: 700; line-height: 1; } #js-tool-container-osago-coefficient-calculator .osc-hero-note { margin: 0; font-size: 0.86rem; line-height: 1.45; color: var(--text-secondary, #4d5465); } #js-tool-container-osago-coefficient-calculator .osc-side { display: flex; flex-direction: column; gap: 14px; } #js-tool-container-osago-coefficient-calculator .osc-chips { display: flex; flex-wrap: wrap; gap: 8px; } #js-tool-container-osago-coefficient-calculator .osc-chip { display: inline-flex; align-items: baseline; gap: 6px; padding: 7px 12px; border: 1px solid var(--border-color, rgba(16,17,22,.09)); border-radius: 999px; background: var(--bg-tertiary, #f1f2f5); font-size: 0.8rem; color: var(--text-secondary, #4d5465); } #js-tool-container-osago-coefficient-calculator .osc-chip b { font-size: 0.92rem; color: var(--text-primary, #12141a); } #js-tool-container-osago-coefficient-calculator .osc-corridor { display: flex; flex-direction: column; gap: 7px; } #js-tool-container-osago-coefficient-calculator .osc-corridor-head { display: flex; justify-content: space-between; gap: 12px; font-size: 0.82rem; color: var(--text-secondary, #4d5465); } #js-tool-container-osago-coefficient-calculator .osc-corridor-track { position: relative; height: 12px; border-radius: 6px; background: linear-gradient(90deg, var(--success, #18996b), var(--warning, #b57c17) 55%, var(--danger, #cf4f42)); } #js-tool-container-osago-coefficient-calculator .osc-corridor-marker { position: absolute; top: -4px; width: 4px; height: 20px; border-radius: 2px; background: var(--text-primary, #12141a); transform: translateX(-2px); } #js-tool-container-osago-coefficient-calculator .osc-corridor-legend { margin: 0; font-size: 0.76rem; line-height: 1.4; color: var(--text-muted, #5a6270); } #js-tool-container-osago-coefficient-calculator .osc-analysis { display: flex; flex-direction: column; gap: 12px; } #js-tool-container-osago-coefficient-calculator .osc-chain { display: flex; flex-direction: column; } #js-tool-container-osago-coefficient-calculator .osc-chain-row { display: grid; grid-template-columns: minmax(110px, 1.4fr) max-content max-content minmax(150px, 1.6fr); align-items: center; gap: 10px 14px; padding: 9px 2px; border-top: 1px solid var(--border-color, rgba(16,17,22,.09)); font-size: 0.86rem; } #js-tool-container-osago-coefficient-calculator .osc-chain-head { border-top: 0; padding-bottom: 6px; font-size: 0.74rem; letter-spacing: 0.03em; text-transform: uppercase; color: var(--text-muted, #5a6270); } #js-tool-container-osago-coefficient-calculator .osc-chain-name { display: flex; flex-direction: column; gap: 2px; font-weight: 600; } #js-tool-container-osago-coefficient-calculator .osc-chain-sub { font-style: normal; font-weight: 400; font-size: 0.76rem; color: var(--text-muted, #5a6270); } #js-tool-container-osago-coefficient-calculator .osc-chain-mult { font-weight: 600; white-space: nowrap; } #js-tool-container-osago-coefficient-calculator .osc-chain-effect { font-size: 0.8rem; white-space: nowrap; } #js-tool-container-osago-coefficient-calculator .osc-eff-up { color: var(--danger, #cf4f42); } #js-tool-container-osago-coefficient-calculator .osc-eff-down { color: var(--success, #18996b); } #js-tool-container-osago-coefficient-calculator .osc-eff-flat { color: var(--text-muted, #5a6270); } #js-tool-container-osago-coefficient-calculator .osc-chain-cum { display: flex; align-items: center; gap: 10px; } #js-tool-container-osago-coefficient-calculator .osc-chain-bar { display: block; flex: 1 1 auto; height: 8px; border-radius: 4px; background: var(--bg-tertiary, #f1f2f5); overflow: hidden; } #js-tool-container-osago-coefficient-calculator .osc-chain-fill { display: block; height: 100%; width: 0; border-radius: 4px; background: var(--accent-primary, #2f66ff); transition: width 220ms ease-out; } #js-tool-container-osago-coefficient-calculator .osc-chain-sum { min-width: 76px; text-align: right; font-weight: 600; white-space: nowrap; } #js-tool-container-osago-coefficient-calculator .osc-chain-base .osc-chain-mult, #js-tool-container-osago-coefficient-calculator .osc-chain-base .osc-chain-effect { color: var(--text-muted, #5a6270); font-weight: 400; } #js-tool-container-osago-coefficient-calculator .osc-details { display: flex; flex-direction: column; gap: 12px; } #js-tool-container-osago-coefficient-calculator .tbcalc-table-wrap { overflow-x: auto; } #js-tool-container-osago-coefficient-calculator .tbcalc-table { width: 100%; border-collapse: collapse; font-size: 0.86rem; } #js-tool-container-osago-coefficient-calculator .osc-table-caption { caption-side: top; text-align: left; padding: 10px 14px; font-size: 0.84rem; color: var(--text-secondary, #4d5465); } #js-tool-container-osago-coefficient-calculator .tbcalc-table th, #js-tool-container-osago-coefficient-calculator .tbcalc-table td { padding: 9px 14px; text-align: left; border-top: 1px solid var(--border-color, rgba(16,17,22,.09)); } #js-tool-container-osago-coefficient-calculator .tbcalc-table thead th { border-top: 0; color: var(--text-secondary, #4d5465); font-weight: 600; font-size: 0.8rem; } #js-tool-container-osago-coefficient-calculator .tbcalc-table tbody th { font-weight: 600; } #js-tool-container-osago-coefficient-calculator .osc-kbm-active { background: var(--accent-light, rgba(47,102,255,.1)); } #js-tool-container-osago-coefficient-calculator .osc-limits { margin: 0; font-size: 0.84rem; line-height: 1.5; color: var(--text-muted, #5a6270); } @media (max-width: 600px) { #js-tool-container-osago-coefficient-calculator .tbcalc-grid-2 { grid-template-columns: 1fr; } #js-tool-container-osago-coefficient-calculator .osc-metrics { grid-template-columns: 1fr; } #js-tool-container-osago-coefficient-calculator .osc-metric { border-right: 0; border-bottom: 1px solid var(--border-color, rgba(16,17,22,.09)); } #js-tool-container-osago-coefficient-calculator .osc-metric:last-child { border-bottom: 0; } #js-tool-container-osago-coefficient-calculator .osc-chain-row { grid-template-columns: 1fr auto; row-gap: 6px; } #js-tool-container-osago-coefficient-calculator .osc-chain-head { display: none; } #js-tool-container-osago-coefficient-calculator .osc-chain-effect { grid-column: 1; text-align: left; } #js-tool-container-osago-coefficient-calculator .osc-chain-cum { grid-column: 1 / -1; } #js-tool-container-osago-coefficient-calculator .osc-head { grid-template-columns: 1fr; } }