/* Visual system adapted from the user's ПРОМА calculator. */
.apply-freight{display:block;margin-top:5px;width:98px}
.section-navigation{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 26px;border-bottom:1px solid var(--line);padding-bottom:12px}.section-navigation a{padding:9px 13px;border-radius:9px;color:var(--muted);font-size:12px;text-decoration:none}.section-navigation a:hover{background:#e7edf5}.section-navigation a.active{color:var(--blue);background:var(--blue-pale);font-weight:650}.workflow-steps{display:flex;list-style:none;padding:0;margin:0 0 22px;gap:20px;flex-wrap:wrap;color:var(--muted);font-size:11px}.workflow-steps li:first-child{color:var(--navy);font-weight:650}.workspace-start{padding:34px 36px;background:white;border:1px solid var(--line);border-left:4px solid var(--blue);border-radius:14px;margin-bottom:32px}.workspace-start h2{font-size:27px;letter-spacing:-.7px;color:var(--navy);margin:8px 0}.workspace-start p{color:var(--muted);font-size:12px}.workspace-start .start-label{font-size:10px;font-weight:650;letter-spacing:.5px}.action-link{display:inline-flex;gap:35px;align-items:center;text-decoration:none;padding:12px 18px;border-radius:9px;margin-top:22px}.action-link.primary{background:var(--blue);color:white}.action-link:hover{background:var(--blue-dark)}.work-queue,.work-links{max-width:900px;margin-bottom:30px}.work-queue h2,.work-links h2{font-size:16px;color:var(--navy);margin-bottom:12px}.task-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:17px 2px;width:100%;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;text-decoration:none;text-align:left;color:var(--navy)}.task-row:hover{background:#eaf0f8}.task-row strong{display:block;font-size:13px;font-weight:600}.task-row small{display:block;font-size:11px;color:var(--muted);margin-top:5px}.queue-clear{font-size:12px;color:var(--muted);padding:13px 0}.next-actions{display:flex;gap:12px;flex-wrap:wrap;margin:22px 0 5px;padding-top:18px;border-top:1px solid var(--line)}.role-explanation{background:var(--blue-pale);padding:12px 14px;border-radius:9px;font-size:12px;margin:18px 0}.advanced-parameters{margin-top:18px}.advanced-parameters>summary{cursor:pointer;color:var(--blue);font-size:12px}.advanced-parameters[open]>.form-grid{margin-top:18px}@media(max-width:760px){.workspace-start{padding:24px 20px}.workspace-start h2{font-size:23px}.workflow-steps{gap:8px;font-size:10px}.section-navigation{gap:3px;margin-bottom:22px}.section-navigation a{font-size:11px;padding:8px 10px}.task-row small{max-width:260px}.sidebar nav{overflow-x:auto;flex-wrap:nowrap}.sidebar nav a{flex-shrink:0}}
.wordmark .brand-logo{display:block;width:170px;max-width:100%;height:auto;flex-shrink:0}.sidebar .wordmark{min-height:33px}.login-story .wordmark .brand-logo{width:240px}@media(max-width:760px){.sidebar .wordmark .brand-logo{width:155px}.login-story .wordmark .brand-logo{width:190px}}
.sidebar nav{overflow-y:auto;min-height:0}.filter-bar{display:flex;gap:14px;align-items:flex-end;flex-wrap:wrap;margin-bottom:22px}.filter-bar label{min-width:130px;flex:1}.filter-bar>button{margin-bottom:0}.section-title{margin:28px 0 16px;font-size:18px;color:var(--navy)}.markup-guides{display:flex;gap:22px;flex-wrap:wrap;padding:14px 0 0;font-size:11px}.markup-guides strong{color:var(--navy)}.market-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding:20px 0 28px}.market-summary>div{font-size:11px;color:var(--muted)}.market-summary strong{display:block;font-size:25px;color:var(--navy);margin-top:7px;letter-spacing:-.7px}#history-state{max-height:55vh;overflow:auto}#dialog-body:has(#history-state){padding-top:14px}.badge+.badge{margin-top:5px}@media(max-width:760px){.market-summary{grid-template-columns:repeat(2,1fr)}.filter-bar{gap:10px}.filter-bar label{min-width:110px}.markup-guides{gap:10px}}
.quote-panel .card-header #cart-count{background:#ffffff18;color:#d4e4ff}
@font-face{font-family:Onest;src:url('/static/onest-cyrillic.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap;unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Onest;src:url('/static/onest-latin.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{--navy:#00173d;--navy-2:#061f49;--blue:#196eff;--blue-dark:#0757dd;--blue-pale:#eaf1ff;--green:var(--navy);--deep:var(--navy);--lime:#dce9ff;--bg:#f2f4f6;--ink:#20252d;--muted:#606a75;--line:#dfe4e9;--amber:#a96800;--red:#c43d3d;--radius:16px}
html{background:var(--bg);min-width:320px}body{font-family:Onest,sans-serif;font-size:13px;line-height:1.5;min-width:320px}button,input,select,textarea{font-family:inherit}button{min-height:40px;border-radius:10px;font-size:12px;padding:9px 14px;transition:background .16s,transform .16s,border-color .16s}button:hover{background:#f7f9fc;border-color:#b7c0c9}button:active:not(:disabled){transform:translateY(1px)}button.primary{background:var(--blue);border-color:var(--blue);color:#fff}button.primary:hover{background:var(--blue-dark);border-color:var(--blue-dark)}button.small{min-height:32px;font-size:11px;padding:6px 11px}button.icon-button{border-radius:9px;min-height:32px;width:32px;height:32px;padding:0;display:grid;place-items:center}button.icon-button:hover{background:#7287a31a}button:disabled{opacity:.38}a.link,.link-button{color:var(--blue)}:focus-visible{outline:3px solid #196eff3d;outline-offset:2px}
.workspace{grid-template-columns:218px minmax(0,1fr);min-height:100dvh}.main{min-width:0}.sidebar{background:var(--navy);color:#fff;padding:28px 13px 18px;border:0;height:100dvh;z-index:5}.sidebar .wordmark{color:white;font-size:23px;padding:0 11px;letter-spacing:.3px}.brand-icon{font-size:30px}.brand-dot{color:#70a6ff}.workspace-label{font-size:8px;letter-spacing:1.3px;color:#6e87ac;margin:43px 11px 14px}nav a{min-height:44px;color:#a0b3cd;font-size:11px;padding:11px 10px;gap:10px;border-radius:9px;margin-bottom:4px;font-weight:600}nav a.active{background:#196eff38;color:white}nav a.active .nav-icon{color:#73acff}nav a:hover:not(.active){background:#ffffff0d;color:white}.nav-icon{width:19px;display:inline-flex;align-items:center;justify-content:center}.nav-icon svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.profile{border-top:1px solid #ffffff1a;gap:8px;padding-top:19px}.profile strong{font-size:11px;font-weight:650}.profile small{color:#91a8c9;font-size:9px;line-height:1.45;max-width:119px}.profile>.icon-button{margin-left:auto;color:#a3b8d8}.avatar{background:white;color:var(--navy);width:32px;height:32px;font-size:11px}
.topbar{height:56px;background:transparent;border-bottom:0;padding:0 34px;font-size:10px;color:var(--muted)}.slash{color:#c3cbd4}.topbar .muted{color:#89929e}#content{padding:16px 34px 60px;min-height:calc(100dvh - 56px);max-width:1580px;margin:0 auto;outline:none}.page-heading{min-height:43px;margin-bottom:26px;gap:18px}.page-heading h1{font-size:30px;letter-spacing:-1px;line-height:1.15;color:var(--navy)}.page-heading p{font-size:12px}.page-heading:has(+.card #compare-form){margin-bottom:22px}.card{border-radius:var(--radius);border-color:var(--line);min-width:0}.card-header{padding:16px 20px;min-height:58px;border-color:var(--line);gap:12px}.card-header h3{font-size:14px;letter-spacing:-.2px;color:var(--navy)}.card-body{padding:20px}.form-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:17px 18px}label{font-size:11px;font-weight:650;color:#555e69}input,select,textarea{min-height:41px;border:1px solid #cfd6dd;border-radius:9px;padding:9px 11px;font-size:12px;margin-top:7px;color:var(--ink);transition:border-color .16s,box-shadow .16s}input:hover,select:hover,textarea:hover{border-color:#aeb8c2}input:focus,select:focus,textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px #196eff19;outline:0}input[type=checkbox]{min-height:0;accent-color:var(--blue);border-radius:4px}.check{font-size:11px;font-weight:500}.form-bottom{margin-top:23px;gap:16px;align-items:center}.form-feedback{font-size:12px;margin-top:12px}.form-feedback:empty{display:none}.form-actions{gap:9px}.form-actions .primary{min-width:155px}
.compare-layout{grid-template-columns:minmax(0,1fr) 290px;gap:20px;margin-top:26px}.compare-layout>section{min-width:0}.results-heading{margin:0 0 14px;min-height:28px}.results-heading h2{font-size:17px;letter-spacing:-.35px;color:var(--navy)}.results-heading span{font-size:10px}.table-wrap{border-radius:var(--radius);max-width:100%;overscroll-behavior-x:contain}table{font-size:12px}th{font-size:10px;padding:13px 13px;background:#f8f9fb;color:var(--muted);font-weight:650;border-color:var(--line)}td{font-size:11px;padding:14px 13px;border-color:#edf0f2}td small{font-size:9px;color:#7f8994;margin-top:4px}td strong{font-weight:650;color:var(--navy)}tbody tr:hover{background:#f8faff}.best-row{background:#f5f8ff}.rank{background:#eef2f7;color:#7d8b9f;border-radius:6px}.best-row .rank{background:var(--blue-pale);color:var(--blue)}.freight-input{min-height:34px;width:98px;font-size:11px;border-radius:8px}.notice{background:#fff6e5;color:#8b641b;font-size:10px;line-height:1.6;margin:0 0 15px;padding:11px 14px;border-radius:10px}.notice.neutral{background:#eaf1ff;color:#4c6a97}.inline-note{color:#7f8994}.quote-panel{margin-top:0;top:22px;border-radius:14px}.quote-panel .card-header{background:var(--navy);padding:17px 18px;min-height:58px}.quote-panel .card-header h3{color:white}.quote-panel .card-header>span{color:#c2d8ff}.quote-panel .badge{background:#ffffff14}.quote-panel .badge:empty{display:none}.quote-empty{padding:34px 24px;font-size:11px;color:#7f8994}.quote-empty .empty-icon{color:#719bd4}.quote-body{padding:18px}.cart-line{border-color:var(--line)}.cart-line h3,.cart-line strong{color:var(--navy)}.cart-line>button{color:#8b97a6}.summary-row.total{font-size:20px;color:var(--navy);letter-spacing:-.45px;border-color:var(--line)}.quote-body .primary{min-height:43px}.quote-body .small{font-size:10px}.empty-state{padding:50px 24px}.empty-state h3{color:var(--navy);font-size:16px}.empty-state p{font-size:12px}.tabs{margin-bottom:22px;border-color:var(--line);gap:6px;padding-bottom:10px}.tabs button{font-size:12px;border-radius:9px}.tabs button.active{background:var(--blue-pale);color:var(--blue)}.toolbar{margin-bottom:18px}.toolbar select{min-height:39px}.pill,.badge{border-radius:7px;background:var(--blue-pale);color:var(--blue);font-size:10px;font-weight:600}.badge.green{background:#e4f7ec;color:#188a4d}.badge.amber{background:#fff1d8;color:#a96800}.badge.gray{background:#edf0f2;color:#687482}
.rules-card{max-width:1120px}.rules-card .form-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.rules-card .card-body{padding:25px}.rules-card textarea{max-width:690px;min-height:90px}.rules-card .form-actions{justify-content:flex-end;margin-top:23px}.audit-table td{vertical-align:top;padding-block:17px}.audit-table .wrap{max-width:300px}.audit-table td:first-child{font-variant-numeric:tabular-nums}.pagination{flex-wrap:wrap;gap:8px;margin-top:20px;font-size:11px}.pagination>span{margin-right:auto}.pagination button{min-width:32px}.pagination form{display:flex;gap:8px;align-items:flex-end}.pagination form label{display:flex;gap:8px;align-items:center;font-size:11px}.pagination input{width:64px;min-height:32px;margin:0;padding:5px 8px;text-align:center}.audit-meta{display:flex;justify-content:space-between;gap:16px;font-size:11px;color:var(--muted);flex-wrap:wrap}.audit-meta strong{color:var(--navy)}.audit-reason{padding:14px 0 21px;font-size:12px;color:var(--muted)}.diff-table{table-layout:fixed;width:100%;white-space:normal}.diff-table td{vertical-align:top;white-space:pre-wrap;overflow-wrap:anywhere;max-width:0}.diff-table th:first-child{width:31%}.diff-table td:nth-child(3){background:#f4f8ff;color:var(--navy)}dialog{width:min(740px,calc(100vw - 32px));border-radius:18px;border-color:var(--line);box-shadow:0 24px 80px #02143033}dialog::backdrop{background:#00173d66;backdrop-filter:blur(3px)}.dialog-header{padding:20px 24px}.dialog-header h2{font-size:20px;color:var(--navy)}#dialog-body{padding:24px}#dialog-body .form-grid{gap:19px}.toast{background:var(--navy);border-radius:11px;box-shadow:0 10px 35px #02143026;font-size:12px}.toast.failure{background:var(--red)}.loading{color:#7f8994}
.login-screen{grid-template-columns:minmax(450px,1.35fr) minmax(380px,.8fr);min-height:100dvh;background:var(--navy)}.login-story{position:relative;padding:48px 64px;background:var(--navy);isolation:isolate;min-height:100dvh}.login-story::before{content:"";position:absolute;inset:0;z-index:-1;opacity:.15;background-image:linear-gradient(#ffffff29 1px,transparent 1px),linear-gradient(90deg,#ffffff29 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(to bottom right,#000,transparent 75%)}.login-story::after{content:"";position:absolute;z-index:-1;width:520px;height:520px;border:1px solid #ffffff26;border-radius:50%;right:-200px;bottom:-250px;box-shadow:0 0 0 80px #ffffff06,0 0 0 160px #ffffff06}.login-story h1{font-size:clamp(42px,5vw,76px);letter-spacing:-3px;font-weight:750;line-height:1.04}.login-story .eyebrow{color:#8eb8ff}.login-story p:not(.eyebrow){color:#91a9cd}.login-story>small{color:#7d94b5}.panel-art{display:none}.login-story>div:nth-child(2){margin:auto 0}.login-side{background:#f8f9fa;padding:42px}.login-side h2{color:var(--navy);font-size:29px;letter-spacing:-1px}.login-side .primary{min-height:49px}.login-side .pill{display:none}
@media(min-width:1550px){#content{max-width:1580px}.compare-layout{grid-template-columns:minmax(0,1fr) 305px}.form-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:1250px){.workspace{grid-template-columns:198px minmax(0,1fr)}.sidebar{padding-inline:10px}.sidebar .wordmark{font-size:22px}#content{padding:16px 24px 50px}.topbar{padding:0 24px}.compare-layout{grid-template-columns:minmax(0,1fr)}.quote-panel{position:static;max-width:none}.rules-card .form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.workspace{display:block}.sidebar{position:static;height:auto;padding:18px 16px 13px}.sidebar .wordmark{font-size:22px;padding:0}.sidebar-bottom{display:block;position:absolute;right:15px;top:18px}.profile{border:0;padding:0}.profile>div,.profile>div.avatar{display:none}.profile>.icon-button{color:#a8c4e9}.workspace-label{display:none}nav{margin-top:20px;gap:4px}nav a{min-height:37px;margin:0;font-size:10px;padding:9px 10px;gap:7px}.nav-icon svg{width:16px;height:16px}.topbar{height:42px;padding:0 17px;font-size:9px}#content{padding:16px 16px 40px;min-height:calc(100dvh - 180px)}.page-heading{margin-bottom:20px;min-height:33px}.page-heading h1{font-size:26px}.heading-actions button{font-size:10px;padding:8px 11px}.card-header{padding:15px 17px;min-height:53px}.card-header h3{font-size:13px}.card-body{padding:17px}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px 12px}label{font-size:10px}input,select,textarea{font-size:13px;min-height:42px}.form-bottom{align-items:stretch;margin-top:19px}.form-actions{justify-content:space-between}.form-actions .primary{min-width:0}.form-bottom .checks{gap:12px}.check{font-size:10px}.compare-layout{margin-top:24px;gap:20px}.results-heading h2{font-size:16px}.results-heading span{max-width:45%;font-size:9px}.rules-card .card-body{padding:18px}.rules-card .form-grid{grid-template-columns:1fr;gap:18px}.rules-card input{max-width:100%}.pagination{justify-content:center;gap:6px}.pagination>span{flex-basis:100%;text-align:center;margin-bottom:6px}.pagination form label{font-size:10px}.pagination input{font-size:12px;min-height:32px}.pagination form button{display:none}.tabs button{font-size:11px}.login-screen{display:block}.login-story{min-height:220px;padding:29px 30px}.login-story h1{font-size:40px;letter-spacing:-1.8px}.login-story>div:nth-child(2){margin-top:34px}.login-story::after{display:none}.login-side{padding:38px 25px}.login-side h2{font-size:27px}#dialog-body{padding:18px}.dialog-header{padding:17px 18px}.dialog-header h2{font-size:18px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}