/* Idea by Heorhii Matikashvili, 2026 | Nickname: georgenoex */
:root{
  --bg:#f4f7fb;--panel:#fff;--line:#dfe6ef;--text:#142033;--muted:#697586;
  --blue:#1769e0;--blue2:#0f58c7;--green:#14a44d;--amber:#f5a623;--red:#d93b43;
  --red-bg:#fff0f1;--red-line:#f0b8bc;--shadow:0 8px 28px rgba(26,45,73,.08)
}
*{box-sizing:border-box}
html,body{min-height:100%}
body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:var(--bg);color:var(--text)}
button,input,select,textarea{font:inherit}
button{user-select:none}
[hidden]{display:none!important}

.app-shell{display:grid;grid-template-columns:250px minmax(0,1fr);min-height:100vh;transition:grid-template-columns .2s ease}
.sidebar{position:sticky;top:0;height:100vh;background:#fff;border-right:1px solid var(--line);padding:14px 12px;display:flex;flex-direction:column;z-index:20;transition:width .2s ease,padding .2s ease}
.sidebar-top{display:flex;align-items:center;gap:6px}
.brand{display:flex;gap:10px;align-items:center;padding:6px 4px 20px;min-width:0;flex:1;overflow:hidden}
.brand small{display:block;color:var(--muted);margin-top:2px;white-space:nowrap}.brand b{white-space:nowrap}.brand-copy{display:grid;align-content:center}.brand-wordmark{display:block;width:118px;height:auto;max-height:18px;object-fit:contain;object-position:left center;mix-blend-mode:multiply}
.logo{width:42px;height:42px;min-width:42px;border-radius:10px;background:#111;color:#fff;display:grid;place-items:center;font-weight:800;letter-spacing:.03em}.logo.large{width:58px;height:58px;border-radius:14px;font-size:21px}
.sidebar-toggle,.icon-btn{border:1px solid var(--line);background:#fff;border-radius:8px;cursor:pointer;color:#42516a}
.sidebar-toggle{width:34px;height:34px;margin-top:-12px}.sidebar-toggle:hover,.icon-btn:hover{background:#f3f6fa}
.sidebar nav{display:grid;gap:6px}.nav{border:0;background:transparent;border-radius:9px;text-align:left;padding:11px 12px;color:#40506a;cursor:pointer;display:flex;align-items:center;gap:9px;white-space:nowrap;min-height:43px}.nav.active,.nav:hover{background:#eaf3ff;color:var(--blue);font-weight:600}.nav-icon{width:18px;text-align:center}.nav-badge{margin-left:auto;background:var(--blue);color:#fff;border-radius:999px;padding:2px 7px;font-size:11px}.sidebar-user{margin-top:auto;border-top:1px solid var(--line);padding:13px 4px 2px;display:flex;align-items:center;gap:8px;min-width:0}.user-avatar,.profile-avatar{display:grid;place-items:center;border-radius:50%;background:#e9eef5;color:#33455f;font-weight:800}.user-avatar{width:34px;height:34px;min-width:34px;font-size:12px}.profile-avatar{width:72px;height:72px;font-size:22px}.user-copy{min-width:0;flex:1}.user-copy b,.user-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-copy small{color:var(--muted);font-size:11px;margin-top:3px}.icon-btn{width:32px;height:32px;min-width:32px}
body.sidebar-collapsed .app-shell{grid-template-columns:74px minmax(0,1fr)}
body.sidebar-collapsed .sidebar{padding-left:10px;padding-right:10px;align-items:center}
body.sidebar-collapsed .sidebar-label{display:none}
body.sidebar-collapsed .sidebar-top{display:grid;justify-items:center}
body.sidebar-collapsed .brand{padding:4px 0 8px}
body.sidebar-collapsed .sidebar-toggle{margin:0 0 10px}
body.sidebar-collapsed .nav{width:48px;justify-content:center;padding:10px;position:relative}
body.sidebar-collapsed .nav-badge{position:absolute;right:0;top:1px;padding:1px 5px}
body.sidebar-collapsed .sidebar-user{display:grid;justify-items:center}.sidebar-user .icon-btn{margin-left:auto}body.sidebar-collapsed .sidebar-user .icon-btn{margin-left:0}

main{padding:28px;min-width:0}.page{display:none}.page.active{display:block}.page-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px;gap:14px}.page-head h1{margin:0 0 5px;font-size:28px}.page-head p{margin:0;color:var(--muted)}
.search-row{display:flex;gap:10px;max-width:900px}.search-box{position:relative;flex:1;min-width:0}.search-row input{width:100%;font-size:17px;padding:13px 15px}.search-suggestions{position:absolute;left:0;right:0;top:calc(100% + 5px);z-index:25;background:#fff;border:1px solid #cfd8e5;border-radius:10px;box-shadow:0 16px 40px rgba(26,45,73,.18);overflow:hidden;max-height:430px;overflow-y:auto}.suggestion-item{width:100%;border:0;border-bottom:1px solid #edf1f5;background:#fff;padding:10px 13px;text-align:left;cursor:pointer;display:grid;grid-template-columns:minmax(150px,190px) minmax(240px,1fr) auto;gap:14px;align-items:center;color:var(--text)}.suggestion-item:last-child{border-bottom:0}.suggestion-item:hover,.suggestion-item.active{background:#edf5ff}.suggestion-article{font-weight:800;font-size:14px}.suggestion-name{display:block;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.suggestion-brand{display:block;color:var(--muted);font-size:11px;margin-top:3px}.suggestion-stock{text-align:right;white-space:nowrap}.suggestion-stock b{display:block;color:var(--green);font-size:13px}.suggestion-stock span{color:var(--muted);font-size:11px}
.filters{display:flex;gap:12px;align-items:center;margin:12px 0}.filters select{min-width:220px}.legend{font-size:13px;color:var(--muted);margin:0 0 14px}.illiquid-swatch{display:inline-block;width:14px;height:10px;border:1px solid var(--red-line);background:var(--red-bg);border-radius:3px;margin-right:6px}
.card{background:var(--panel);border:1px solid var(--line);border-radius:13px;box-shadow:var(--shadow);padding:18px}.table-card{padding:0;overflow:auto}table{width:100%;border-collapse:collapse;min-width:950px}table.stock-table{min-width:1500px}.cart-table{min-width:1050px}.orders-table{min-width:1250px}.users-table{min-width:1050px}th,td{padding:11px 12px;border-bottom:1px solid #edf1f5;text-align:left;font-size:14px;vertical-align:middle}th{background:#f8fafc;color:#536176;font-size:12px;text-transform:uppercase;letter-spacing:.02em;white-space:nowrap}tbody tr:hover{background:#fbfdff}.table-empty{text-align:center;padding:34px}
.illiquid-row{background:var(--red-bg)!important}.illiquid-row:hover{background:#ffe6e8!important}.illiquid-row td:first-child{box-shadow:inset 4px 0 0 var(--red)}
.primary,.secondary,.offer-btn,.danger-primary{border-radius:8px;padding:10px 15px;cursor:pointer}.compact{padding:7px 9px;font-size:12px;white-space:nowrap}.primary{background:var(--blue);border:1px solid var(--blue);color:#fff}.primary:hover{background:var(--blue2)}.primary:disabled{opacity:.45;cursor:not-allowed}.secondary{background:#fff;border:1px solid var(--line);color:#31415a}.secondary:hover{background:#f7f9fc}.offer-btn{background:#fff;border:1px solid var(--red);color:var(--red);font-weight:650}.offer-btn:hover,.danger-primary{background:var(--red);color:#fff}.danger-primary{border:1px solid var(--red)}
input,select,textarea{border:1px solid #cfd8e5;border-radius:8px;padding:10px 11px;background:#fff;color:var(--text)}input:focus,select:focus,textarea:focus{outline:2px solid #cfe3ff;border-color:var(--blue)}input:disabled,select:disabled{background:#f1f4f8;color:#7c8798}.fixed-value{border:1px solid var(--line);background:#f8fafc;border-radius:8px;padding:10px 11px;min-height:41px}
.stock-ok{color:var(--green);font-weight:700}.stock-zero{color:var(--red);font-weight:700}.muted{color:var(--muted);font-size:12px}.company-link{font-weight:750;color:#17263a;text-decoration:none}.company-link:hover{color:var(--blue);text-decoration:underline}.brand-badges{display:flex;flex-wrap:wrap;gap:3px;margin-top:5px}.brand-chip{display:inline-flex;align-items:center;min-height:18px;padding:1px 6px;border:1px solid #aeb8c6;border-radius:999px;color:#242d39;background:#fff;font-size:10px;font-weight:750;filter:grayscale(1)}.illiquid-badge{display:inline-block;padding:3px 7px;border-radius:999px;background:var(--red);color:#fff;font-size:11px;font-weight:750}.illiquid-note{color:#9e2027;font-size:11px;margin-top:4px;max-width:150px}.illiquid-note.strong{font-size:12px;font-weight:700}.action-stack{display:grid;gap:5px}
.qty-stepper{display:inline-grid;grid-template-columns:30px 42px 30px;align-items:stretch}.qty-stepper button{border:1px solid #cfd8e5;background:#f8fafc;cursor:pointer;font-size:18px;line-height:1}.qty-stepper button:first-child{border-radius:7px 0 0 7px}.qty-stepper button:last-child{border-radius:0 7px 7px 0}.qty-stepper input{width:42px;border-radius:0;border-left:0;border-right:0;padding:6px 3px;text-align:center;appearance:textfield}.qty-stepper input::-webkit-inner-spin-button,.qty-stepper input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.delete-btn{width:34px;height:34px;border-radius:8px;border:1px solid #f0c3c6;background:#fff;color:var(--red);cursor:pointer}.delete-btn:hover{background:var(--red-bg)}
.checkout-panel{display:grid;grid-template-columns:260px 1fr auto auto;gap:14px;align-items:end;margin-top:15px}.cart-total{display:grid;gap:4px;min-width:140px}.cart-total span{font-size:12px;color:var(--muted)}.cart-total b{font-size:20px}.empty-state{text-align:center;color:var(--muted);padding:45px}
.import-grid{display:grid;grid-template-columns:1fr 1fr 2fr auto;gap:14px;align-items:end;margin-bottom:16px}.field{display:grid;gap:6px}.field label{font-size:13px;color:#56647a;font-weight:600}.wide,.grow{min-width:0}.mapping-grid{display:grid;grid-template-columns:repeat(6,minmax(145px,1fr));gap:12px;margin:15px 0}.warning{background:#fff7e8;border:1px solid #f4d59c;color:#77531a;border-radius:9px;padding:11px;margin-bottom:10px}.result{margin-top:16px;padding:14px 16px;border-radius:10px;background:#edf9f1;border:1px solid #bfe8ca}.error{margin-top:16px;padding:14px 16px;border-radius:10px;background:#fff0f0;border:1px solid #f0c1c1;color:#9b2226}
.badge{display:inline-block;padding:4px 8px;border-radius:999px;font-size:12px;font-weight:700;white-space:nowrap}.badge-new{background:#e7f1ff;color:#1769e0}.badge-confirmed{background:#e9f8ef;color:#14833b}.badge-work{background:#f3ecff;color:#6a3db0}.badge-ready{background:#fff3dc;color:#9c6210}.badge-sent{background:#eaf4ff;color:#2878c7}.badge-done{background:#e7f8ec;color:#1a7d38}.badge-rejected{background:#ffe9ea;color:#af2931}.direction{display:inline-block;padding:3px 7px;border-radius:6px;font-size:11px;font-weight:700}.direction.in{background:#edf9f1;color:#18783a}.direction.out{background:#edf4ff;color:#2665b6}.direction.all{background:#f1f3f6;color:#59677b}.ttn-code{font-family:Consolas,monospace;font-size:12px}
.tabs{display:flex;gap:7px;margin-bottom:12px}.tab{border:1px solid var(--line);background:#fff;border-radius:8px;padding:8px 14px;color:#4b5a70;cursor:pointer}.tab.active{background:#eaf3ff;border-color:#bcd5f8;color:var(--blue);font-weight:700}
.modal{position:fixed;inset:0;background:rgba(11,23,40,.42);display:grid;place-items:center;padding:20px;z-index:50}.modal-box{width:min(560px,100%);max-height:92vh;overflow:auto;background:#fff;border-radius:14px;box-shadow:0 24px 80px rgba(0,0,0,.22);padding:18px}.modal-box.order-modal-box{width:min(860px,100%)}.small-modal{width:min(430px,100%)}.modal-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:12px}.modal-head h3{margin:0}.modal-head button{border:0;background:transparent;font-size:26px;cursor:pointer}.modal-box .field{margin-top:12px}.part-summary{padding:12px;background:#f6f9fd;border-radius:9px}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.order-info-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:12px 0}.order-info-grid>div{background:#f7f9fc;border:1px solid var(--line);border-radius:9px;padding:10px}.order-info-grid span{display:block;color:var(--muted);font-size:11px;margin-bottom:5px}.order-items-wrap{margin:12px 0}.order-items-wrap table{min-width:650px}.order-manage-block{display:grid;grid-template-columns:240px 1fr;gap:12px}
.toast{position:fixed;right:22px;bottom:82px;max-width:min(520px,calc(100vw - 32px));background:#19283d;color:#fff;padding:12px 16px;border-radius:9px;box-shadow:var(--shadow);opacity:0;transform:translateY(12px);pointer-events:none;transition:.2s;z-index:100;line-height:1.35}.toast.show{opacity:1;transform:none}

.cabinet-grid{display:grid;grid-template-columns:minmax(320px,.8fr) minmax(480px,1.4fr);gap:16px;margin-bottom:16px}.profile-card{display:flex;align-items:center;gap:18px}.profile-card h2{margin:0 0 4px}.profile-card p{margin:0 0 9px;color:var(--muted)}.role-pill{display:inline-block;padding:5px 9px;background:#edf4ff;color:#265eaa;border-radius:999px;font-size:12px;font-weight:700}.form-row{display:grid;grid-template-columns:1fr 1fr auto;gap:10px;align-items:end}.align-end{align-self:end}.user-management h2,.user-management h3{margin-top:0}.section-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.section-head p{margin:4px 0 0}.user-create-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr 1.2fr auto;gap:10px;align-items:end;margin:14px 0}.inner-table{box-shadow:none;border-radius:9px}.row-actions{display:flex;gap:6px;flex-wrap:wrap}.state-active{color:#16793a;font-weight:700}.state-off{color:#a6373e;font-weight:700}code{background:#f3f5f8;padding:2px 5px;border-radius:5px}

.login-body{background:radial-gradient(circle at 25% 20%,#edf5ff 0,#f6f8fb 42%,#eef2f6 100%);display:grid;place-items:center;padding:25px}.login-shell{width:min(920px,100%);display:grid;grid-template-columns:1fr 390px;gap:70px;align-items:center}.login-brand{display:flex;gap:18px;align-items:center}.login-brand-copy{display:grid;gap:8px}.login-brand-wordmark{display:block;width:min(300px,44vw);height:auto;mix-blend-mode:multiply}.login-brand p{font-size:18px;color:var(--muted);margin:0}.login-card{background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 22px 70px rgba(31,50,79,.14);padding:26px;display:grid;gap:14px}.login-card h2{margin:0}.login-card p{margin:0 0 2px}.login-card label{display:grid;gap:6px;font-size:13px;font-weight:650;color:#4c5b70}.login-card input{font-size:16px;padding:12px}.login-submit{margin-top:4px;font-size:15px}.login-help{font-size:11px;color:var(--muted);text-align:center}.compact-error{margin:0;padding:10px}

@media(max-width:1350px){.user-create-grid{grid-template-columns:repeat(3,1fr)}.mapping-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:1100px){.checkout-panel{grid-template-columns:1fr 1fr}.import-grid{grid-template-columns:1fr 1fr}.cabinet-grid{grid-template-columns:1fr}.order-info-grid{grid-template-columns:1fr 1fr}}
@media(max-width:760px){
  .app-shell,body.sidebar-collapsed .app-shell{display:block}.sidebar{position:sticky;top:0;height:auto;display:flex;flex-direction:row;align-items:center;padding:7px 9px;border-right:0;border-bottom:1px solid var(--line);overflow-x:auto}.sidebar-top{display:flex!important}.brand{padding:0}.brand .sidebar-label{display:none}.sidebar-toggle{display:none}.sidebar nav{display:flex;margin-left:8px}.nav{padding:9px}.nav .sidebar-label{display:none}.nav-badge{position:absolute;right:0;top:0}.nav{position:relative}.sidebar-user{margin:0 0 0 auto;border:0;padding:0}.sidebar-user .sidebar-label{display:none}main{padding:14px}.page-head h1{font-size:23px}.search-row{flex-direction:column}.filters{align-items:flex-start;flex-direction:column}.suggestion-item{grid-template-columns:1fr auto}.suggestion-name-wrap{grid-column:1/-1;grid-row:2}.import-grid,.mapping-grid,.checkout-panel,.form-row,.user-create-grid,.order-manage-block{grid-template-columns:1fr}.order-info-grid{grid-template-columns:1fr 1fr}.login-shell{grid-template-columns:1fr;gap:25px}.login-brand{justify-content:center}.login-brand-wordmark{width:min(250px,70vw)}.login-brand p{font-size:15px}
}

/* v0.5 */
.switch-control{display:inline-flex;align-items:center;gap:8px;cursor:pointer;color:#40506a;font-size:14px;white-space:nowrap}.switch{position:relative;width:42px;height:24px;display:inline-block;flex:0 0 auto}.switch input{opacity:0;width:0;height:0;position:absolute}.switch-slider{position:absolute;inset:0;border-radius:999px;background:#c8d1dd;transition:.18s}.switch-slider:before{content:"";position:absolute;width:18px;height:18px;left:3px;top:3px;border-radius:50%;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.2);transition:.18s}.switch input:checked + .switch-slider{background:var(--blue)}.switch input:checked + .switch-slider:before{transform:translateX(18px)}.switch input:disabled + .switch-slider{opacity:.45;cursor:not-allowed}
.stock-clear-card{margin-top:16px}.stock-clear-card h3{margin:0 0 4px}.clear-stock-grid{display:grid;grid-template-columns:1fr 1.2fr auto;gap:12px;align-items:end;margin:14px 0}.danger-warning{background:#fff0f1;border-color:#f0b8bc;color:#932a31;margin:0}.permissions-modal-box{width:min(680px,100%)}.permissions-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.permission-check{display:flex;gap:10px;align-items:flex-start;border:1px solid var(--line);border-radius:10px;padding:12px;cursor:pointer;background:#fbfcfe}.permission-check:hover{border-color:#bad3f6;background:#f6faff}.permission-check input{margin-top:3px;width:18px;height:18px}.permission-check span{display:grid;gap:3px}.permission-check b{font-size:14px}.permission-check small{font-size:12px;color:var(--muted);line-height:1.35}
@media(max-width:900px){.clear-stock-grid,.permissions-grid{grid-template-columns:1fr}}

/* v0.6 */
table.stock-table{min-width:1780px}.retail-price{font-weight:750;color:#185e9f}.mapping-grid{grid-template-columns:repeat(7,minmax(135px,1fr))}
.avatar-slot{background-position:center;background-size:cover;background-repeat:no-repeat;overflow:hidden}.avatar-slot.has-photo{color:transparent}.profile-card-v2{align-items:flex-start}.profile-photo-wrap{flex:0 0 auto}.profile-main{min-width:0}.profile-contacts{display:flex;flex-wrap:wrap;gap:8px 16px;margin:8px 0}.profile-contacts a{color:#3d5d86;text-decoration:none;font-size:13px}.profile-contacts a:hover{text-decoration:underline}.profile-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px}.markup-card{margin-bottom:16px}.markup-card h2{margin:0}.markup-table{min-width:620px}.markup-input{width:130px}.markup-example{color:#49617f}.profile-edit-grid,.user-edit-grid{display:grid;grid-template-columns:1fr 1fr;gap:2px 12px}.profile-edit-grid .full,.user-edit-grid .full{grid-column:1/-1}.user-edit-modal-box{width:min(760px,100%)}
.user-cell{display:flex;align-items:center;gap:9px}.mini-avatar{width:36px;height:36px;min-width:36px;border-radius:50%;display:grid;place-items:center;background:#e8eef6;color:#354962;font-weight:800;font-size:11px;background-position:center;background-size:cover}.mini-avatar.has-photo{font-size:0}.danger{background:#fff;border:1px solid #efb7bb;color:var(--red);border-radius:8px;cursor:pointer}.danger:hover{background:var(--red-bg)}
@media(max-width:1350px){.mapping-grid{grid-template-columns:repeat(4,minmax(145px,1fr))}}
@media(max-width:760px){.profile-edit-grid,.user-edit-grid,.mapping-grid{grid-template-columns:1fr}.profile-edit-grid .full,.user-edit-grid .full{grid-column:auto}.profile-card-v2{align-items:center}}


/* v0.7 */
table.stock-table{min-width:1900px}
.in-cart-badge{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border-radius:999px;background:#eaf3ff;color:#1769e0;font-size:12px;font-weight:750;white-space:nowrap}
.cart-qty-indicator{white-space:nowrap}
.cart-preview{position:fixed;left:278px;right:28px;bottom:16px;z-index:32;background:rgba(255,255,255,.98);border:1px solid #cfd9e7;border-radius:13px;box-shadow:0 12px 42px rgba(25,45,76,.18);padding:10px 12px;backdrop-filter:blur(8px)}
body.sidebar-collapsed .cart-preview{left:102px}
body.cart-preview-active #page-search{padding-bottom:112px}
.cart-preview-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}
.cart-preview-head>div{display:flex;align-items:baseline;gap:10px;min-width:0}.cart-preview-head b{font-size:13px}.cart-preview-head span{font-size:11px;color:var(--muted);white-space:nowrap}
.cart-preview-items{display:flex;gap:8px;overflow-x:auto;padding-bottom:2px;scrollbar-width:thin}
.cart-preview-item{display:flex;align-items:center;gap:8px;flex:0 0 auto;min-width:190px;max-width:270px;border:1px solid var(--line);background:#f8fafc;border-radius:9px;padding:7px 7px 7px 10px}
.cart-preview-copy{display:grid;gap:2px;min-width:0;flex:1}.cart-preview-copy b{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cart-preview-copy span{font-size:10px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cart-preview-remove{width:25px;height:25px;min-width:25px;border:1px solid #efc2c5;background:#fff;color:var(--red);border-radius:7px;cursor:pointer;font-size:17px;line-height:1}.cart-preview-remove:hover{background:var(--red-bg)}
@media(max-width:760px){.cart-preview,body.sidebar-collapsed .cart-preview{left:14px;right:14px;bottom:12px}.cart-preview-head{align-items:flex-start}.cart-preview-item{min-width:170px}body.cart-preview-active #page-search{padding-bottom:125px}}

/* v0.8 */
.purchase-price-hidden .purchase-price-col{display:none}
.sort-control{display:inline-flex;align-items:center;gap:7px;color:#40506a;font-size:13px;white-space:nowrap}.sort-control select{min-width:210px}
.brand-logos{display:flex;align-items:center;gap:5px;flex-wrap:wrap;margin-top:5px;min-height:22px}.brand-logo{display:inline-flex;align-items:center;justify-content:center;height:22px;min-width:27px;max-width:55px;padding:1px 3px;border:1px solid #d6dde7;border-radius:6px;background:#fff}.brand-logo img{display:block;max-height:16px;max-width:47px;width:auto;height:auto;object-fit:contain;filter:grayscale(1)}
.stats-head{align-items:center}.stats-controls{display:flex;gap:8px}.stats-scope{margin:-8px 0 14px}.stats-kpis{display:grid;grid-template-columns:repeat(6,minmax(130px,1fr));gap:12px;margin-bottom:14px}.stat-kpi{padding:14px}.stat-kpi span{display:block;color:var(--muted);font-size:12px;margin-bottom:5px}.stat-kpi b{font-size:24px}.stats-value-hidden{display:none}.stats-grid{display:grid;grid-template-columns:1.3fr .9fr;gap:14px;margin-bottom:14px}.stats-grid h2{margin:0;font-size:18px}.status-stats{display:grid;gap:12px;margin-top:14px}.status-stat>div:first-child{display:flex;justify-content:space-between;gap:8px;font-size:13px}.status-bar{height:8px;background:#edf1f6;border-radius:999px;overflow:hidden;margin-top:5px}.status-bar i{display:block;height:100%;background:var(--blue);border-radius:999px}.stats-trend{display:grid;gap:6px;max-height:390px;overflow:auto;margin-top:12px}.trend-row{display:grid;grid-template-columns:50px 1fr 56px;gap:7px;align-items:center;font-size:11px}.trend-row>span,.trend-row>small{color:var(--muted)}.trend-row>small{text-align:right}.trend-bars{display:grid;gap:2px}.trend-bars i{display:block;height:5px;border-radius:99px;min-width:0}.trend-search{background:var(--blue)}.trend-order{background:var(--green)}
@media(max-width:1350px){.stats-kpis{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){.stats-grid{grid-template-columns:1fr}.stats-kpis{grid-template-columns:repeat(2,1fr)}.sort-control{width:100%;justify-content:space-between}.sort-control select{min-width:0;flex:1}}

/* v0.9 */
table.stock-table{min-width:1780px}
.action-stack.action-icons{display:flex;align-items:center;gap:5px;min-width:38px}
.action-icon{position:relative;width:36px;height:34px;min-width:36px;padding:0;border-radius:8px;display:inline-grid;place-items:center;cursor:pointer;font-size:16px;line-height:1;font-weight:800}
.action-icon:disabled{opacity:.4;cursor:not-allowed}
.order-action{background:var(--blue);border:1px solid var(--blue);color:#fff}.order-action:hover:not(:disabled){background:var(--blue2)}
.offer-action{background:#fff;border:1px solid var(--red);color:var(--red)}.offer-action:hover{background:var(--red);color:#fff}
.hover-tooltip{position:fixed;z-index:200;background:#172235;color:#fff;border-radius:7px;padding:7px 10px;font-size:12px;box-shadow:0 6px 20px rgba(0,0,0,.18);pointer-events:none;white-space:nowrap;max-width:280px}
.supplier-price-row{background:#f1f7ff}.supplier-price-row:hover{background:#e8f3ff!important}.supplier-price-row td:first-child{box-shadow:inset 4px 0 0 #4b92ed}
.supplier-source{display:grid;gap:4px}.supplier-source b{color:#163d70}.supplier-source span,.source-pill{display:inline-flex;width:max-content;padding:3px 7px;border-radius:999px;background:#e4f0ff;color:#1769e0;font-size:10px;font-weight:750}.delivery-time{display:inline-block;max-width:135px;color:#3d5d86;font-size:12px;font-weight:650}
.supplier-import-grid{display:grid;grid-template-columns:1fr 1fr 1.6fr auto;gap:12px;align-items:end;margin-bottom:14px}.supplier-mapping-grid{display:grid;grid-template-columns:repeat(6,minmax(145px,1fr));gap:12px}.supplier-list-card{margin-top:14px}.supplier-list-card h2{margin:0}.supplier-table{min-width:760px}
@media(max-width:1350px){.supplier-import-grid{grid-template-columns:1fr 1fr}.supplier-mapping-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.supplier-import-grid,.supplier-mapping-grid{grid-template-columns:1fr}.action-icon{width:34px;height:32px;min-width:34px}}
.supplier-suggestion{background:#f8fbff}.suggestion-price-source{text-align:right;white-space:nowrap}.suggestion-price-source b{display:block;color:#1769e0;font-size:12px}.suggestion-price-source span{display:block;color:var(--muted);font-size:10px;max-width:190px;overflow:hidden;text-overflow:ellipsis}

/* v0.10 — fixed workspace, denser stock grid, wholesale accounts */
html,body{height:100%;min-height:0;overflow:hidden}
.app-shell{height:100vh;min-height:0;overflow:hidden}
.sidebar{position:relative;height:100vh;min-height:0}
main{height:100vh;min-height:0;overflow:hidden;padding:20px 22px}
.page.active{height:100%;min-height:0;overflow:auto}
#page-search.page.active{display:flex;flex-direction:column;overflow:hidden}
#page-search .page-head{flex:0 0 auto;margin-bottom:10px}
#page-search .page-head h1{font-size:26px;margin-bottom:3px}
#page-search .search-row{flex:0 0 auto;max-width:920px}
#page-search .search-row input{font-size:15px;padding:11px 13px}
#page-search .filters{flex:0 0 auto;margin:9px 0;gap:9px;flex-wrap:wrap}
#page-search .filters select{min-width:190px;padding:8px 9px}
#page-search #brandFilter{min-width:170px}
#page-search .sort-control select{min-width:185px}
#page-search .legend{flex:0 0 auto;margin:0 0 8px;font-size:12px}
.search-results-card{flex:1 1 auto;min-height:160px;overflow:auto;overscroll-behavior:contain;border-radius:10px}
.search-results-card .stock-table{margin:0}
.search-results-card .stock-table thead th{position:sticky;top:0;z-index:8;background:#f8fafc;box-shadow:0 1px 0 #dde5ef}
.stock-table th,.stock-table td{padding:9px 10px;font-size:13px;line-height:1.22}
.stock-table th{font-size:11px}
.stock-table .muted{font-size:10px}
.stock-table .brand-logos{margin-top:3px;min-height:18px}
.stock-table .brand-logo{height:19px;min-width:24px;max-width:50px}
.stock-table .brand-logo img{max-height:13px;max-width:43px}
.stock-table .illiquid-badge{font-size:10px;padding:2px 6px}
.stock-table .illiquid-note{font-size:10px;margin-top:2px}
.stock-table .qty-stepper{grid-template-columns:27px 38px 27px}
.stock-table .qty-stepper input{width:38px;padding:4px 2px}
.stock-table .action-icon{width:32px;height:30px;min-width:32px;font-size:14px}
.product-brand{display:block;color:#34445b;font-size:11px;font-weight:800;margin-top:3px;letter-spacing:.01em}
.wholesale-user-fields{display:grid;grid-template-columns:1fr 1fr;gap:2px 12px;margin-top:4px;padding:12px;border:1px solid #cfe0f5;background:#f7fbff;border-radius:10px}
.wholesale-user-fields .full{grid-column:1/-1}.wholesale-pricing-note{font-size:12px;color:#52667f;line-height:1.4}
.wholesale-pill{display:inline-flex;padding:3px 7px;border-radius:999px;background:#edf5ff;color:#1769e0;font-size:10px;font-weight:800;margin-top:3px}
.stats-mode-tabs{margin:0 0 10px}.stats-mode-tabs .tab{min-width:110px}
body.wholesale-user .internal-only{display:none!important}
body.wholesale-user #showPrices{display:none}
body.wholesale-user .purchase-price-col{display:none!important}
body.wholesale-user #companyFilter{min-width:220px}
body.wholesale-user #personalMarkupCard{display:none!important}
body.wholesale-user .cart-preview-toggle{display:flex}
@media(max-width:1250px){#page-search .filters select{min-width:160px}.switch-control{font-size:12px}.sort-control{font-size:12px}}
@media(max-width:760px){.wholesale-user-fields{grid-template-columns:1fr}.wholesale-user-fields .full{grid-column:auto}}
/* fit the complete stock grid on a 1920×1080 workspace with the full sidebar */
table.stock-table{min-width:1560px}
.direction.wholesale{background:#edf5ff;color:#1769e0}

/* v0.11 — configurable columns, compact wholesale catalogue, supplier stocks */
.supplier-two-column{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:start}
.supplier-two-column>.card{min-width:0}.supplier-two-column h2{margin:0 0 12px;font-size:18px}
.supplier-stock-row{background:#f1fbf5}.supplier-stock-row:hover{background:#e7f7ee!important}.supplier-stock-row td:first-child{box-shadow:inset 4px 0 0 #25a55f}
.stock-source-pill{background:#e7f7ee!important;color:#158344!important}.supplier-stock-suggestion{background:#f4fbf7}
.column-management{margin-top:14px}.column-management h2{margin:0}.column-scope-field{max-width:420px;margin:12px 0}
.column-settings-grid{display:grid;grid-template-columns:repeat(4,minmax(180px,1fr));gap:8px 12px;margin-top:12px}
.column-settings-grid label{display:flex;align-items:center;gap:8px;padding:9px 10px;border:1px solid var(--line);border-radius:8px;background:#f8fafc;font-size:13px;color:#394a62}
.column-settings-grid input{width:16px;height:16px;margin:0}
/* Оптовий каталог навмисно мінімальний: номер, назва/бренд, наявність, ціна, кількість, кошик. */
body.wholesale-user #page-search [data-col="company"],
body.wholesale-user #page-search [data-col="warehouse"],
body.wholesale-user #page-search [data-col="group"],
body.wholesale-user #page-search [data-col="physical"],
body.wholesale-user #page-search [data-col="reserved"],
body.wholesale-user #page-search [data-col="illiquid"],
body.wholesale-user #page-search [data-col="purchase_price"],
body.wholesale-user #page-search [data-col="delivery"],
body.wholesale-user #page-search [data-col="updated"],
body.wholesale-user #page-search [data-col="cart"]{display:none!important}
body.wholesale-user table.stock-table{min-width:760px}
body.wholesale-user .search-results-card{max-width:1250px}
@media(max-width:1450px){.supplier-two-column{grid-template-columns:1fr}.column-settings-grid{grid-template-columns:repeat(3,minmax(170px,1fr))}}
@media(max-width:900px){.column-settings-grid{grid-template-columns:repeat(2,minmax(150px,1fr))}}
@media(max-width:600px){.column-settings-grid{grid-template-columns:1fr}}

/* v0.12 — external procurement, pending quantities, hot parts */
table.stock-table{min-width:1640px}
.ordered-qty b{color:#7a4e00;background:#fff4d6;border:1px solid #f1d387;border-radius:999px;padding:3px 7px;white-space:nowrap;font-size:11px}
.hot-flame{display:inline-block;margin-left:6px;font-size:15px;transform-origin:50% 90%;filter:drop-shadow(0 1px 2px rgba(255,102,0,.25));animation:hotFlame 1.05s ease-in-out infinite;cursor:help;vertical-align:-1px}
@keyframes hotFlame{0%,100%{transform:translateY(0) scale(.94) rotate(-2deg);filter:drop-shadow(0 1px 2px rgba(255,102,0,.25))}35%{transform:translateY(-1px) scale(1.11) rotate(2deg);filter:drop-shadow(0 2px 4px rgba(255,72,0,.45))}70%{transform:translateY(0) scale(1.01) rotate(-1deg)}}
.external-order-action{background:#fff;border:1px solid #39986a;color:#187346}.external-order-action:hover{background:#eaf8f0}
.supplier-inline{margin-top:3px;color:#52708b;font-size:10px;font-weight:650}
#page-external-orders .orders-table{min-width:1080px}
body.wholesale-user table.stock-table{min-width:900px}
@media(prefers-reduced-motion:reduce){.hot-flame{animation:none}}

/* v0.15 — quick distributor curator assignment */
.supplier-owner{display:block;margin-top:2px;font-size:10px;font-weight:700;color:#405b7a}
.supplier-profile-add{display:grid;grid-template-columns:1.4fr 1.2fr 1fr auto;gap:10px;align-items:end;margin:12px 0}
.supplier-profile-add .field{margin:0}.supplier-profile-name,.supplier-profile-delivery,.supplier-profile-stock-delivery,.supplier-profile-price-delivery,.supplier-profile-owner{width:100%;min-width:140px}
#companySuppliersBody input,#companySuppliersBody select{padding:7px 8px;border:1px solid var(--line);border-radius:7px;background:#fff}
/* Оптовик тепер незалежний і має бачити, у якої компанії/дистриб'ютора він купує. */
body.wholesale-user #page-search [data-col="company"],
body.wholesale-user #page-search [data-col="warehouse"],
body.wholesale-user #page-search [data-col="delivery"]{display:table-cell!important}
body.wholesale-user table.stock-table{min-width:1180px}
body.wholesale-user .search-results-card{max-width:none}
@media(max-width:900px){.supplier-profile-add{grid-template-columns:1fr 1fr}.supplier-profile-add .align-end{align-self:end}}
@media(max-width:620px){.supplier-profile-add{grid-template-columns:1fr}}

.supplier-curator-editor{display:flex;align-items:center;gap:6px;min-width:220px}.supplier-curator-editor select{min-width:170px;max-width:240px;height:32px;padding:4px 28px 4px 8px;font-size:12px}.supplier-curator-editor button{width:34px;height:32px;padding:0;font-size:15px}

/* v0.16 — internal notifications and chat */
.communication-settings-card{margin-bottom:16px}.communication-settings-card h2{margin:0}.communication-settings-grid{display:grid;grid-template-columns:repeat(2,minmax(260px,1fr));gap:10px;margin-top:14px}.setting-toggle{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:12px 14px;border:1px solid var(--line);border-radius:10px;background:#fbfcfe;cursor:pointer}.setting-toggle>span:first-child{display:grid;gap:3px}.setting-toggle b{font-size:14px}.setting-toggle small{font-size:11px;color:var(--muted);line-height:1.35}
.chat-launcher{position:fixed;right:18px;bottom:18px;width:48px;height:48px;border:0;border-radius:50%;background:var(--blue);color:#fff;box-shadow:0 10px 30px rgba(20,83,170,.28);cursor:pointer;z-index:74;font-size:20px;display:grid;place-items:center}.chat-launcher:hover{transform:translateY(-1px)}.chat-launcher b{position:absolute;right:-4px;top:-5px;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:#e53945;color:#fff;display:grid;place-items:center;font-size:10px;border:2px solid #fff}.chat-launcher[hidden]{display:none!important}
.chat-drawer{position:fixed;top:0;right:0;width:min(430px,96vw);height:100vh;background:#fff;border-left:1px solid var(--line);box-shadow:-18px 0 48px rgba(22,37,61,.14);z-index:80;transform:translateX(102%);transition:transform .22s ease;display:flex;flex-direction:column;min-height:0}.chat-drawer.open{transform:none}.chat-drawer-head{display:flex;align-items:center;justify-content:space-between;padding:14px 14px 10px;border-bottom:1px solid var(--line)}.chat-drawer-head>div{display:grid;gap:2px}.chat-drawer-head b{font-size:16px}.chat-drawer-head small{font-size:11px;color:var(--muted)}.chat-tabs{display:grid;grid-template-columns:1fr 1fr 1.25fr;border-bottom:1px solid var(--line);padding:0 10px}.chat-tabs button{position:relative;border:0;background:transparent;padding:11px 5px;color:#53657e;cursor:pointer;border-bottom:2px solid transparent}.chat-tabs button.active{color:var(--blue);border-bottom-color:var(--blue);font-weight:700}.chat-tabs button b{display:inline-grid;place-items:center;min-width:18px;height:18px;border-radius:999px;background:#e53945;color:#fff;font-size:9px;margin-left:3px}
.chat-list-view{display:flex;flex-direction:column;min-height:0;flex:1}.chat-filter{padding:10px;border-bottom:1px solid var(--line)}.chat-filter input{width:100%;padding:9px 10px;border:1px solid var(--line);border-radius:9px}.chat-list{overflow:auto;min-height:0;flex:1}.chat-list-empty{padding:28px 18px;text-align:center;color:var(--muted);font-size:13px}.chat-list-item{display:flex;gap:10px;align-items:center;padding:11px 12px;border-bottom:1px solid #edf1f6;cursor:pointer;background:#fff}.chat-list-item:hover{background:#f6f9fd}.chat-list-item.unread{background:#eef6ff}.chat-list-avatar{width:38px;height:38px;min-width:38px;border-radius:50%;display:grid;place-items:center;background:#eaf0f7;color:#35506f;font-weight:800;font-size:11px;background-size:cover;background-position:center}.chat-list-copy{min-width:0;flex:1}.chat-list-copy b,.chat-list-copy span,.chat-list-copy small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-list-copy b{font-size:13px}.chat-list-copy span{font-size:12px;color:#4e627e;margin-top:2px}.chat-list-copy small{font-size:10px;color:var(--muted);margin-top:3px}.chat-unread{min-width:21px;height:21px;padding:0 6px;border-radius:999px;background:var(--blue);color:#fff;font-size:10px;display:grid;place-items:center}.notification-kind{font-size:10px;font-weight:700;color:#55708f;text-transform:uppercase;letter-spacing:.03em}
.chat-active-view{display:flex;flex-direction:column;flex:1;min-height:0}.chat-active-head{display:flex;align-items:center;gap:9px;padding:10px;border-bottom:1px solid var(--line)}.chat-active-title{min-width:0;flex:1}.chat-active-title b,.chat-active-title small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-active-title b{font-size:14px}.chat-active-title small{font-size:10px;color:var(--muted);margin-top:2px}.chat-messages{flex:1;min-height:0;overflow:auto;padding:13px;background:#f5f8fc;display:flex;flex-direction:column;gap:8px}.chat-message{max-width:84%;padding:9px 11px;border-radius:12px;background:#fff;border:1px solid #e2e8f1;align-self:flex-start;box-shadow:0 2px 6px rgba(34,54,82,.04)}.chat-message.mine{align-self:flex-end;background:#e8f2ff;border-color:#c8ddf9}.chat-message.system{max-width:94%;align-self:center;background:#fff8df;border-color:#f3dda1;color:#5f5129;text-align:center}.chat-message-head{font-size:10px;font-weight:700;color:#47617e;margin-bottom:3px}.chat-message-text{font-size:13px;white-space:pre-wrap;word-break:break-word;line-height:1.4}.chat-message-time{font-size:9px;color:#8492a5;text-align:right;margin-top:4px}.chat-compose{display:grid;grid-template-columns:1fr 44px;gap:8px;padding:10px;border-top:1px solid var(--line);background:#fff}.chat-compose textarea{resize:none;border:1px solid var(--line);border-radius:10px;padding:9px 10px;font:inherit;min-height:42px;max-height:110px}.chat-compose button{width:44px;padding:0}
.notification-stack{position:fixed;right:18px;top:18px;width:min(360px,calc(100vw - 36px));display:grid;gap:8px;z-index:90;pointer-events:none}.notification-toast{pointer-events:auto;background:#fff;border:1px solid #dce5f0;border-left:4px solid var(--blue);border-radius:11px;padding:11px 12px;box-shadow:0 12px 35px rgba(22,43,72,.18);cursor:pointer;animation:notifyIn .2s ease}.notification-toast.chat{border-left-color:#6f54d9}.notification-toast.order{border-left-color:#1b9b58}.notification-toast b{display:block;font-size:13px;margin-bottom:3px}.notification-toast span{display:block;font-size:12px;color:#4d6079;line-height:1.35}.notification-toast small{display:block;font-size:9px;color:#8794a5;margin-top:5px}@keyframes notifyIn{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
body.chat-drawer-open .chat-launcher{right:448px}
@media(max-width:900px){.communication-settings-grid{grid-template-columns:1fr}.chat-drawer{width:min(430px,100vw)}body.chat-drawer-open .chat-launcher{display:none}.notification-stack{right:10px;top:10px;width:calc(100vw - 20px)}}
/* v0.17 chat files, replies and API integrations */
.chat-compose{grid-template-columns:38px 1fr 44px;align-items:end}.chat-compose .chat-attach-btn{width:38px;height:42px;padding:0;font-size:18px}.chat-reply-preview{display:flex;align-items:center;gap:8px;padding:7px 10px;background:#f4f7fb;border-top:1px solid var(--line);border-left:3px solid var(--blue)}.chat-reply-preview>div{display:grid;gap:1px;min-width:0;flex:1}.chat-reply-preview small{font-size:9px;color:var(--muted)}.chat-reply-preview b{font-size:11px;color:#315679}.chat-reply-preview span{font-size:11px;color:#5c6c80;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-reply-box{border-left:3px solid #8aaee0;background:#f3f7fc;border-radius:6px;padding:5px 7px;margin-bottom:6px;font-size:10px;color:#53657e;max-width:100%}.chat-reply-box b{display:block;color:#315679;margin-bottom:2px}.chat-message-actions{display:flex;justify-content:flex-end;gap:4px;margin-top:3px;opacity:.35;transition:opacity .15s}.chat-message:hover .chat-message-actions{opacity:1}.chat-message-actions button{border:0;background:transparent;padding:1px 4px;color:#667b95;cursor:pointer;font-size:11px}.chat-attachments{display:grid;gap:5px;margin-top:6px}.chat-file-card{display:flex;align-items:center;gap:7px;padding:6px 7px;border:1px solid #dbe5f0;background:#fff;border-radius:8px;text-decoration:none;color:#243c5a;min-width:180px}.chat-file-card:hover{background:#f6f9fd}.chat-file-card .file-icon{font-size:20px}.chat-file-card .file-copy{min-width:0;display:grid;gap:1px}.chat-file-card b{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:240px}.chat-file-card small{font-size:9px;color:var(--muted)}.chat-image-preview{display:block;margin-top:6px;max-width:260px;max-height:180px;border-radius:8px;border:1px solid #dce5ef;object-fit:cover}.notification-toast-actions{display:flex;gap:6px;margin-top:8px}.notification-toast-actions button{border:1px solid #d5e0ed;background:#fff;border-radius:7px;padding:5px 8px;font-size:10px;cursor:pointer}.notification-quick-reply{display:grid;grid-template-columns:1fr auto;gap:5px;margin-top:7px}.notification-quick-reply input{min-width:0;border:1px solid #cbd8e8;border-radius:7px;padding:6px 7px;font-size:11px}.notification-quick-reply button{border:0;background:var(--blue);color:#fff;border-radius:7px;padding:5px 8px;cursor:pointer}
.api-client-add{display:grid;grid-template-columns:1.4fr 1fr 1.2fr auto;gap:10px;align-items:end;margin:10px 0}.api-scope-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:10px 0 14px}.api-scope-grid label{display:flex;align-items:flex-start;gap:7px;border:1px solid var(--line);background:#fbfcfe;border-radius:8px;padding:8px 9px;font-size:11px}.api-scope-grid input{margin-top:2px}.api-key-result{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:8px;align-items:center;border:1px solid #b9d8bd;background:#f0fff2;border-radius:9px;padding:10px;margin-bottom:12px}.api-key-result code{word-break:break-all;background:#fff;border:1px solid #d5ead8;padding:7px;border-radius:6px}.api-key-result small{grid-column:1/-1;color:#55725a}.api-doc-hint{font-size:11px;color:#5f7188;margin-top:10px}.api-doc-hint code{background:#f4f6f9;padding:2px 4px;border-radius:4px}@media(max-width:1100px){.api-client-add{grid-template-columns:1fr 1fr}.api-scope-grid{grid-template-columns:1fr}}


/* v0.19 — documentation, changelog and login splash */
.sidebar-bottom{margin-top:auto;border-top:1px solid var(--line);background:#fff}.sidebar-bottom .sidebar-user{border-top:0}.portal-version-btn{width:100%;border:0;border-bottom:1px solid var(--line);background:#fbfcfe;color:#60738d;padding:7px 12px;display:flex;align-items:center;gap:9px;cursor:pointer;text-align:left;font-size:11px}.portal-version-btn:hover{background:#eef5ff;color:var(--blue)}.portal-version-btn .nav-icon{font-size:10px;font-weight:800;width:24px;text-align:center}.sidebar-collapsed .portal-version-btn{justify-content:center;padding-left:4px;padding-right:4px}
.help-page{overflow:auto}.help-grid{display:grid;grid-template-columns:repeat(2,minmax(320px,1fr));gap:12px;padding-bottom:24px}.help-card h2{font-size:16px;margin:0 0 8px}.help-card p{font-size:13px;line-height:1.55;color:#465d79;margin:7px 0}.help-card code{background:#f1f4f8;padding:2px 5px;border-radius:5px}.api-docs-card{padding:0;overflow:hidden}.docs-pre{margin:0;padding:20px;white-space:pre-wrap;word-break:break-word;overflow:auto;max-height:calc(100vh - 180px);font:12px/1.55 Consolas,"Courier New",monospace;background:#0d1726;color:#e4edf8}.admin-only-nav .nav-icon{font-size:8px;font-weight:800;letter-spacing:-.05em}
.changelog-modal-box{width:min(760px,94vw);max-height:88vh;display:flex;flex-direction:column}.changelog-body{overflow:auto;padding:2px 2px 10px;display:grid;gap:10px}.changelog-entry{border:1px solid var(--line);border-radius:10px;padding:12px;background:#fbfcfe}.changelog-version{display:flex;align-items:center;gap:10px;margin-bottom:7px}.changelog-version b{font-size:15px;color:#174f9e}.changelog-version span{font-size:11px;color:var(--muted)}.changelog-entry ul{margin:0;padding-left:19px;color:#40546e}.changelog-entry li{font-size:12px;line-height:1.5;margin:3px 0}.system-settings-grid{grid-template-columns:minmax(320px,680px)}
.login-splash{position:fixed;inset:0;background:#fff;z-index:9999;display:grid;place-items:center;padding:32px}.login-splash[hidden]{display:none!important}.login-splash-content{width:min(1120px,94vw);text-align:center}.login-splash-title{font-size:clamp(48px,8vw,106px);font-weight:900;letter-spacing:-.04em;color:#101721;line-height:1}.login-splash-wordmark{display:block;width:min(640px,78vw);height:auto;margin:0 auto;mix-blend-mode:multiply}.login-splash-subtitle{margin:16px 0 36px;font-size:clamp(15px,2vw,24px);font-weight:600;color:#52647b}.login-splash-logos{display:grid;grid-template-columns:repeat(6,1fr);border-top:1px solid #d4d9df;border-left:1px solid #d4d9df;max-width:1100px;margin:0 auto;background:#fff}.splash-logo-cell{height:120px;display:grid;place-items:center;border-right:1px solid #d4d9df;border-bottom:1px solid #d4d9df;padding:18px}.splash-logo-cell img{display:block;max-width:135px;max-height:62px;width:auto;height:auto;object-fit:contain;filter:grayscale(1) contrast(1.15)}
@media(max-width:1000px){.help-grid{grid-template-columns:1fr}.login-splash-logos{grid-template-columns:repeat(3,1fr)}.splash-logo-cell{height:92px}.splash-logo-cell img{max-width:105px;max-height:48px}}
@media(max-width:560px){.login-splash{padding:16px}.login-splash-logos{grid-template-columns:repeat(2,1fr)}.splash-logo-cell{height:76px}.login-splash-subtitle{margin-bottom:22px}}
@media(max-width:760px){
  .sidebar-bottom{margin:0 0 0 auto;border:0;display:flex;align-items:center;background:transparent}
  .portal-version-btn{width:auto;border:0;padding:6px 8px;border-radius:7px;background:#f5f7fa}
  .portal-version-btn .sidebar-label{display:none}
  .sidebar-bottom .sidebar-user{margin:0;border:0;padding:0 0 0 5px}
}

/* v0.20 */
.badge-received{background:#e8f7ef;color:#137a46;border-color:#b9e4cb}
.order-feedback-card{margin-top:14px;padding:14px;border:1px solid #dbe5f2;border-radius:12px;background:#f8fbff}
.order-feedback-card .section-head{margin-bottom:10px}.order-feedback-card h3{margin:0 0 3px}
.feedback-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.feedback-grid .full{grid-column:1/-1}
.external-channel-grid{display:grid;grid-template-columns:repeat(3,minmax(180px,1fr));gap:12px;margin-top:12px;align-items:end}
.external-channel-grid .setting-toggle{min-height:68px}.settings-subtitle{margin:20px 0 8px}
.notification-delete{align-self:flex-start;border:0;background:transparent;color:#9a4852;font-size:20px;line-height:1;cursor:pointer;padding:2px 6px}
.chat-message.deleted{opacity:.7}.chat-message-actions{display:flex;gap:4px}.chat-message-actions button{border:0;background:transparent;cursor:pointer;color:#51657b;padding:2px 5px}
body.driver-user .page#page-orders{display:block}
@media(max-width:1100px){.external-channel-grid{grid-template-columns:1fr 1fr}}

/* v0.21 — compact administration tabs and company-level markups */
.admin-cabinet-tabs{display:flex;gap:7px;flex-wrap:wrap;margin:18px 0 12px;padding:8px;background:#eef3f9;border:1px solid var(--line);border-radius:12px;position:sticky;top:0;z-index:9}
.admin-cabinet-tabs .tab{margin:0;background:#fff}
.admin-cabinet-tabs .tab.active{background:#eaf3ff;border-color:#9fc5f8;color:var(--blue);font-weight:750}
.markup-company-field{max-width:520px;margin:12px 0}.markup-company-field select{width:100%}.markup-company-field small{display:block;margin-top:5px}
.order-feedback-card{border-left:4px solid #f1b91e;background:#fffdf5}
.order-feedback-card input:disabled,.order-feedback-card textarea:disabled{background:#f5f7fa;color:#46566e;opacity:1}
@media(max-width:760px){.admin-cabinet-tabs{position:static;display:grid;grid-template-columns:1fr 1fr}}


/* v0.22 — company ratings and compact order score */
.order-list-rating{display:inline-flex;align-items:center;justify-content:center;min-width:42px;padding:4px 7px;border-radius:999px;background:#f1f5fa;border:1px solid #dbe4ef;font-weight:800;font-size:11px;color:#29445f;white-space:nowrap}
.company-ratings-page{overflow:auto}.ratings-note{margin:-3px 0 12px;font-size:12px;line-height:1.45}.ratings-podium{display:grid;grid-template-columns:repeat(3,minmax(220px,1fr));gap:12px;margin-bottom:14px}.rating-podium-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;background:#fff;border:1px solid var(--line);border-radius:13px;padding:14px 16px;box-shadow:0 5px 18px rgba(25,50,82,.05)}.rating-podium-card.rank-1{border-color:#e8c861;background:#fffdf4}.rating-podium-card.rank-2{border-color:#cbd3dc}.rating-podium-card.rank-3{border-color:#d8b28e}.rating-rank{font-size:25px}.rating-podium-card div{display:grid;gap:3px}.rating-podium-card b{font-size:14px}.rating-podium-card small{font-size:10px;color:var(--muted)}.rating-podium-card strong{font-size:19px;color:#145cb7}.ratings-table{min-width:1180px}.ratings-table th,.ratings-table td{white-space:nowrap}.rating-position{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#edf3fa;color:#315b8c}.rating-score{color:#135fbf}.rating-success-count{color:#11834a}.rating-refusal-count{color:#c13645}.rate-pill{display:inline-flex;padding:4px 8px;border-radius:999px;font-size:11px;font-weight:800}.rate-pill.success{background:#e8f8ef;color:#137b46}.rate-pill.refusal{background:#fff0f1;color:#b72f3d}
@media(max-width:1050px){.ratings-podium{grid-template-columns:1fr}.company-ratings-page .stats-head{align-items:flex-start}.company-ratings-page .stats-controls{flex-wrap:wrap}}


/* v0.23.2 — account segmentation and superadmin database cleanup */
.user-role-tabs{display:flex;gap:7px;flex-wrap:wrap;margin:14px 0 10px}.user-role-tabs .tab{display:flex;align-items:center;gap:7px}.user-role-tabs .tab b{display:inline-grid;place-items:center;min-width:22px;height:20px;padding:0 5px;border-radius:999px;background:#edf2f8;color:#526176;font-size:11px}.user-role-tabs .tab.active b{background:#fff;color:var(--blue)}
.user-filter-row{display:grid;grid-template-columns:minmax(210px,300px) minmax(320px,1fr) auto;gap:10px;align-items:end;margin-bottom:12px}.user-filter-summary{align-self:end;padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:#f8fafc;color:var(--muted);white-space:nowrap}
.danger-zone{margin-top:22px;padding-top:18px;border-top:2px solid #ffd4d7}.danger-zone h3{color:#ad2630;margin:0}.cleanup-grid{display:grid;grid-template-columns:repeat(3,minmax(220px,1fr));gap:9px;margin:14px 0}.cleanup-grid>.cleanup-tile{display:grid;grid-template-columns:auto minmax(0,1fr);gap:9px;align-items:start;padding:11px;border:1px solid #efc7ca;border-radius:9px;background:#fff9f9;cursor:pointer;transition:border-color .15s,background .15s,box-shadow .15s}.cleanup-grid>.cleanup-tile>input{margin-top:3px}.cleanup-grid .cleanup-copy{display:grid;gap:2px;min-width:0}.cleanup-grid small{color:var(--muted);line-height:1.3}.cleanup-item-progress{grid-column:1/-1;display:grid;gap:5px;margin-top:4px}.cleanup-item-progress[hidden]{display:none}.cleanup-item-progress-track,.cleanup-overall-track{height:8px;border-radius:999px;background:#e7edf4;overflow:hidden;border:1px solid #d7e0ea}.cleanup-item-progress-fill,.cleanup-overall-fill{height:100%;width:0;background:#2b78d6;transition:width .2s ease}.cleanup-item-status{display:block;font-size:11px;overflow-wrap:anywhere}.cleanup-tile.cleanup-running{border-color:#8dbbf0;background:#f5f9ff;box-shadow:0 0 0 2px rgba(43,120,214,.08)}.cleanup-tile.cleanup-running .cleanup-item-progress-fill{width:68%;animation:cleanup-progress-pulse 1.05s ease-in-out infinite alternate}.cleanup-tile.cleanup-success{border-color:#92d6ad;background:#f5fff9}.cleanup-tile.cleanup-success .cleanup-item-progress-fill{width:100%;background:#27945a}.cleanup-tile.cleanup-success .cleanup-item-status{color:#197446}.cleanup-tile.cleanup-error{border-color:#e78d96;background:#fff4f5;box-shadow:0 0 0 2px rgba(190,47,62,.08)}.cleanup-tile.cleanup-error .cleanup-item-progress-fill{width:100%;background:#c53b49}.cleanup-tile.cleanup-error .cleanup-item-status{color:#a52f3b;font-weight:650}.cleanup-tile.cleanup-pending .cleanup-item-progress-fill{width:0}.cleanup-overall{display:grid;gap:7px;margin:0 0 12px;padding:11px 12px;border:1px solid #d8e2ee;border-radius:9px;background:#f8fbff}.cleanup-overall[hidden]{display:none}.cleanup-overall-head{display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:12px}.cleanup-overall-summary{font-size:12px;color:var(--muted);line-height:1.35}.cleanup-overall.has-errors{border-color:#e5a3aa;background:#fff7f8}.cleanup-overall.has-errors .cleanup-overall-fill{background:#c53b49}.cleanup-overall.all-success{border-color:#9bd8b3;background:#f6fff9}.cleanup-overall.all-success .cleanup-overall-fill{background:#27945a}.cleanup-confirm-row{display:flex;gap:10px;align-items:end}.cleanup-confirm-row .field{margin:0}.cleanup-note{margin-top:9px}@keyframes cleanup-progress-pulse{from{transform:translateX(-35%)}to{transform:translateX(45%)}}
@media(max-width:1100px){.cleanup-grid{grid-template-columns:1fr 1fr}.user-filter-row{grid-template-columns:1fr 1fr}.user-filter-summary{grid-column:1/-1}}
@media(max-width:720px){.cleanup-grid,.user-filter-row{grid-template-columns:1fr}.cleanup-confirm-row{display:grid;grid-template-columns:1fr}.user-role-tabs{display:grid;grid-template-columns:1fr 1fr}}

/* v0.24.0 — security / operations */
.api-key-inline{display:block;max-width:100%;overflow:auto;white-space:nowrap;padding:8px 10px;border:1px solid var(--line,#d9dee7);border-radius:8px;background:#f7f8fa;font-size:12px}
.audit-table-wrap{max-height:360px;overflow:auto}
.audit-table-wrap thead th{position:sticky;top:0;z-index:2;background:var(--surface,#fff)}
.security-2fa-card{min-width:0}
/* v0.24.1 — price offer workflow */
.offers-table{min-width:1380px}
.offers-table td{vertical-align:middle}
.offers-table .action-stack{flex-wrap:nowrap}
.offer-flow-action.danger{border-color:#f0a4a8;color:#c92b35;background:#fff}
.offer-flow-action.danger:hover{background:#fff1f2}

/* v0.25 catalogue card / crosses / missing requests / freshness / PWA */
.article-card-link{border:0;background:transparent;padding:0;color:#0b1f38;font-weight:800;cursor:pointer;text-decoration:none;font:inherit}.article-card-link:hover{color:#0b63e6;text-decoration:underline}.empty-search-result{display:flex;flex-direction:column;gap:8px;align-items:center;justify-content:center;padding:18px}.product-card-modal{width:min(1120px,94vw);max-height:90vh;overflow:auto}.product-card-kpis{display:grid;grid-template-columns:repeat(4,minmax(120px,1fr));gap:10px;margin:0 0 14px}.product-card-kpis>div{padding:12px 14px;border:1px solid #dfe7f1;border-radius:12px;background:#f8fbff;display:flex;flex-direction:column;gap:4px}.product-card-kpis span{font-size:12px;color:#667085}.product-card-kpis b{font-size:22px}.product-card-section{margin-top:16px}.product-card-section h4{margin:0 0 8px}.cross-chip-list{display:flex;flex-wrap:wrap;gap:8px}.cross-chip{display:flex;align-items:center;gap:7px;border:1px solid #cdd9e8;background:white;border-radius:999px;padding:7px 11px;cursor:pointer;color:#10233d}.cross-chip:hover{border-color:#0b63e6;background:#f4f8ff}.cross-chip span,.cross-chip small{color:#667085;font-size:11px}.cross-import-grid{display:grid;grid-template-columns:2fr auto 1fr 1fr 1fr 1fr;gap:10px;align-items:end}.freshness-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}.freshness-badge{display:inline-flex;padding:4px 8px;border-radius:999px;font-weight:700;font-size:11px}.freshness-badge.ok{background:#e9f8ef;color:#138a42}.freshness-badge.warning{background:#fff5d6;color:#9a6500}.freshness-badge.critical{background:#ffe7e7;color:#c62828}.fresh-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin:0 4px 0 10px}.fresh-dot.ok{background:#16a34a}.fresh-dot.warning{background:#f59e0b}.fresh-dot.critical{background:#ef4444}.missing-article-card{font-weight:800}.portal-version-btn#pwaInstallBtn{color:#0b63e6}.pwa-standalone .sidebar{padding-top:max(8px,env(safe-area-inset-top))}
@media (max-width:1100px){.freshness-grid{grid-template-columns:1fr}.cross-import-grid{grid-template-columns:1fr 1fr}.product-card-kpis{grid-template-columns:1fr 1fr}}
@media (max-width:720px){.product-card-modal{width:96vw;max-height:92vh}.product-card-kpis{grid-template-columns:1fr 1fr}.cross-import-grid{grid-template-columns:1fr}.cross-chip{max-width:100%;overflow:hidden}.page-head h1{font-size:22px}.filters{gap:6px}.filters select{min-width:130px}.stock-table{font-size:11px}}

/* v0.26 — dedicated mobile-first driver workspace */
.driver-dashboard-page{max-width:980px;margin:0 auto;padding-bottom:48px}
.driver-hero{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}
.driver-eyebrow{display:block;font-size:12px;letter-spacing:.12em;font-weight:850;color:#6d7f95;margin-bottom:5px}
.driver-hero h1{font-size:30px;line-height:1.1;margin:0 0 6px;color:#182a40}
.driver-hero p{margin:0;color:#667a91;font-size:15px}
.driver-icon-button{width:52px;height:52px;min-width:52px;border:1px solid #d5e0ed;border-radius:16px;background:#fff;font-size:27px;cursor:pointer;box-shadow:0 5px 18px rgba(23,47,75,.06)}
.driver-menu-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:12px}
.driver-menu-card{position:relative;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;min-height:104px;padding:17px;border:2px solid #e1e8f1;border-radius:18px;background:#fff;text-align:left;cursor:pointer;box-shadow:0 5px 18px rgba(23,47,75,.045)}
.driver-menu-card.active{border-color:#87b9f6;background:#eef6ff;box-shadow:0 7px 22px rgba(11,99,230,.10)}
.driver-menu-icon{display:grid;place-items:center;width:52px;height:52px;border-radius:15px;background:#f0f4f9;font-size:28px}
.driver-menu-card.active .driver-menu-icon{background:#dcecff}
.driver-menu-card span:nth-child(2){display:grid;gap:4px;min-width:0}.driver-menu-card b{font-size:18px;color:#20354d}.driver-menu-card small{font-size:12px;color:#71849b;line-height:1.2}
.driver-menu-card strong{display:grid;place-items:center;min-width:38px;height:38px;padding:0 8px;border-radius:999px;background:#e9eff6;color:#264561;font-size:17px}.driver-menu-card.active strong{background:#0b63e6;color:#fff}
.driver-quick-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:0 0 22px}
.driver-quick-actions button{display:flex;align-items:center;justify-content:center;gap:8px;min-height:56px;border:1px solid #dce5ef;border-radius:15px;background:#fff;color:#334c66;font-size:15px;cursor:pointer}.driver-quick-actions button span{font-size:21px}.driver-quick-actions button b{font-size:14px}
.driver-list-head{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin:7px 2px 10px}.driver-list-head h2{margin:0;font-size:22px;color:#20354d}.driver-list-head span{font-size:12px;color:#77899f;text-align:right}
.driver-task-list{display:grid;gap:12px}.driver-task-card{border:1px solid #dce5ef;border-radius:18px;background:#fff;padding:17px;box-shadow:0 5px 20px rgba(28,53,82,.055)}
.driver-task-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:15px}.driver-task-top small{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.07em;color:#8797aa;margin-bottom:3px}.driver-task-top h3{margin:0;font-size:22px;color:#172c44}
.driver-task-source{display:grid;gap:3px;padding:13px 14px;border-radius:13px;background:#f4f7fb;margin-bottom:11px}.driver-task-source span{font-size:11px;color:#7b8da1}.driver-task-source b{font-size:17px;line-height:1.25;color:#253d57}
.driver-task-meta{display:flex;flex-wrap:wrap;gap:8px 14px;color:#61758d;font-size:13px;margin-bottom:14px}.driver-task-actions{display:grid;grid-template-columns:2fr 1fr;gap:9px}
.driver-primary-action,.driver-secondary-action{min-height:56px;border-radius:14px;font-size:17px;font-weight:800;cursor:pointer}.driver-primary-action{border:0;background:#0b63e6;color:#fff}.driver-secondary-action{border:1px solid #ccd9e7;background:#fff;color:#34506f}
.driver-empty{display:grid;place-items:center;text-align:center;gap:5px;padding:34px 18px;border:1px dashed #cdd9e7;border-radius:18px;background:#fafcff;color:#6b7f96}.driver-empty span{font-size:38px}.driver-empty b{font-size:18px;color:#405a75}.driver-empty small{font-size:13px}

body.driver-user{font-size:16px;background:#f5f8fc}
body.driver-user .app-shell{display:block}
body.driver-user .sidebar{display:none!important}
body.driver-user main{max-width:1040px;margin:0 auto;padding:24px}
body.driver-user .chat-launcher{display:none}
body.driver-user #exportOrderBtn,body.driver-user #orderManageBlock,body.driver-user #externalOrderManageBlock,body.driver-user #saveOrderBtn,body.driver-user #saveExternalOrderBtn,body.driver-user #orderFeedbackBlock,body.driver-user #externalOrderFeedbackBlock{display:none!important}
body.driver-user #orderModal .order-modal-box,body.driver-user #externalOrderModal .order-modal-box{max-width:760px;font-size:16px}
body.driver-user #orderModal .order-items-wrap th:nth-child(5),body.driver-user #orderModal .order-items-wrap td:nth-child(5),body.driver-user #orderModal .order-items-wrap th:nth-child(6),body.driver-user #orderModal .order-items-wrap td:nth-child(6),body.driver-user #externalOrderModal .order-items-wrap th:nth-child(5),body.driver-user #externalOrderModal .order-items-wrap td:nth-child(5){display:none}

@media(max-width:640px){
  body.driver-user main{padding:15px 12px 28px}
  .driver-hero{margin-bottom:14px}.driver-hero h1{font-size:26px}.driver-hero p{font-size:14px}.driver-icon-button{width:50px;height:50px;min-width:50px}
  .driver-menu-grid{grid-template-columns:1fr 1fr;gap:9px}.driver-menu-card{grid-template-columns:1fr;align-content:center;text-align:center;justify-items:center;gap:7px;min-height:142px;padding:13px 9px}.driver-menu-card:last-child{grid-column:1/-1;grid-template-columns:auto 1fr auto;min-height:94px;text-align:left;justify-items:stretch}.driver-menu-icon{width:52px;height:52px}.driver-menu-card b{font-size:17px}.driver-menu-card small{font-size:11px}.driver-menu-card strong{position:absolute;right:9px;top:9px;min-width:31px;height:31px;font-size:14px}.driver-menu-card:last-child strong{position:static;align-self:center}.driver-menu-card:last-child span:nth-child(2){text-align:left}
  .driver-quick-actions{gap:7px;margin-bottom:20px}.driver-quick-actions button{display:grid;place-items:center;align-content:center;gap:2px;min-height:67px;padding:7px 4px}.driver-quick-actions button span{font-size:24px}.driver-quick-actions button b{font-size:12px}
  .driver-list-head{align-items:flex-start;display:grid;gap:2px}.driver-list-head h2{font-size:21px}.driver-list-head span{text-align:left}
  .driver-task-card{padding:15px;border-radius:16px}.driver-task-top h3{font-size:21px}.driver-task-source b{font-size:17px}.driver-task-meta{display:grid;gap:5px;font-size:13px}.driver-task-actions{grid-template-columns:1fr}.driver-primary-action,.driver-secondary-action{min-height:58px;font-size:17px}
  body.driver-user #orderModal .modal-box,body.driver-user #externalOrderModal .modal-box{width:calc(100vw - 16px);max-height:calc(100vh - 16px);margin:8px;padding:16px}.order-info-grid{grid-template-columns:1fr!important}.order-items-wrap{overflow-x:auto}
}

/* v0.26.4 — per-company Technomir online supplier */
.online-supplier-config{margin:12px 0 18px;padding:16px;border:1px solid #d9e4f1;border-radius:14px;background:#f9fbfe}.online-supplier-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:14px}.online-supplier-head>div{display:flex;align-items:center;gap:11px}.online-supplier-logo{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:#173f6b;color:white;font-size:23px;font-weight:900}.online-supplier-head h3{margin:0 0 3px}.online-supplier-head p{margin:0;color:var(--muted);font-size:12px}.integration-state{display:inline-flex;align-items:center;min-height:28px;padding:5px 10px;border-radius:999px;font-size:11px;font-weight:800;white-space:nowrap}.integration-state.state-ok{background:#e8f8ef;color:#137b46}.integration-state.state-error{background:#fff0f1;color:#b72f3d}.integration-state.state-off{background:#edf2f7;color:#62738a}.online-supplier-grid{display:grid;grid-template-columns:minmax(200px,1fr) minmax(320px,2fr) minmax(150px,.7fr);gap:10px;align-items:end}.online-supplier-grid .field{margin:0}.online-supplier-options{display:grid;grid-template-columns:repeat(3,minmax(220px,1fr));gap:9px;margin-top:13px}.disabled-setting{opacity:.65}.integration-check-note{margin:12px 2px 0;line-height:1.45}.online-supplier-actions{justify-content:flex-end}.admin-section-divider{height:1px;background:#e0e7ef;margin:20px 0}.tehnomir-search-meta{margin:8px 0 10px;padding:10px 12px;border:1px solid #cfe0f4;border-radius:11px;background:#f4f9ff;display:flex;align-items:center;gap:9px;flex-wrap:wrap;font-size:12px;color:#405773}.tehnomir-search-meta[hidden]{display:none}.tehnomir-search-meta b{color:#173f6b}.tehnomir-search-meta.warning{border-color:#f0d7a4;background:#fff9ed;color:#805b14}.tehnomir-search-meta.warning b{color:#8b5b00}.tehnomir-cross-chip{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border:1px solid #bfd3ec;border-radius:999px;background:#fff;font-weight:700;color:#244c78}.tehnomir-row td{background:#fbfdff}.online-source-badge{display:inline-flex;padding:3px 7px;border-radius:999px;background:#e8f3ff;color:#1462b8;font-size:10px;font-weight:800;margin-left:5px}.cross-source-badge{display:inline-flex;padding:2px 6px;border-radius:999px;background:#fff3d7;color:#8a6500;font-size:9px;font-weight:800;margin-left:5px}
@media(max-width:1000px){.online-supplier-grid{grid-template-columns:1fr 1fr}.online-supplier-grid .grow-2{grid-column:1/-1}.online-supplier-options{grid-template-columns:1fr 1fr}}
@media(max-width:680px){.online-supplier-grid,.online-supplier-options{grid-template-columns:1fr}.online-supplier-grid .grow-2{grid-column:auto}.online-supplier-head{display:grid}.online-supplier-head>span{justify-self:start}.online-supplier-actions{display:grid;grid-template-columns:1fr}.tehnomir-search-meta{align-items:flex-start}}

/* v0.26.8 — grouped/collapsible search results + compact Technomir offers */
.article-with-copy{display:flex;align-items:center;gap:6px;min-width:0}.copy-article-btn{display:inline-grid;place-items:center;width:26px;height:26px;min-width:26px;padding:0;border:1px solid #cfdae7;border-radius:7px;background:#fff;color:#4f6680;font-size:14px;line-height:1;cursor:pointer}.copy-article-btn:hover{border-color:#8bb4e7;background:#f2f7fd;color:#0b63e6}.copy-article-btn:active{transform:translateY(1px)}
.search-section-row td{padding:0!important;border-top:10px solid #fff!important;border-bottom:1px solid #dce5ef!important;background:#f3f6fa!important}.search-section-title{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:38px;padding:7px 11px}.search-section-title>div{display:flex;align-items:baseline;gap:8px;min-width:0}.search-section-title b{font-size:13px;color:#20354d}.search-section-title span{font-size:10px;color:#72849a}.search-section-title strong{display:grid;place-items:center;min-width:28px;height:24px;padding:0 8px;border-radius:999px;background:#e1e8f0;color:#465d76;font-size:11px}.search-section-own td{background:#edf7ff!important}.search-section-own .search-section-title b{color:#0b5cae}.search-section-own .search-section-title strong{background:#dceeff;color:#0b5cae}.search-section-group td{background:#f5f7fa!important}.search-section-external td{background:#f7f4ff!important}.search-section-external .search-section-title b{color:#5d45a0}.search-section-external .search-section-title strong{background:#e9e1ff;color:#5d45a0}.search-section-actions{display:flex;align-items:center;gap:8px}.search-section-toggle{display:flex;align-items:center;gap:6px;height:26px;padding:0 9px;border:1px solid #d5caef;border-radius:7px;background:#fff;color:#5d45a0;font-size:10px;font-weight:800;cursor:pointer}.search-section-toggle:hover{background:#f6f2ff;border-color:#b8a5e6}.search-section-toggle i{font-style:normal;font-size:14px;line-height:1;transition:transform .15s ease}.search-section-toggle[aria-expanded="false"] i{transform:rotate(180deg)}.search-external-content-row[hidden]{display:none!important}
.tehnomir-panel-row>td{padding:0!important;background:#fff!important}.tehnomir-panel{margin:8px 0 2px;border:1px solid #d5e1ef;border-radius:12px;overflow:hidden;background:#fff}.tehnomir-panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;background:#f3f8fe;border-bottom:1px solid #d9e5f1}.tehnomir-panel-head>div{display:flex;align-items:baseline;gap:8px}.tehnomir-panel-head b{font-size:14px;color:#173f6b}.tehnomir-panel-head span:not(.online-source-badge){font-size:11px;color:#718399}.tehnomir-exact-block{padding:10px 12px 12px}.tehnomir-subhead{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:7px}.tehnomir-subhead>div{display:flex;align-items:baseline;gap:8px}.tehnomir-subhead b{font-size:12px;color:#233d58}.tehnomir-subhead span{font-size:11px;font-weight:800;color:#0b63e6}.tehnomir-subhead strong{font-size:10px;color:#63788f;font-weight:700}.tehnomir-empty-exact{padding:10px 11px;border:1px dashed #d6e1ee;border-radius:9px;background:#fafcff;color:#6b7f94;font-size:11px}
.tehnomir-offer-head,.tehnomir-offer-row{display:grid;grid-template-columns:minmax(125px,.85fr) minmax(210px,1.55fr) minmax(90px,.65fr) minmax(74px,.5fr) minmax(105px,.7fr) minmax(150px,1fr);gap:8px;align-items:center}.tehnomir-offer-head{padding:5px 8px;border-bottom:1px solid #e1e8f0;background:#f8fafc;color:#78899d;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.02em}.tehnomir-offer-row{min-height:46px;padding:7px 8px;border-bottom:1px solid #edf1f5;font-size:11px}.tehnomir-offer-row:last-child{border-bottom:0}.tehnomir-offer-row:hover{background:#fbfdff}.tehnomir-offer-article{display:flex;align-items:center;gap:5px;min-width:0}.tech-article-link{padding:0;border:0;background:transparent;color:#173f6b;font:inherit;font-weight:800;cursor:pointer;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tech-article-link:hover{color:#0b63e6;text-decoration:underline}.tehnomir-offer-article .copy-article-btn{width:24px;height:24px;min-width:24px;font-size:12px}.tehnomir-offer-name{display:grid;gap:2px;min-width:0}.tehnomir-offer-name b{font-size:11px;color:#243b55;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tehnomir-offer-name span{font-size:9px;color:#718399;font-weight:700}.tehnomir-offer-source{font-weight:700;color:#526a84;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tehnomir-offer-qty,.tehnomir-offer-price,.tehnomir-offer-delivery{display:grid;gap:1px}.tehnomir-offer-qty span,.tehnomir-offer-price span,.tehnomir-offer-delivery span{display:none;color:#8796a8;font-size:9px}.tehnomir-offer-qty b{color:#168348}.tehnomir-offer-price b{color:#234260;white-space:nowrap}.tehnomir-offer-delivery b{color:#244c78;white-space:nowrap}
.tehnomir-list-actions{display:flex;justify-content:center;padding:9px 8px 2px;border-top:1px solid #edf1f5}.tehnomir-list-toggle{min-width:210px;font-weight:800}.tehnomir-analogs{border-top:1px solid #dce6f0;padding:10px 12px 12px;background:#fbfcfe}.tehnomir-analogs-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:7px}.tehnomir-analogs-title b{font-size:12px;color:#384f68}.tehnomir-analogs-title span{font-size:10px;color:#7c8da0}.tehnomir-brand-group{margin-top:6px;border:1px solid #dce4ed;border-radius:9px;overflow:hidden;background:#fff}.tehnomir-brand-toggle{width:100%;display:grid;grid-template-columns:minmax(180px,1fr) auto 24px;align-items:center;gap:10px;padding:9px 10px;border:0;background:#fff;color:#30475f;text-align:left;cursor:pointer}.tehnomir-brand-toggle:hover{background:#f6f9fc}.tehnomir-brand-main{display:flex;align-items:baseline;gap:8px;min-width:0}.tehnomir-brand-main b{font-size:12px;color:#1f3852}.tehnomir-brand-main small{font-size:9px;color:#7b8da0}.tehnomir-brand-delivery{font-size:10px;color:#6e8298;white-space:nowrap}.tehnomir-brand-delivery b{font-size:10px;color:#24557f}.tehnomir-chevron{font-size:17px;color:#71859b;transition:transform .15s ease;text-align:center}.tehnomir-brand-toggle[aria-expanded="true"] .tehnomir-chevron{transform:rotate(180deg)}.tehnomir-brand-offers{border-top:1px solid #e2e8ef}.tehnomir-brand-offers[hidden]{display:none}
@media(max-width:1100px){.tehnomir-offer-head,.tehnomir-offer-row{grid-template-columns:minmax(120px,.9fr) minmax(180px,1.4fr) minmax(80px,.7fr) 70px 100px 135px;gap:6px}.tehnomir-offer-row{font-size:10px}}
@media(max-width:760px){.search-section-title>div{display:grid;gap:1px}.search-section-actions{gap:5px}.search-section-toggle{padding:0 7px}.search-section-toggle span{display:none}.tehnomir-panel{border-radius:10px}.tehnomir-exact-block,.tehnomir-analogs{padding:9px}.tehnomir-offer-head{display:none}.tehnomir-offer-row{grid-template-columns:1fr 1fr;gap:6px 10px;padding:9px}.tehnomir-offer-article,.tehnomir-offer-name{grid-column:1/-1}.tehnomir-offer-qty span,.tehnomir-offer-price span,.tehnomir-offer-delivery span{display:block}.tehnomir-offer-source{font-size:10px}.tehnomir-offer-delivery{grid-column:1/-1}.tehnomir-brand-toggle{grid-template-columns:1fr 24px}.tehnomir-brand-delivery{grid-column:1/2}.tehnomir-chevron{grid-column:2;grid-row:1/3}.tehnomir-brand-main{display:grid;gap:1px}.tehnomir-analogs-title{align-items:flex-start;display:grid;gap:2px}}


/* v0.26.10 — independent collapse for the exact Technomir article */
.tehnomir-subhead-actions{display:flex!important;align-items:center!important;gap:8px!important}.tehnomir-exact-toggle{display:flex;align-items:center;gap:6px;height:26px;padding:0 9px;border:1px solid #cbd9e8;border-radius:7px;background:#fff;color:#315d88;font-size:10px;font-weight:800;cursor:pointer}.tehnomir-exact-toggle:hover{background:#f3f8fe;border-color:#9ebddd}.tehnomir-exact-toggle i{font-style:normal;font-size:14px;line-height:1;transition:transform .15s ease}.tehnomir-exact-toggle[aria-expanded="false"] i{transform:rotate(180deg)}.tehnomir-exact-content[hidden]{display:none!important}
@media(max-width:760px){.tehnomir-subhead-actions{gap:5px!important}.tehnomir-exact-toggle{padding:0 7px}.tehnomir-exact-toggle span{display:none}}

/* v0.26.10 — recent searches in the main search field */
.search-suggestions.recent-searches{max-height:none;padding:4px 0}
.recent-searches-title{padding:8px 13px 5px;color:var(--muted);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}
.suggestion-item.recent-search-item{grid-template-columns:22px 1fr;gap:8px;padding:10px 13px}
.recent-search-item .suggestion-article{font-size:14px;font-weight:700}
.recent-search-icon{color:var(--muted);font-size:15px;text-align:center}

/* v0.26.11 — experimental per-user variable search forms */
.search-view-head-actions{display:flex;align-items:center;gap:9px}.view-mode-badge{display:inline-flex;align-items:center;height:28px;padding:0 10px;border:1px solid #dbe3ec;border-radius:999px;background:#f5f7fa;color:#627286;font-size:11px;font-weight:800}.view-mode-badge.personal{border-color:#bdd8f4;background:#edf7ff;color:#0b5cae}.search-view-modal-box{width:min(900px,calc(100vw - 30px));max-height:min(880px,calc(100vh - 34px));overflow:auto}.search-view-mode-picker{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:4px 0 16px}.view-mode-option{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:14px 15px;border:1px solid #dce4ed;border-radius:11px;background:#fff;color:#30435a;cursor:pointer;text-align:left}.view-mode-option:hover{border-color:#9dc4ea;background:#f8fbff}.view-mode-option.active{border-color:#3c8fd8;background:#edf7ff;box-shadow:0 0 0 2px rgba(60,143,216,.08)}.view-mode-option b{font-size:14px}.view-mode-option small{font-size:11px;line-height:1.35;color:#6f7e8f}.search-personal-view-options{display:flex;flex-direction:column;gap:12px}.view-settings-section{border:1px solid #e0e6ee;border-radius:11px;padding:13px;background:#fbfcfe}.view-settings-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.view-settings-title h4{margin:0 0 3px;font-size:13px;color:#263a51}.view-settings-title p{margin:0;color:#758397;font-size:11px}.view-presets{display:flex;gap:7px;flex-wrap:wrap}.view-settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.view-filter-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 14px}.view-filter-grid label{display:flex;align-items:center;gap:8px;font-size:12px;color:#344b63}.view-column-list{display:grid;gap:5px;max-height:360px;overflow:auto;padding-right:3px}.view-column-row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:39px;padding:5px 7px 5px 10px;border:1px solid #e4e9ef;border-radius:8px;background:#fff}.view-column-row label{display:flex;align-items:center;gap:9px;flex:1;font-size:12px;font-weight:650;color:#344b63}.view-column-row input:disabled+span{color:#66788b}.view-column-move{display:flex;gap:4px}.view-column-move .compact{min-width:32px;padding:4px 8px}.search-view-modal-actions .grow{flex:1}
#page-search.personal-search-view.search-density-compact .stock-table th,#page-search.personal-search-view.search-density-compact .stock-table td{padding:6px 7px;font-size:12px;line-height:1.15}#page-search.personal-search-view.search-density-compact .stock-table th{font-size:10px}#page-search.personal-search-view.search-density-compact .qty-stepper input{width:34px}#page-search.personal-search-view.search-density-compact .action-icon{width:29px;height:27px;min-width:29px}
#page-search.personal-search-view.search-density-large .stock-table th,#page-search.personal-search-view.search-density-large .stock-table td{padding:12px 13px;font-size:15px;line-height:1.3}#page-search.personal-search-view.search-density-large .stock-table th{font-size:12px}#page-search.personal-search-view.search-density-large .qty-stepper input{width:44px;padding:6px 3px}#page-search.personal-search-view.search-density-large .action-icon{width:36px;height:34px;min-width:36px;font-size:15px}
@media(max-width:700px){.search-view-mode-picker,.view-settings-grid,.view-filter-grid{grid-template-columns:1fr}.search-view-head-actions .view-mode-badge{display:none}.search-view-modal-box{width:calc(100vw - 18px);max-height:calc(100vh - 18px)}}

/* v0.26.13 — adaptive sidebar labels and supplier upload forms */
.sidebar .nav{min-width:0;overflow:hidden}
.sidebar .nav .sidebar-label{display:block;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;scroll-behavior:smooth;scrollbar-width:none}
.sidebar .nav .sidebar-label::-webkit-scrollbar{display:none}
.sidebar .nav-badge{flex:0 0 auto}

body.sidebar-collapsed .nav{overflow:visible}
body.sidebar-collapsed .nav .nav-icon{width:30px;height:30px;min-width:30px;display:grid;place-items:center;border-radius:9px;background:#edf3fb;color:#294b73;font-size:18px;font-weight:850;line-height:1;box-shadow:inset 0 0 0 1px #dce6f2}
body.sidebar-collapsed .nav:hover .nav-icon{background:#dcecff;color:#0b63e6;box-shadow:inset 0 0 0 1px #b8d4f8}
body.sidebar-collapsed .nav.active .nav-icon{background:var(--blue);color:#fff;box-shadow:none}
body.sidebar-collapsed .admin-only-nav .nav-icon{font-size:10px;letter-spacing:-.04em}
body.sidebar-collapsed .sidebar-user{border-radius:10px;padding:7px 4px}
body.sidebar-collapsed .sidebar-user:hover{background:#f2f6fb}
body.sidebar-collapsed .sidebar-user .user-avatar{box-shadow:0 0 0 2px #dce7f4}

.hover-tooltip{white-space:normal;max-width:330px;line-height:1.35;font-weight:600}

#page-suppliers{overflow-x:hidden}
.supplier-two-column{grid-template-columns:repeat(2,minmax(0,1fr))}
.supplier-two-column>.card{overflow:hidden}
.supplier-import-grid{grid-template-columns:minmax(145px,.9fr) minmax(185px,1.2fr) minmax(155px,.9fr);gap:10px 12px;align-items:end}
.supplier-import-grid>.field{min-width:0}
.supplier-import-grid>.field.wide{grid-column:1/-1;min-width:0}
.supplier-import-grid>button.align-end{grid-column:1/-1;justify-self:start}
.supplier-import-grid input,.supplier-import-grid select{width:100%;min-width:0;max-width:100%}
.supplier-import-grid input[type="file"]{display:block;width:100%;max-width:100%;min-width:0;padding:5px 7px;color:#607086;overflow:hidden;background:#fff}
.supplier-import-grid input[type="file"]::file-selector-button{border:1px solid #cfd8e5;background:#f7f9fc;color:#31415a;border-radius:7px;padding:7px 10px;margin-right:10px;cursor:pointer;font:inherit}
.supplier-import-grid input[type="file"]::file-selector-button:hover{background:#edf3fa}
#page-suppliers .inner-table{max-width:100%;overflow:auto}

@media(max-width:1450px){
  .supplier-two-column{grid-template-columns:1fr}
  .supplier-import-grid{grid-template-columns:repeat(3,minmax(150px,1fr))}
}
@media(max-width:900px){
  .supplier-import-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .supplier-import-grid>.field.wide{grid-column:1/-1}
}
@media(max-width:620px){
  .supplier-import-grid{grid-template-columns:1fr}
  .supplier-import-grid>.field.wide,.supplier-import-grid>button.align-end{grid-column:1}
}


/* v0.26.13 — searchable brand filter, responsive supplier mappings, Win95-style upload progress */
#page-search .brand-filter-combobox{min-width:170px;display:flex;align-items:center}
#page-search .brand-filter-combobox input{width:100%;min-width:170px;padding:8px 30px 8px 9px}
#page-search .brand-filter-combobox input::-webkit-calendar-picker-indicator{opacity:.55;cursor:pointer}

/* Mapping fields must fit inside each supplier card even while the page has two columns. */
#page-suppliers .supplier-mapping-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 12px;margin:14px 0}
#page-suppliers .supplier-mapping-grid>.field{min-width:0}
#page-suppliers .supplier-mapping-grid select{width:100%;min-width:0;max-width:100%;text-overflow:ellipsis}

.win95-progress-card{margin:12px 0 2px;padding:10px 11px;border:1px solid #7f8a98;border-top-color:#eef2f7;border-left-color:#eef2f7;border-radius:2px;background:#e8ebef;box-shadow:inset -1px -1px 0 #777f8a,inset 1px 1px 0 #fff;color:#172238;font-family:Tahoma,"MS Sans Serif",Arial,sans-serif}
.win95-progress-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:7px;font-size:12px}
.win95-progress-head b{font-weight:700}.win95-progress-percent{font-variant-numeric:tabular-nums;font-weight:800;color:#000080}
.win95-progress-track{height:22px;padding:2px;border:2px solid;border-color:#727a85 #fff #fff #727a85;background:#fff;overflow:hidden}
.win95-progress-fill{height:100%;min-width:0;background:repeating-linear-gradient(90deg,#000080 0,#000080 12px,#fff 12px,#fff 14px);transition:width .12s linear}
.win95-progress-status{margin-top:6px;min-height:16px;font-size:11px;color:#35445a}
.win95-progress-card.processing .win95-progress-fill{width:100%!important;background:repeating-linear-gradient(90deg,#000080 0,#000080 12px,#d9dff0 12px,#d9dff0 14px);background-size:28px 100%;animation:win95-progress-move .65s linear infinite}
@keyframes win95-progress-move{from{background-position:0 0}to{background-position:28px 0}}

@media(max-width:900px){#page-suppliers .supplier-mapping-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){#page-suppliers .supplier-mapping-grid{grid-template-columns:1fr}}

/* v0.26.14 — ELIT eConnector card */
.online-supplier-grid .field.full{grid-column:1/-1}

/* v0.26.15 — external parts catalog */
.catalog-service-page{max-width:1500px}
.catalog-search-card{padding:18px;margin-bottom:14px}
.catalog-mode-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}
.catalog-search-row{display:flex;gap:10px;align-items:end}
.catalog-search-row .grow{flex:1;min-width:220px}
.catalog-result{display:grid;gap:12px}
.catalog-result-head{display:flex;justify-content:space-between;align-items:end;margin:6px 2px}
.catalog-result-head h2{margin:0 0 2px}
.catalog-part-list{display:grid;gap:10px}
.catalog-part-card{background:#fff;border:1px solid #d9e2ef;border-radius:12px;padding:14px 16px;box-shadow:0 1px 2px rgba(15,35,60,.03)}
.catalog-part-main{display:flex;justify-content:space-between;gap:18px;align-items:center}
.catalog-part-brand{font-size:12px;font-weight:800;color:#2367c9;text-transform:uppercase;letter-spacing:.025em;margin-bottom:3px}
.catalog-part-card h3{margin:0;font-size:18px;display:flex;align-items:center;gap:7px}
.catalog-part-card p{margin:4px 0 0;color:#52647a}
.catalog-part-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.catalog-cross-host{border-top:1px solid #e7edf5;margin-top:12px;padding-top:12px}
.catalog-cross-title{display:flex;justify-content:space-between;font-weight:800;margin-bottom:9px}
.catalog-cross-title span{font-weight:600;color:#6f8094}
.catalog-cross-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:7px}
.catalog-cross-chip{border:1px solid #cbd8ea;background:#f8fbff;border-radius:8px;padding:8px 10px;text-align:left;cursor:pointer;color:#15375f}
.catalog-cross-chip:hover{border-color:#0b63e6;background:#eef6ff}
.catalog-cross-chip b,.catalog-cross-chip span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.catalog-cross-chip b{font-size:11px;color:#5f7187;margin-bottom:2px}.catalog-cross-chip span{font-weight:800}
.catalog-cross-nav-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:10px 12px;margin-bottom:10px;border:1px solid #d9e5f3;border-radius:10px;background:#f7faff}
.catalog-cross-nav-head>div:first-child{min-width:0;display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.catalog-cross-nav-head strong{font-size:14px;color:#102b4f}.catalog-cross-nav-head small{display:block;width:100%;color:#6f8094;margin-top:-2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.catalog-cross-nav-actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.catalog-cross-inline-error{margin:0 0 10px;padding:9px 11px;border:1px solid #f0caca;border-radius:8px;background:#fff7f7;color:#9f2d2d;font-size:13px}.catalog-cross-drill{position:relative}.catalog-cross-drill:after{content:'›';position:absolute;right:8px;top:50%;transform:translateY(-50%);color:#7a8da5;font-weight:800}.catalog-cross-drill span{padding-right:12px}.catalog-cross-modal-host{min-width:0}
.catalog-loading{padding:18px;color:#63758b}
.catalog-vin-card{padding:20px}.catalog-vin-card h2{margin:8px 0 5px}.catalog-vin-badge{display:inline-flex;background:#0b63e6;color:#fff;border-radius:6px;padding:3px 8px;font-size:11px;font-weight:800}
.catalog-vin-meta{display:flex;gap:18px;flex-wrap:wrap;margin-top:14px;padding-top:12px;border-top:1px solid #e7edf5}
.catalog-system-settings{display:grid;grid-template-columns:minmax(280px,1.5fr) minmax(260px,2fr) minmax(220px,1fr) 130px;gap:12px;align-items:end}
.catalog-system-settings .setting-toggle{align-self:stretch}
@media(max-width:1200px){.catalog-system-settings{grid-template-columns:1fr 1fr}.catalog-part-main{align-items:flex-start}.catalog-search-row{flex-wrap:wrap}}
@media(max-width:720px){.catalog-system-settings{grid-template-columns:1fr}.catalog-part-main{display:block}.catalog-part-actions{justify-content:flex-start;margin-top:12px}.catalog-cross-grid{grid-template-columns:1fr 1fr}.catalog-cross-nav-head{display:block}.catalog-cross-nav-actions{justify-content:flex-start;margin-top:9px}}

/* v0.26.16 — robust VIN card + decoder fallback */
.catalog-vin-top{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}
.catalog-vin-source{font-size:11px;font-weight:800;color:#52647a;background:#eef3f8;border:1px solid #d9e2ef;border-radius:999px;padding:5px 9px;white-space:nowrap}
.catalog-vin-warning{margin:12px 0 0;padding:9px 11px;border:1px solid #f1d38a;background:#fff8e7;color:#6c520d;border-radius:8px;font-size:12px}
.catalog-vin-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:8px;margin-top:14px}
.catalog-vin-details>div{background:#f7faff;border:1px solid #e0e8f3;border-radius:8px;padding:9px 11px;min-width:0}
.catalog-vin-details span{display:block;font-size:10px;color:#6b7d92;margin-bottom:3px;text-transform:uppercase;letter-spacing:.025em}
.catalog-vin-details b{display:block;overflow-wrap:anywhere;color:#183653}
@media(max-width:620px){.catalog-vin-top{display:block}.catalog-vin-source{display:inline-block;margin-top:8px}.catalog-vin-details{grid-template-columns:1fr 1fr}}


/* v0.26.17 — compact external supplier matches */
.external-supplier-toggle-row td{padding:0!important;background:#fbfcff!important;border-top:0!important;border-bottom:1px solid #dce5ef!important}
.external-supplier-list-actions{display:flex;align-items:center;justify-content:center;gap:12px;padding:8px 12px;color:#65778d;font-size:11px}
.external-supplier-list-actions b{color:#324b68}
.external-supplier-list-toggle{min-width:150px}
@media(max-width:700px){.external-supplier-list-actions{justify-content:space-between;align-items:flex-start;flex-wrap:wrap}.external-supplier-list-toggle{min-width:0}}

/* v0.26.19 — TecDoc-style vehicle browser */
.catalog-vehicle-chooser{margin-top:2px}
.catalog-vehicle-grid{display:grid;grid-template-columns:minmax(150px,.8fr) minmax(180px,1fr) minmax(190px,1fr) minmax(220px,1.25fr);gap:10px 12px;align-items:end;margin-bottom:8px}
.catalog-vehicle-grid .wide{grid-column:1/-2}
.catalog-vehicle-grid input,.catalog-vehicle-grid select{width:100%;min-width:0}
.catalog-vin-actions{margin-top:14px;display:flex;gap:8px;flex-wrap:wrap}
.catalog-browser{padding:0;overflow:hidden}
.catalog-browser-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;padding:16px 18px;border-bottom:1px solid #dce5ef;background:#f8fbff}
.catalog-browser-head h2{margin:6px 0 3px}.catalog-browser-head p{margin:0;color:#61748a}
.catalog-browser-grid{display:grid;grid-template-columns:minmax(300px,390px) minmax(0,1fr);min-height:520px}
.catalog-tree-panel{border-right:1px solid #dce5ef;padding:14px;background:#fbfdff;min-width:0;overflow:auto;max-height:70vh}
.catalog-tree-panel>.field{position:sticky;top:0;z-index:2;background:#fbfdff;padding-bottom:10px}
.catalog-tree{display:grid;gap:4px;font-size:13px}
.catalog-tree-branch{border:0;border-radius:7px;background:transparent}
.catalog-tree-branch>summary{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 9px;border-radius:7px;cursor:pointer;font-weight:700;color:#213e5f;list-style:none}
.catalog-tree-branch>summary::-webkit-details-marker{display:none}
.catalog-tree-branch>summary:before{content:'›';display:inline-block;margin-right:7px;transition:transform .12s ease;color:#0b63e6}
.catalog-tree-branch[open]>summary:before{transform:rotate(90deg)}
.catalog-tree-branch>summary span{flex:1;min-width:0}.catalog-tree-branch>summary small{font-size:10px;color:#8292a5;font-weight:600}
.catalog-tree-branch>summary:hover{background:#edf5ff}
.catalog-tree-children{margin-left:13px;padding-left:8px;border-left:1px solid #dce7f3;display:grid;gap:2px}
.catalog-tree-leaf{width:100%;display:flex;justify-content:space-between;align-items:center;gap:8px;border:0;background:transparent;border-radius:7px;padding:7px 9px;text-align:left;color:#304d6d;cursor:pointer;font:inherit}
.catalog-tree-leaf:hover,.catalog-tree-leaf.active{background:#e8f2ff;color:#075bcf}.catalog-tree-leaf.active{font-weight:800;box-shadow:inset 3px 0 0 #0b63e6}
.catalog-tree-leaf b{font-size:16px;color:#0b63e6}.catalog-tree-leaf:disabled{opacity:.55;cursor:default}
.catalog-parts-panel{padding:16px;min-width:0;overflow:auto;max-height:70vh;background:#fff}
.catalog-browser-placeholder,.catalog-browser-empty{display:flex;min-height:220px;align-items:center;justify-content:center;flex-direction:column;gap:6px;color:#76879a;text-align:center;padding:20px}
.catalog-browser-placeholder b{font-size:18px;color:#405a77}
.catalog-parts-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;position:sticky;top:-16px;z-index:2;background:#fff;padding:12px 0 9px;border-bottom:1px solid #e4ebf3}
.catalog-parts-head h3{margin:0}.catalog-parts-head span{font-size:11px;color:#74869a}
.catalog-vehicle-parts .catalog-part-card{box-shadow:none;border-radius:9px}
@media(max-width:1100px){.catalog-vehicle-grid{grid-template-columns:1fr 1fr}.catalog-vehicle-grid .wide{grid-column:1/-1}.catalog-browser-grid{grid-template-columns:320px minmax(0,1fr)}}
@media(max-width:760px){.catalog-vehicle-grid{grid-template-columns:1fr}.catalog-vehicle-grid .wide{grid-column:auto}.catalog-browser-head{display:block}.catalog-browser-head button{margin-top:10px}.catalog-browser-grid{grid-template-columns:1fr}.catalog-tree-panel{border-right:0;border-bottom:1px solid #dce5ef;max-height:42vh}.catalog-parts-panel{max-height:none}}

/* v0.26.19 — low-quota catalog browsing */
.catalog-load-markets{display:inline-flex;align-items:center;align-self:flex-start;margin-top:4px;padding:0;border:0;background:transparent;color:#1769d2;font-size:12px;font-weight:650;cursor:pointer}
.catalog-load-markets:hover{text-decoration:underline}
.catalog-load-markets:disabled{opacity:.6;cursor:wait;text-decoration:none}
.catalog-browser-hint{display:flex;gap:8px;align-items:center;padding:12px 14px;margin-top:12px;color:#40566f;background:#f8fbff}
.catalog-browser-hint b{color:#142c49}
@media(max-width:760px){.catalog-browser-hint{align-items:flex-start;flex-direction:column}}

/* v0.26.20 — cleaner TecDoc vehicle selector */
.catalog-vehicle-grid{align-items:start}
.catalog-vehicle-grid>.field{min-width:0;display:flex;flex-direction:column;align-self:start}
.catalog-vehicle-grid>.field>label{min-height:18px;margin-bottom:5px}
.catalog-vehicle-grid input,.catalog-vehicle-grid select{height:38px}
#catalogOpenVehicleBtn{align-self:end;min-height:38px;margin-bottom:0}
#catalogVehicle optgroup{font-weight:800;color:#173d6a;background:#f3f7fb}
#catalogVehicle option{font-weight:500;color:#172b43;background:#fff}
.catalog-tree-leaf.active{background:#dcecff;color:#064eaf}
@media(max-width:1100px){#catalogOpenVehicleBtn{align-self:end}}
@media(max-width:760px){
  #catalogOpenVehicleBtn{width:100%;align-self:stretch}
  .catalog-tree{gap:6px}
  .catalog-tree-branch>summary,.catalog-tree-leaf{min-height:42px;padding:9px 10px;border:1px solid #e2eaf3;background:#fff}
  .catalog-tree-children{margin-left:8px;padding-left:7px}
}

/* v0.26.22 — classic TecDoc selector polish */
.catalog-vehicle-grid{grid-template-columns:repeat(4,minmax(0,1fr));column-gap:12px;row-gap:12px;align-items:start}
.catalog-vehicle-grid .wide{grid-column:1/4}
.catalog-field-label{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:18px}
.catalog-field-label .catalog-load-markets{margin:0;font-size:10px;line-height:1;white-space:nowrap}
.catalog-combo{position:relative;display:flex;width:100%;min-width:0}
.catalog-combo>input{padding-right:38px}
.catalog-combo-toggle{position:absolute;right:1px;top:1px;bottom:1px;width:34px;border:0;border-left:1px solid #d6e0eb;border-radius:0 7px 7px 0;background:#f6f9fc;color:#536a82;font-size:18px;line-height:1;cursor:pointer}
.catalog-combo-toggle:hover,.catalog-combo-toggle:focus{background:#eaf3ff;color:#075bcf;outline:none}
.catalog-combo-menu{position:absolute;z-index:80;left:0;right:0;top:calc(100% + 4px);max-height:320px;overflow:auto;padding:4px;background:#fff;border:1px solid #cbd8e7;border-radius:8px;box-shadow:0 10px 28px rgba(24,50,82,.18)}
.catalog-combo-option{display:block;width:100%;border:0;background:#fff;border-radius:5px;padding:8px 10px;text-align:left;color:#18324e;cursor:pointer;font:inherit}
.catalog-combo-option:hover,.catalog-combo-option:focus{background:#e8f2ff;color:#075bcf;outline:none}
.catalog-combo-empty{padding:10px;color:#7b8da1;font-size:12px}
#catalogVehicle optgroup{padding-top:3px}
#catalogVehicle option{padding:3px 5px}
@media(max-width:1100px){.catalog-vehicle-grid{grid-template-columns:1fr 1fr}.catalog-vehicle-grid .wide{grid-column:1/2}}
@media(max-width:760px){.catalog-vehicle-grid{grid-template-columns:1fr}.catalog-vehicle-grid .wide{grid-column:auto}.catalog-combo-menu{max-height:45vh}}

/* v0.26.22 — universal catalog query */
.catalog-universal-row{display:grid;grid-template-columns:minmax(0,1fr) 190px auto;gap:10px;align-items:end}
.catalog-query-type{min-width:0}
.catalog-query-type select{width:100%;height:38px}
.catalog-detect-choice{margin-top:9px;padding:9px 10px;border:1px solid #d8e4f2;border-radius:8px;background:#f8fbff;display:flex;align-items:center;gap:7px;flex-wrap:wrap;color:#40566f;font-size:12px}
.catalog-detect-choice[hidden]{display:none!important}
.catalog-detect-choice span{font-weight:650;margin-right:2px}
@media(max-width:760px){
  .catalog-universal-row{grid-template-columns:1fr}
  .catalog-query-type{width:100%}
  .catalog-universal-row>.primary{width:100%}
}

/* v0.26.23 — catalog selector stability + native typing with explicit list buttons */
.catalog-vehicle-grid{align-items:start}
.catalog-vehicle-grid>.field{display:flex;flex-direction:column;min-width:0;align-self:start}
.catalog-vehicle-grid>.field>label{display:block;min-height:18px;margin:0 0 5px;line-height:18px}
.catalog-country-combo{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px;align-items:stretch;min-width:0}
.catalog-country-combo select{min-width:0}
.catalog-country-combo .catalog-load-markets{height:38px;margin:0;padding:0 10px;white-space:nowrap;font-size:11px}
.catalog-combo{height:38px}
.catalog-combo>input{height:38px;padding-right:38px}
.catalog-combo-toggle{height:auto}
.catalog-vehicle-grid input,.catalog-vehicle-grid select,#catalogOpenVehicleBtn{height:38px}
#catalogOpenVehicleBtn{align-self:end}
.catalog-combo datalist{display:none}
/* Never let small helper controls occupy label space; this prevents the old blue text artifacts. */
.catalog-field-label{display:block}
@media(max-width:1100px){.catalog-country-combo{grid-template-columns:minmax(0,1fr) auto}}
@media(max-width:760px){.catalog-country-combo{grid-template-columns:1fr auto}.catalog-country-combo .catalog-load-markets{padding-inline:9px}}

/* v0.26.24 — classic TecDoc-style catalog navigation */
.catalog-classic-chooser{margin-top:14px;border-top:1px solid #e0e7ef;padding-top:12px}
.catalog-classic-toolbar{display:grid;grid-template-columns:minmax(180px,260px) minmax(240px,360px);gap:12px;margin-bottom:12px;align-items:end}
.catalog-stage-tabs{display:flex;gap:0;border-bottom:2px solid #d7e1ec;margin:2px 0 14px;overflow-x:auto}
.catalog-stage-tab{border:0;background:transparent;color:#64758a;padding:10px 16px;font-weight:800;cursor:pointer;white-space:nowrap;border-bottom:3px solid transparent;margin-bottom:-2px}
.catalog-stage-tab span{display:inline-flex;width:20px;height:20px;border-radius:50%;align-items:center;justify-content:center;background:#e8eef5;color:#60738a;font-size:11px;margin-right:7px}
.catalog-stage-tab.active{color:#075fcf;border-bottom-color:#176fe5}
.catalog-stage-tab.active span{background:#176fe5;color:#fff}
.catalog-stage-tab:disabled{opacity:.4;cursor:default}
.catalog-stage-panel{min-height:300px}
.catalog-stage-panel[hidden]{display:none!important}
.catalog-stage-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:10px}
.catalog-stage-head h3{margin:0 0 3px;font-size:18px}.catalog-stage-head p{margin:0;color:#72849a;font-size:12px}
.catalog-stage-search{display:flex;align-items:center;border:1px solid #cfd9e5;border-radius:6px;background:#fff;margin-bottom:10px;max-width:none}
.catalog-stage-search span{font-size:21px;color:#173a64;padding-left:12px}.catalog-stage-search input{border:0!important;box-shadow:none!important;width:100%;height:40px;padding-left:9px;background:transparent}
.catalog-name-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1px 18px;align-items:start}
.catalog-name-item{border:0;background:transparent;text-align:left;padding:7px 8px;color:#3f526a;cursor:pointer;font:inherit;border-radius:3px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.catalog-name-item:hover,.catalog-name-item.active{background:#e8f1ff;color:#095fc9;font-weight:800}
.catalog-model-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px 28px}
.catalog-model-item{display:flex;justify-content:space-between;gap:14px;border:0;background:transparent;padding:7px 8px;text-align:left;cursor:pointer;border-radius:4px;color:#3b5068;font:inherit;min-width:0}
.catalog-model-item b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.catalog-model-item span{color:#8996a5;white-space:nowrap;font-size:12px}
.catalog-model-item:hover,.catalog-model-item.active{background:#e8f1ff;color:#095fc9}
.catalog-modification-wrap{border:1px solid #dce4ed;border-radius:8px;overflow:auto;background:#fff;max-height:58vh}
.catalog-modification-table{width:100%;border-collapse:collapse;min-width:980px;font-size:12px}
.catalog-modification-table thead th{position:sticky;top:0;z-index:2;background:#f3f6f9;color:#66788c;text-align:left;padding:9px 10px;border-bottom:1px solid #d9e2ec;white-space:nowrap}
.catalog-modification-table td{padding:8px 10px;border-bottom:1px solid #e6ebf1;color:#30465e;vertical-align:middle}
.catalog-modification-row{cursor:pointer}.catalog-modification-row:hover{background:#edf5ff}
.catalog-fuel-divider td{font-weight:900;color:#163d6a;background:#edf3f9;padding:7px 10px;position:sticky;top:35px;z-index:1}
.catalog-open-row{width:30px;height:30px;border:0;border-radius:50%;background:#e9f2ff;color:#075fcf;font-size:22px;cursor:pointer;line-height:1}
.catalog-open-row:hover{background:#176fe5;color:#fff}.catalog-table-loading{text-align:center!important;color:#74869a!important;padding:25px!important}
.catalog-browser-grid-v24{display:grid;grid-template-columns:minmax(230px,290px) minmax(420px,1fr) minmax(280px,340px);min-height:570px}
.catalog-browser-grid-v24>.catalog-tree-panel{border-right:1px solid #dce5ef;max-height:72vh}
.catalog-browser-grid-v24>.catalog-parts-panel{border-right:1px solid #dce5ef;max-height:72vh;padding:12px;background:#f7f9fc}
.catalog-detail-panel{max-height:72vh;overflow:auto;background:#fff;padding:14px;min-width:0}
.catalog-browser-head-actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}
.catalog-result-part-list{display:grid;gap:6px}
.catalog-result-part-row{width:100%;display:grid;grid-template-columns:46px minmax(0,1fr) 22px;align-items:center;gap:10px;border:1px solid #dce4ed;border-radius:7px;background:#fff;padding:8px 9px;text-align:left;cursor:pointer;color:#243c58}
.catalog-result-part-row:hover,.catalog-result-part-row.active{border-color:#91bdf5;background:#eaf3ff;box-shadow:inset 3px 0 0 #176fe5}
.catalog-part-thumb{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:6px;background:#f4f7fa;overflow:hidden}.catalog-part-thumb img{max-width:100%;max-height:100%;object-fit:contain}.catalog-part-thumb-placeholder{font-size:22px;color:#9aabba}
.catalog-result-part-copy{display:grid;min-width:0}.catalog-result-part-copy b{font-size:11px;color:#1a66c9}.catalog-result-part-copy strong{font-size:14px;color:#172f4a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.catalog-result-part-copy small{color:#728298;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:2px}.catalog-result-part-arrow{font-size:24px;color:#176fe5;text-align:right}
.catalog-detail-card h3{font-size:21px;margin:4px 0}.catalog-detail-card p{color:#576b82;margin:4px 0 12px}.catalog-detail-brand{font-size:12px;color:#176fe5;font-weight:900;text-transform:uppercase}.catalog-detail-image{height:150px;display:flex;align-items:center;justify-content:center;background:#f5f7fa;border:1px solid #e1e7ef;border-radius:8px;margin-bottom:12px}.catalog-detail-image img{max-width:100%;max-height:100%;object-fit:contain}.catalog-detail-actions{display:grid;gap:7px;margin:12px 0}.catalog-detail-sections{display:grid;gap:1px;margin-top:14px;border:1px solid #e0e6ed}.catalog-detail-sections>div{display:grid;grid-template-columns:110px 1fr;gap:8px;padding:7px 9px;background:#fafbfd;border-bottom:1px solid #e8edf2}.catalog-detail-sections>div:last-child{border-bottom:0}.catalog-detail-sections span{color:#718398}.catalog-detail-extra{margin-top:14px}.catalog-detail-section-title{font-weight:900;margin-bottom:8px;color:#173b63}.catalog-detail-section-title span{font-weight:500;color:#74869a}
.catalog-parts-head{top:-12px}
@media(max-width:1350px){.catalog-name-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.catalog-browser-grid-v24{grid-template-columns:250px minmax(380px,1fr) 300px}}
@media(max-width:1050px){.catalog-name-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.catalog-model-grid{grid-template-columns:1fr}.catalog-browser-grid-v24{grid-template-columns:260px minmax(0,1fr)}.catalog-detail-panel{grid-column:1/-1;border-top:1px solid #dce5ef;max-height:none}.catalog-browser-grid-v24>.catalog-tree-panel,.catalog-browser-grid-v24>.catalog-parts-panel{max-height:55vh}}
@media(max-width:760px){.catalog-classic-toolbar{grid-template-columns:1fr}.catalog-stage-tabs{margin-inline:-4px}.catalog-stage-tab{padding:10px 12px}.catalog-name-grid{grid-template-columns:1fr 1fr;gap:2px 8px}.catalog-model-grid{grid-template-columns:1fr}.catalog-model-item{padding-block:9px}.catalog-modification-wrap{border-radius:0;margin-inline:-8px}.catalog-browser-grid-v24{grid-template-columns:1fr}.catalog-browser-grid-v24>.catalog-tree-panel,.catalog-browser-grid-v24>.catalog-parts-panel,.catalog-detail-panel{max-height:none;border-right:0;border-bottom:1px solid #dce5ef}.catalog-tree-panel{max-height:45vh!important}.catalog-result-part-row{min-height:62px}.catalog-browser-head-actions{justify-content:flex-start;margin-top:9px}}


/* v0.26.25 — compact two-level TecDoc product-group navigation */
.catalog-tree{gap:0}
.catalog-tree-system{border-bottom:1px solid #e4eaf1;border-radius:0}
.catalog-tree-system>summary{min-height:34px;padding:7px 5px;border-radius:3px;font-weight:750;color:#243d59}
.catalog-tree-system>summary:before{margin-right:4px;color:#647b94}
.catalog-tree-system>summary small{min-width:24px;text-align:right;color:#94a1af}
.catalog-tree-system>summary:hover,.catalog-tree-system[open]>summary{background:#f1f6fc;color:#0b5fbf}
.catalog-tree-system>.catalog-tree-children{margin:0;padding:2px 0 7px 18px;border-left:0;gap:0}
.catalog-tree-system .catalog-tree-leaf{min-height:28px;padding:5px 7px;border:0;border-radius:3px;color:#0b5fae;background:transparent}
.catalog-tree-system .catalog-tree-leaf:hover,.catalog-tree-system .catalog-tree-leaf.active{background:#e8f2ff;color:#064fa8}
.catalog-tree-system .catalog-tree-leaf b{font-size:14px;opacity:.7}
.catalog-parts-breadcrumb{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin:0 0 6px;color:#71839a;font-size:11px}
.catalog-parts-breadcrumb b{font-weight:500;color:#a4afba}.catalog-parts-breadcrumb .current{color:#0b5fbf;font-weight:800}
@media(max-width:760px){.catalog-tree-system>summary{min-height:40px;padding:9px 6px}.catalog-tree-system .catalog-tree-leaf{min-height:38px;padding:8px 8px}.catalog-tree-system>.catalog-tree-children{padding-left:14px}}
/* v0.27.1 — preserve the real TecDoc nested category hierarchy. */
.catalog-tree-subgroup{border:0;border-radius:0;background:transparent}
.catalog-tree-subgroup>summary{min-height:30px;padding:6px 6px;border-radius:3px;font-weight:650;color:#314a66;background:transparent}
.catalog-tree-subgroup>summary:before{color:#6e8298;margin-right:4px}
.catalog-tree-subgroup>summary:hover,.catalog-tree-subgroup[open]>summary{background:#f4f7fb;color:#0a5db7}
.catalog-tree-subgroup>.catalog-tree-children{margin-left:10px;padding:1px 0 4px 10px;border-left:1px solid #dce6f0}
.catalog-tree-system>.catalog-tree-children>.catalog-tree-subgroup>summary{font-weight:700}
.catalog-tree-branch summary small{display:none}
@media(max-width:760px){
  .catalog-tree-subgroup>summary{min-height:42px;padding:9px 7px;font-size:15px}
  .catalog-tree-subgroup>.catalog-tree-children{margin-left:8px;padding-left:10px}
}

/* v0.27.5 — provider-route compatibility + official Pegasus assembly tree: nodeId -> parentNodeId, no caption flattening. */
.catalog-tree-branch>summary:before{display:none!important;content:none!important}
.catalog-tree-branch>summary{justify-content:flex-start}
.catalog-tree-expander{flex:0 0 16px!important;width:16px;height:16px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #8090a2;border-radius:3px;color:#31465f;background:#fff;position:relative}
.catalog-tree-expander:before{content:'+';font-size:14px;line-height:1;font-weight:800;position:absolute;top:0;left:2px}
.catalog-tree-branch[open]>summary .catalog-tree-expander:before{content:'−';left:2px;top:-1px}
.catalog-tree-label{flex:1!important;min-width:0;line-height:1.25}
.catalog-tree-count{flex:0 0 auto;min-width:24px;text-align:right;font-style:normal;font-size:10px;font-weight:650;color:#8a98a8}
.catalog-tree-leaf>span{flex:1;min-width:0;line-height:1.25}
.catalog-tree-leaf>.catalog-tree-count{margin-left:auto}
.catalog-tree-system>.catalog-tree-children{padding-left:20px}
.catalog-tree-subgroup>.catalog-tree-children{padding-left:18px}
.catalog-tree-system>summary{font-weight:800;color:#273e59}
.catalog-tree-subgroup>summary{font-weight:700;color:#344b65}
@media(max-width:760px){
  .catalog-tree-expander{width:20px;height:20px;flex-basis:20px!important}
  .catalog-tree-expander:before{font-size:18px;left:2px;top:-1px}
  .catalog-tree-branch[open]>summary .catalog-tree-expander:before{left:3px;top:-2px}
  .catalog-tree-label{font-size:16px}
  .catalog-tree-count{font-size:12px;min-width:30px}
}

/* v0.27.6 — compact selected-vehicle header, brand-first article flow, article details modal. */
#page-catalog-service.catalog-catalog-open>.page-head{margin-bottom:6px;align-items:center}
#page-catalog-service.catalog-catalog-open>.page-head h1{font-size:24px;margin-bottom:0}
#page-catalog-service.catalog-catalog-open>.page-head p{display:none}
.catalog-search-card.catalog-compact-active{padding:8px 12px;margin-bottom:8px}
.catalog-search-card.catalog-compact-active .catalog-universal-row{grid-template-columns:minmax(0,1fr) 170px auto;gap:7px}
.catalog-search-card.catalog-compact-active .catalog-universal-row .field label,.catalog-search-card.catalog-compact-active #catalogSearchHint,.catalog-search-card.catalog-compact-active #catalogDetectChoice{display:none!important}
.catalog-search-card.catalog-compact-active .catalog-universal-row input,.catalog-search-card.catalog-compact-active .catalog-universal-row select,.catalog-search-card.catalog-compact-active .catalog-universal-row button{min-height:36px;height:36px}
.catalog-search-card.catalog-compact-active .catalog-classic-chooser{display:none!important}

.catalog-brand-intro{display:flex;align-items:baseline;gap:9px;padding:8px 2px 10px;color:#28435f}.catalog-brand-intro b{font-size:15px}.catalog-brand-intro span{font-size:12px;color:#718398}
.catalog-brand-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
.catalog-brand-item{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:43px;border:1px solid #d7e1ec;border-radius:7px;background:#fff;padding:8px 11px;text-align:left;color:#26425f;cursor:pointer;font:inherit}
.catalog-brand-item:hover{border-color:#7bb0ee;background:#edf5ff;color:#075fc8}.catalog-brand-item span{font-weight:800;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.catalog-brand-item b{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:24px;border-radius:12px;background:#eef2f6;color:#65788d;font-size:11px}
.catalog-brand-switch{display:flex;align-items:end;gap:9px;margin:2px 0 9px}.catalog-brand-switch .field{margin:0;min-width:220px;flex:1}.catalog-brand-switch .field label{font-size:10px}.catalog-brand-switch select{height:34px;min-height:34px;padding-block:4px}
.catalog-brand-head{position:static!important;top:auto!important}

.catalog-article-modal-box{width:min(1180px,calc(100vw - 30px));max-height:94vh;padding:18px 20px}
.catalog-article-modal-body{display:grid;gap:14px}
.catalog-article-name{font-size:18px;font-weight:850;color:#173753;padding:2px 0 4px}
.catalog-article-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid #dce4ed;border-radius:8px;overflow:hidden;background:#fafbfd}
.catalog-article-summary>div{padding:10px 12px;border-right:1px solid #e2e8ef;min-width:0}.catalog-article-summary>div:last-child{border-right:0}.catalog-article-summary span{display:block;color:#74869a;font-size:11px;margin-bottom:4px}.catalog-article-summary b{font-size:14px;color:#193550;overflow-wrap:anywhere}
.catalog-article-section{border-top:1px solid #dfe6ee;padding-top:12px}.catalog-article-section h4{margin:0 0 9px;font-size:17px;color:#183753}.catalog-article-section h4 span{font-weight:500;color:#75869a;font-size:13px}
.catalog-detail-table{border:1px solid #dde5ed;border-radius:7px;overflow:hidden;display:grid;grid-template-columns:1fr 1fr}.catalog-detail-table>div{display:grid;grid-template-columns:minmax(160px,1fr) minmax(90px,.6fr);gap:10px;padding:8px 10px;border-bottom:1px solid #e6ebf0}.catalog-detail-table>div:nth-child(odd){border-right:1px solid #e6ebf0}.catalog-detail-table>div span{color:#50657c}.catalog-detail-table>div b{text-align:right;color:#1e3854}
.catalog-detail-chip-list{display:flex;flex-wrap:wrap;gap:6px}.catalog-detail-chip-list>span{display:inline-flex;border:1px solid #d4dfeb;background:#f7f9fc;border-radius:6px;padding:5px 8px;color:#2e4863;font-size:12px}
.catalog-article-media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px}.catalog-article-media-grid a{height:115px;border:1px solid #dce4ec;border-radius:7px;background:#fff;display:flex;align-items:center;justify-content:center;padding:5px;overflow:hidden}.catalog-article-media-grid img{max-width:100%;max-height:100%;object-fit:contain}
.catalog-compatible-wrap{overflow:auto;max-height:340px;border:1px solid #dce4ed;border-radius:7px}.catalog-compatible-table{width:100%;border-collapse:collapse;min-width:800px;font-size:12px}.catalog-compatible-table th{position:sticky;top:0;background:#f2f5f8;color:#60758c;text-align:left;padding:8px 9px;border-bottom:1px solid #d7e0e8;z-index:1}.catalog-compatible-table td{padding:7px 9px;border-bottom:1px solid #e7ebf0;color:#2e465f}.catalog-compatible-table tr:last-child td{border-bottom:0}
.catalog-article-warning{border:1px solid #ead8a8;background:#fff9e8;border-radius:7px;padding:8px 10px;color:#785c16;font-size:12px}

@media(max-width:1050px){.catalog-brand-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-article-summary{grid-template-columns:1fr 1fr}.catalog-article-summary>div:nth-child(2){border-right:0}.catalog-article-summary>div:nth-child(-n+2){border-bottom:1px solid #e2e8ef}.catalog-detail-table{grid-template-columns:1fr}.catalog-detail-table>div:nth-child(odd){border-right:0}}
@media(max-width:760px){.catalog-search-card.catalog-compact-active .catalog-universal-row{grid-template-columns:1fr auto}.catalog-search-card.catalog-compact-active .catalog-query-type{display:none}.catalog-brand-grid{grid-template-columns:1fr}.catalog-brand-switch{align-items:stretch;flex-direction:column}.catalog-brand-switch .field{min-width:0;width:100%}.catalog-article-modal-box{width:calc(100vw - 12px);max-height:calc(100vh - 12px);padding:14px}.catalog-article-summary{grid-template-columns:1fr}.catalog-article-summary>div{border-right:0;border-bottom:1px solid #e2e8ef!important}.catalog-article-summary>div:last-child{border-bottom:0!important}}

/* v0.27.8 — portal self-update */
.portal-update-card{border:1px solid #d8e1eb;border-radius:12px;background:#f8fbff;padding:14px 16px;display:grid;gap:12px}
.portal-update-card-head{display:flex;gap:24px;flex-wrap:wrap}
.portal-update-card-head>div{display:grid;gap:2px;min-width:150px}.portal-update-card-head span{font-size:12px;color:#64748b}.portal-update-card-head b{font-size:18px;color:#0f172a}
.portal-update-upload-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.portal-update-upload-row input[type=file]{flex:1;min-width:260px}
.portal-update-pending{border:1px dashed #cbd5e1;border-radius:10px;padding:12px;background:#fff;display:grid;gap:6px}.portal-update-pending.ready{border-style:solid;border-color:#93c5fd;background:#eff6ff}.portal-update-pending .update-changelog{margin:4px 0 0 18px;color:#334155}.portal-update-pending code{font-size:11px;color:#64748b;word-break:break-all}
.portal-update-overlay{position:fixed;inset:0;z-index:100000;background:rgba(15,23,42,.82);display:flex;align-items:center;justify-content:center;padding:20px;backdrop-filter:blur(3px)}
.portal-update-overlay[hidden]{display:none}.portal-update-overlay-card{width:min(520px,100%);background:#fff;border-radius:18px;padding:28px;text-align:center;box-shadow:0 24px 70px rgba(0,0,0,.35)}
.portal-update-logo{width:58px;height:58px;border-radius:14px;background:#111827;color:#fff;font-weight:800;font-size:22px;display:grid;place-items:center;margin:0 auto 14px}.portal-update-wordmark{display:block;width:min(260px,62vw);height:auto;margin:0 auto 12px;mix-blend-mode:multiply}.portal-update-overlay-card h2{margin:0 0 10px}.portal-update-overlay-card p{color:#475569;min-height:44px}.portal-update-overlay-card small{display:block;margin-top:10px;color:#64748b}
.portal-update-progress-track{height:10px;border-radius:999px;background:#e2e8f0;overflow:hidden}.portal-update-progress-bar{height:100%;width:38%;background:#0b63e6;border-radius:999px;animation:portal-update-slide 1.15s ease-in-out infinite alternate}
@keyframes portal-update-slide{from{transform:translateX(-35%)}to{transform:translateX(200%)}}
.catalog-vehicle-details-btn{white-space:nowrap}
@media(max-width:760px){.portal-update-upload-row{align-items:stretch;flex-direction:column}.portal-update-upload-row input[type=file]{min-width:0;width:100%}.portal-update-overlay-card{padding:22px 18px}}

/* v0.28.2 — адміністративний браузер локальної каталогової бази */
.local-catalog-admin{overflow:hidden}.local-catalog-stats{margin:14px 0}.local-catalog-coverage{display:grid;grid-template-columns:repeat(4,minmax(160px,1fr));gap:10px;margin:0 0 14px}.local-catalog-coverage-card{border:1px solid var(--line);border-radius:10px;padding:10px 12px;background:#fbfcfe}.local-catalog-coverage-card span{display:block;font-size:11px;color:var(--muted);margin-bottom:5px}.local-catalog-coverage-card b{font-size:17px;color:#173b6b}.local-catalog-coverage-bar{height:5px;background:#e8edf4;border-radius:999px;overflow:hidden;margin-top:7px}.local-catalog-coverage-bar i{display:block;height:100%;background:#2877df;border-radius:999px}.local-catalog-tabs{margin:8px 0 12px}.local-catalog-filter-row{display:grid;grid-template-columns:minmax(260px,1.6fr) minmax(180px,.8fr) minmax(200px,1fr) auto;gap:10px;align-items:end;margin:10px 0}.local-catalog-filter-row .grow{min-width:0}.local-catalog-table-wrap{overflow:auto;max-height:530px}.local-catalog-table-wrap table{min-width:980px}.local-catalog-table-wrap td{vertical-align:top}.local-catalog-main-cell{max-width:360px}.local-catalog-main-cell b{display:block}.local-catalog-main-cell small{display:block;color:var(--muted);margin-top:3px;white-space:normal}.local-catalog-eans{max-width:220px;white-space:normal}.local-catalog-badge{display:inline-flex;align-items:center;justify-content:center;min-width:28px;padding:3px 7px;border-radius:999px;background:#eef4fc;color:#225d9c;font-size:11px;font-weight:700}.local-catalog-badge.ok{background:#e8f7ee;color:#187340}.local-catalog-badge.zero{background:#f3f5f7;color:#7b8796}.local-catalog-pager{display:flex;gap:9px;align-items:center;justify-content:flex-end;margin-top:10px}.local-catalog-note{border-top:1px solid var(--line);margin-top:14px;padding-top:12px;line-height:1.55}.local-catalog-modal-box{width:min(1100px,96vw);max-height:90vh;display:flex;flex-direction:column}.local-catalog-modal-body{overflow:auto;display:grid;gap:14px;padding-right:2px}.local-catalog-detail-grid{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:8px}.local-catalog-detail-item{border:1px solid var(--line);border-radius:8px;padding:9px 10px;background:#fbfcfe}.local-catalog-detail-item span{display:block;color:var(--muted);font-size:10px;margin-bottom:4px}.local-catalog-detail-item b{font-size:13px;overflow-wrap:anywhere}.local-catalog-section h4{margin:0 0 8px}.local-catalog-json{background:#101a2b;color:#dce7f5;border-radius:9px;padding:12px;font:11px/1.45 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre-wrap;overflow:auto;max-height:480px}.local-catalog-chip-list{display:flex;flex-wrap:wrap;gap:6px}.local-catalog-chip{padding:4px 8px;border-radius:999px;border:1px solid var(--line);background:#f7f9fc;font-size:11px}.local-catalog-sync-params{max-width:430px;white-space:normal;overflow-wrap:anywhere;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:10px}
@media(max-width:1100px){.local-catalog-coverage{grid-template-columns:1fr 1fr}.local-catalog-filter-row{grid-template-columns:1fr 1fr}.local-catalog-detail-grid{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.local-catalog-coverage,.local-catalog-filter-row,.local-catalog-detail-grid{grid-template-columns:1fr}.local-catalog-pager{justify-content:flex-start}.local-catalog-modal-box{width:96vw}}

/* v0.29.0 — доставка, повернення та журнал документів */
.return-filter-card{margin-bottom:12px}
.order-return-actions{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap;margin:12px 0}
.order-return-actions .field{margin:0;min-width:260px;flex:1}
.order-timeline-card{border-top:1px solid var(--line);margin-top:14px;padding-top:12px}
.order-timeline-card .section-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px}
.document-timeline{display:grid;gap:8px;max-height:280px;overflow:auto}
.timeline-row{display:grid;grid-template-columns:145px minmax(0,1fr);gap:12px;padding:8px 10px;border-left:3px solid #cfe1fa;background:#f8fafc;border-radius:8px}
.timeline-row time{font-size:11px;color:var(--muted)}
.timeline-row b{display:block;color:#173b6b}.timeline-row small{display:block;color:var(--muted);margin-top:2px}
#page-returns .table-card{overflow:auto}#page-returns table{min-width:900px}
@media(max-width:700px){.timeline-row{grid-template-columns:1fr}.order-return-actions{align-items:stretch;flex-direction:column}.order-return-actions .field{min-width:0;width:100%}}

/* v0.29.4 — права, статуси та компактна актуальність */
.freshness-stack{display:grid;grid-template-columns:1fr;gap:12px;margin-bottom:12px}.freshness-card{padding:14px 16px}.freshness-card h2{margin:0 0 10px}.freshness-table{min-width:900px}.permissions-section-title{margin:16px 0 8px}.compact-permissions-grid .permission-check{padding:9px 10px}.status-actions-modal-box{width:min(920px,96vw);max-height:90vh;overflow:auto}.status-actions-note{padding:10px 12px;border:1px solid #d9e6f7;background:#f7fbff;border-radius:10px;color:#526176;font-size:13px;line-height:1.45}.status-actions-columns{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:14px}.status-actions-columns h4{margin:0 0 8px}.status-permissions-grid{display:grid;grid-template-columns:1fr;gap:7px}.status-permissions-grid label{display:flex;align-items:center;gap:9px;padding:8px 10px;border:1px solid var(--line);border-radius:9px;background:#fbfcfe}.status-permissions-grid input{width:17px;height:17px}.access-management{overflow:hidden}.access-matrix-wrap{margin-top:12px}.access-matrix-table{min-width:2400px}.access-matrix-table th,.access-matrix-table td{padding:8px 9px;text-align:center}.access-matrix-table th:first-child,.access-matrix-table td:first-child{text-align:left;position:sticky;left:0;z-index:2;background:white;min-width:230px}.access-matrix-table thead th:first-child{background:#f8fafc;z-index:3}.access-matrix-check{width:17px;height:17px}.access-user-name{display:grid;gap:2px}.access-user-name small{color:var(--muted)}.access-filter-row{margin-top:10px}.access-save-btn{white-space:nowrap}
@media(max-width:800px){.status-actions-columns{grid-template-columns:1fr}}
.access-matrix-check:disabled,.permission-check input:disabled{opacity:.3;cursor:not-allowed}

/* v0.29.5 — часткове виконання, резерв і snapshots замовлення */
.order-resolution-summary{display:grid;grid-template-columns:repeat(4,minmax(120px,1fr));gap:8px;margin:10px 0}
.order-resolution-summary>div{border:1px solid var(--line,#dbe4ef);border-radius:10px;padding:8px 10px;background:#f8fbff;display:flex;justify-content:space-between;gap:10px;align-items:center}
.order-resolution-summary span{font-size:12px;color:var(--muted,#6b7a90)}
.order-resolution-summary b{font-size:15px}
.order-items-table th,.order-items-table td{vertical-align:middle}
.order-item-qty{width:74px;min-width:64px;padding:6px 7px;text-align:right}
.order-snapshot-hint{display:block;margin-top:3px;color:var(--muted,#6b7a90);font-size:10px;line-height:1.3}
@media(max-width:1100px){.order-resolution-summary{grid-template-columns:repeat(2,minmax(120px,1fr))}.order-items-wrap{overflow-x:auto}.order-items-table{min-width:1180px}}

/* v0.29.6 — live cart stock, compact order resolution and delivery markers */
.cart-stock-cell{min-width:145px}.cart-stock-cell b{display:block;font-size:14px;color:#173b6b}.cart-stock-cell small{display:block;margin-top:3px;font-size:10px;color:var(--muted);white-space:normal}.cart-stock-shortage td{background:#fff5f5!important}.cart-stock-shortage .cart-stock-cell b{color:#c52a2a}
.delivery-cell{text-align:center}.delivery-icon{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:9px;background:#f3f6fa;font-size:17px;cursor:default}.delivery-driver{background:#eaf3ff}.delivery-pickup{background:#f3f4f6}
#orderModal .order-modal-box{width:min(1280px,calc(100vw - 24px));max-height:calc(100vh - 24px);padding:16px 18px;overflow-y:auto;overflow-x:hidden}
#orderModal .order-items-wrap{overflow-x:hidden;margin:10px 0}
#orderModal .order-items-table{width:100%;min-width:0!important;table-layout:fixed;font-size:11px}
#orderModal .order-items-table th,#orderModal .order-items-table td{padding:7px 6px;white-space:normal;overflow-wrap:anywhere}
#orderModal .order-items-table th:nth-child(2){width:11%}#orderModal .order-items-table th:nth-child(3){width:21%}#orderModal .order-items-table th:nth-child(4){width:6%}#orderModal .order-items-table th:nth-child(5){width:9%}#orderModal .order-items-table th:nth-child(6){width:7%}#orderModal .order-items-table th:nth-child(7){width:8%}#orderModal .order-items-table th:nth-child(8){width:6%}#orderModal .order-items-table th:nth-child(9){width:6%}#orderModal .order-items-table th:nth-child(10){width:10%}#orderModal .order-items-table th:nth-child(11){width:7%}#orderModal .order-items-table th:nth-child(12){width:9%}
#orderModal .order-item-qty{width:100%;min-width:48px;max-width:72px;padding:5px;text-align:center}
.order-live-stock b{display:block;color:#1c2d40}.order-live-stock small{display:block;margin-top:2px;color:var(--muted);font-size:9px}.order-live-stock.ok b{color:#18834a}.order-live-stock.shortage b{color:#c62b2b}
#orderModal .order-stock-ok td{background:#f1fbf5}#orderModal .order-stock-shortage td{background:#fff0f0}.order-stock-ok .badge{box-shadow:0 0 0 1px rgba(25,135,78,.08)}
.order-resolution-actions{display:flex;align-items:center;justify-content:flex-end;gap:14px;margin:10px 0 14px;padding:10px 12px;border:1px solid #dbe6f4;border-radius:10px;background:#f8fbff}.order-resolution-help{margin-right:auto;color:#61738a;font-size:11px}.order-resolution-actions .primary{min-width:150px}
@media(max-width:1050px){#orderModal .order-modal-box{width:calc(100vw - 12px);padding:12px}#orderModal .order-items-table{font-size:10px}#orderModal .order-items-table th,#orderModal .order-items-table td{padding:6px 4px}.order-resolution-help{display:none}}

/* v0.30.0 — driver availability workflow, rating fix and return checkbox spacing */
.order-delivery-workflow{margin:10px 0 12px;padding:12px;border:1px solid #d7e4f4;border-radius:11px;background:#f8fbff;display:grid;gap:10px}
.delivery-workflow-head{display:grid;grid-template-columns:1fr 1fr;gap:10px}.delivery-workflow-head>div{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid #e1e8f1;border-radius:9px;background:#fff;padding:9px 11px}.delivery-workflow-head span{font-size:11px;color:var(--muted)}.delivery-workflow-head b{font-size:13px;color:#173b6b;text-align:right}
.delivery-workflow-warning{padding:10px 11px;border:1px solid #f0c6a1;border-radius:9px;background:#fff7e8;color:#80551a;font-size:12px;font-weight:700}.delivery-workflow-wait{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:9px 11px;border:1px solid #d8e2ef;border-radius:9px;background:#fff}.delivery-workflow-wait span,.delivery-workflow-wait small{font-size:11px;color:var(--muted)}.delivery-workflow-wait small{width:100%}
.delivery-workflow-action{display:grid;grid-template-columns:minmax(220px,320px);gap:6px}.delivery-workflow-action label{font-size:12px;font-weight:700;color:#4e6076}.delivery-workflow-action small{font-size:10px;color:var(--muted)}
.delivery-workflow-choice{display:grid;gap:9px}.delivery-workflow-choice>b{font-size:12px;color:#344c67}.delivery-workflow-choice>div{display:flex;gap:8px;flex-wrap:wrap}.delivery-workflow-choice .danger{padding:10px 15px}
#orderModal .order-return-select-col{width:4%!important;min-width:44px;text-align:center!important;padding-left:8px!important;padding-right:14px!important;white-space:nowrap!important;overflow-wrap:normal!important}
#orderModal .order-return-select-col input{width:18px;height:18px;margin:0;vertical-align:middle}
#orderModal .order-article-col{padding-left:10px!important}
#orderModal .order-items-table th:nth-child(2){width:11%}#orderModal .order-items-table th:nth-child(3){width:22%}#orderModal .order-items-table th:nth-child(4){width:7%}#orderModal .order-items-table th:nth-child(5){width:9%}#orderModal .order-items-table th:nth-child(6),#orderModal .order-items-table th:nth-child(7),#orderModal .order-items-table th:nth-child(8){width:6%}#orderModal .order-items-table th:nth-child(9){width:11%}#orderModal .order-items-table th:nth-child(10){width:7%}#orderModal .order-items-table th:nth-child(11){width:9%}
@media(max-width:760px){.delivery-workflow-head{grid-template-columns:1fr}.delivery-workflow-choice>div{display:grid;grid-template-columns:1fr}.delivery-workflow-choice button{width:100%}}

/* v0.30.0 — claims */
.claim-attachments{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.claim-attachment{display:inline-flex;align-items:center;gap:7px;padding:8px 10px;border:1px solid var(--line);border-radius:10px;background:var(--panel);text-decoration:none;color:inherit;max-width:100%}
.claim-attachment b{max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.claim-attachment small{color:var(--muted);white-space:nowrap}
#claimDescriptionView{white-space:pre-wrap;min-height:48px}
#claimCreateItemsBody input[type=number]{min-width:86px;width:100px}

/* v0.30.2 — SLA / overdue actions */
.sla-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:999px;font-size:11px;font-weight:800;white-space:nowrap;border:1px solid transparent}
.sla-badge.ok{background:#e9f8ef;color:#138a42;border-color:#ccebd7}
.sla-badge.warning{background:#fff5d6;color:#9a6500;border-color:#f2dda0}
.sla-badge.critical{background:#ffe7e7;color:#c62828;border-color:#f2bcbc}
.sla-badge.inactive{background:#f3f5f8;color:#7b8797;border-color:#e1e6ec}
.sla-settings-note{padding:11px 13px;margin:0 0 10px;border:1px solid #d9e6f7;background:#f7fbff;border-radius:10px;color:#526176;font-size:13px;line-height:1.45}
.sla-settings-grid{grid-template-columns:repeat(3,minmax(220px,1fr));align-items:stretch}
.sla-enable-toggle{grid-column:1/-1}
.sla-setting-pair{display:grid;gap:5px;padding:12px;border:1px solid var(--line);border-radius:11px;background:#fbfcfe}
.sla-setting-pair>b{font-size:14px}.sla-setting-pair>small{color:var(--muted);min-height:30px}
.sla-setting-pair>div{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:4px}
.sla-setting-pair label{display:grid;gap:5px;color:var(--muted);font-size:11px;font-weight:700}
.sla-setting-pair input{width:100%;min-width:0}
.order-info-grid small,.return-info small,.claim-info small{font-weight:500;color:var(--muted)}
@media(max-width:900px){.sla-settings-grid{grid-template-columns:1fr}.sla-setting-pair>div{grid-template-columns:1fr 1fr}}

/* v0.30.4 — claims modal: no horizontal scroll; brand and article are separate */
#claimCreateModal .order-modal-box,#claimModal .order-modal-box{width:min(980px,calc(100vw - 24px));max-width:100%;overflow-y:auto;overflow-x:hidden}
#claimCreateModal .claim-table-card,#claimModal .claim-table-card{width:100%;max-width:100%;overflow-x:hidden}
#claimCreateModal .claim-items-table,#claimModal .claim-items-table{width:100%;min-width:0!important;table-layout:fixed}
#claimCreateModal .claim-items-table th,#claimCreateModal .claim-items-table td,#claimModal .claim-items-table th,#claimModal .claim-items-table td{min-width:0;white-space:normal;overflow-wrap:anywhere;word-break:normal;padding:9px 8px}
#claimCreateModal .claim-check-col{width:42px;text-align:center;padding-left:8px;padding-right:8px}
#claimCreateModal .claim-check-col input{width:18px;height:18px;margin:0;vertical-align:middle}
.claim-items-table .claim-brand-col{width:14%}
.claim-items-table .claim-article-col{width:18%}
.claim-items-table .claim-name-col{width:auto}
.claim-create-items-table .claim-received-col{width:11%;text-align:center}
.claim-create-items-table .claim-qty-col{width:15%;text-align:center}
.claim-view-items-table .claim-qty-col{width:17%;text-align:center}
.claim-items-table .claim-brand-col b,.claim-items-table .claim-article-col b{display:block;min-width:0;overflow-wrap:anywhere}
#claimCreateItemsBody input[type=number]{min-width:0;width:100%;max-width:92px;padding:8px 6px;text-align:center}
#claimCreateModal textarea,#claimModal textarea,#claimCreateModal select,#claimModal select,#claimCreateModal input[type=file],#claimModal input[type=file]{max-width:100%;min-width:0}
#claimCreateModal .modal-head>div,#claimModal .modal-head>div{min-width:0}
#claimCreateSubtitle,#claimModalSubtitle{overflow-wrap:anywhere}
@media(max-width:720px){
  #claimCreateModal,#claimModal{padding:6px}
  #claimCreateModal .order-modal-box,#claimModal .order-modal-box{width:calc(100vw - 12px);max-height:calc(100vh - 12px);padding:12px}
  #claimCreateModal .claim-items-table,#claimModal .claim-items-table{font-size:10px}
  #claimCreateModal .claim-items-table th,#claimCreateModal .claim-items-table td,#claimModal .claim-items-table th,#claimModal .claim-items-table td{padding:6px 4px;font-size:10px}
  #claimCreateModal .claim-check-col{width:30px;padding-left:3px;padding-right:3px}
  .claim-items-table .claim-brand-col{width:16%}.claim-items-table .claim-article-col{width:20%}.claim-create-items-table .claim-received-col{width:12%}.claim-create-items-table .claim-qty-col{width:17%}.claim-view-items-table .claim-qty-col{width:19%}
  #claimCreateItemsBody input[type=number]{padding:6px 2px;font-size:10px}
  #claimCreateModal .modal-actions,#claimModal .modal-actions{flex-wrap:wrap}
}

/* v0.30.4 — readable field-level audit details */
.audit-details{margin-top:5px;max-width:100%;font-size:11px;color:var(--muted)}
.audit-details summary{cursor:pointer;overflow-wrap:anywhere;color:#526b89}
.audit-details pre{max-width:100%;max-height:220px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;margin:6px 0 0;padding:8px;border:1px solid var(--line);border-radius:7px;background:#f7f9fc;color:#30435a;font:10px/1.4 ui-monospace,SFMono-Regular,Consolas,monospace}
.timeline-row>div{min-width:0}

/* v0.30.7 — management statistics */
.management-stats-section{display:grid;gap:12px;margin:14px 0}.management-head{align-items:flex-end}.management-kpis{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.management-kpis .stat-kpi small{font-size:9px;color:var(--muted);margin-top:3px}.management-grid{align-items:start}.management-table{overflow:auto}.management-table table{min-width:650px}.management-table th,.management-table td{white-space:nowrap}.management-table td:nth-child(1),.management-table td:nth-child(2){white-space:normal;min-width:140px}
@media(max-width:800px){.management-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.management-grid{grid-template-columns:1fr}.management-head{align-items:flex-start}}

/* v0.30.8 — alpha testing feedback */
.feedback-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);gap:14px;align-items:start}
.feedback-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.testing-score-grid{display:grid;grid-template-columns:repeat(5,minmax(120px,1fr));gap:8px;margin:12px 0}
.testing-score-grid label{display:flex;flex-direction:column;gap:6px;padding:10px;border:1px solid var(--line);border-radius:10px;background:#f8fbff;font-size:12px;color:#53657d}
.testing-score-grid select{width:100%}
.testing-feedback-list{display:grid;gap:9px;max-height:650px;overflow:auto}
.testing-feedback-item{border:1px solid var(--line);border-radius:11px;padding:11px;background:#fff}
.testing-feedback-item-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:7px}
.testing-feedback-item-meta{display:flex;gap:7px;flex-wrap:wrap;color:var(--muted);font-size:11px}
.testing-feedback-item p{margin:8px 0 0;white-space:pre-wrap;overflow-wrap:anywhere}
.testing-feedback-status{display:inline-flex;padding:4px 8px;border-radius:999px;font-size:11px;font-weight:800;background:#eef2f7;color:#40506a}
.testing-feedback-status.new{background:#eaf3ff;color:#0b63e6}.testing-feedback-status.review{background:#fff3cf;color:#8a5c00}.testing-feedback-status.planned{background:#efe8ff;color:#6542a5}.testing-feedback-status.resolved{background:#e8f8ee;color:#14833d}.testing-feedback-status.rejected{background:#ffe9e9;color:#b42318}
.testing-feedback-admin .testing-feedback-summary{margin-bottom:12px}.testing-feedback-filters{display:grid;grid-template-columns:repeat(3,minmax(170px,1fr));gap:10px;margin:10px 0 12px}
.testing-feedback-table-wrap{overflow-x:auto}.testing-feedback-table-wrap table{min-width:1100px}.testing-feedback-table-wrap td{vertical-align:top}.testing-feedback-comment-cell{max-width:360px;white-space:normal;overflow-wrap:anywhere}
.testing-feedback-detail{display:grid;gap:8px;padding:10px;border:1px solid var(--line);border-radius:10px;background:#f8fbff;margin-bottom:12px}.testing-feedback-detail p{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.testing-feedback-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;font-size:12px}.testing-feedback-attachment{display:inline-flex;align-items:center;gap:6px;margin-top:6px}.feedback-score-pill{display:inline-flex;min-width:38px;justify-content:center;padding:4px 7px;border-radius:999px;background:#eaf3ff;color:#0b63e6;font-weight:800}
@media(max-width:1050px){.feedback-layout{grid-template-columns:1fr}.testing-score-grid{grid-template-columns:repeat(2,minmax(140px,1fr))}}
@media(max-width:650px){.feedback-form-grid,.testing-feedback-filters,.testing-feedback-detail-grid{grid-template-columns:1fr}.testing-score-grid{grid-template-columns:1fr 1fr}}

.feedback-quick-btn{position:fixed;right:20px;bottom:82px;z-index:46;border:1px solid #c9d8eb;background:#fff;color:#0b63e6;border-radius:999px;padding:9px 13px;font-weight:800;box-shadow:0 7px 24px rgba(30,60,100,.14);cursor:pointer}.feedback-quick-btn:hover{background:#eef5ff}.pwa-standalone .feedback-quick-btn{bottom:max(82px,calc(82px + env(safe-area-inset-bottom)))}
@media(max-width:650px){.feedback-quick-btn span{display:none}.feedback-quick-btn{width:42px;height:42px;padding:0;display:grid;place-items:center;right:15px;bottom:76px}}

.testing-feedback-admin-reply{margin-top:9px;padding:8px 10px;border-radius:8px;background:#eef8f1;color:#215c35;font-size:12px;white-space:pre-wrap;overflow-wrap:anywhere}

/* v0.40.0 — scrollable desktop sidebar with always-visible account controls */
@media (min-width:761px){
  .sidebar{overflow:hidden}
  .sidebar-top{flex:0 0 auto}
  .sidebar nav{
    flex:1 1 auto;
    min-height:0;
    overflow-y:auto;
    overflow-x:hidden;
    overscroll-behavior:contain;
    scrollbar-gutter:stable;
    padding-right:3px;
  }
  .sidebar nav::-webkit-scrollbar{width:7px}
  .sidebar nav::-webkit-scrollbar-track{background:transparent}
  .sidebar nav::-webkit-scrollbar-thumb{background:#cbd6e4;border-radius:999px}
  .sidebar nav::-webkit-scrollbar-thumb:hover{background:#aebdd0}
  .sidebar-bottom{
    flex:0 0 auto;
    margin-top:0;
    position:relative;
    z-index:2;
    background:#fff;
  }
  .sidebar-bottom .sidebar-user{margin-top:0}
  body.sidebar-collapsed .sidebar nav{width:100%}
}

/* v0.30.11 — order deep links, compact timeline and two-stage manager/warehouse confirmation */
.order-number-link{color:#123d70;font-weight:800;text-decoration:none;border-bottom:1px dashed #8aa8c9;cursor:pointer}.document-number-link{color:#123d70;font-weight:800;text-decoration:none;border-bottom:1px dashed #8aa8c9;cursor:pointer}.order-number-link:hover,.document-number-link:hover{color:#0b67d6;border-bottom-color:#0b67d6}
.order-timeline-summary{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:2px 0}.order-timeline-summary h4{margin:0 0 3px}.order-timeline-summary p{margin:0;max-width:850px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.order-timeline-buttons{display:flex;gap:7px;flex:0 0 auto}.order-timeline-card.collapsed{padding-bottom:2px}.order-timeline-card:not(.collapsed) .order-timeline-summary{margin-bottom:8px}
.order-warehouse-actions{display:flex;align-items:center;justify-content:flex-end;gap:14px;margin:10px 0 14px;padding:10px 12px;border:1px solid #d7e7dc;border-radius:10px;background:#f6fbf7}.warehouse-check{display:inline-flex;align-items:center;justify-content:center;min-height:27px;padding:3px 7px;border-radius:7px;font-size:11px;font-weight:700;white-space:nowrap}.warehouse-check.none{color:#8390a0}.warehouse-check.pending{background:#f3f5f7;color:#657386}.warehouse-check.ok{background:#e8f7ee;color:#16723f}.warehouse-check.shortage{background:#fff0f0;color:#bc2727}.warehouse-check-edit{display:grid;gap:2px;justify-items:center}.warehouse-check-edit small{font-size:9px;color:var(--muted)}#orderModal .warehouse-item-qty{max-width:68px}.order-warehouse-shortage td{box-shadow:inset 0 1px 0 rgba(198,43,43,.08),inset 0 -1px 0 rgba(198,43,43,.08)}
@media(max-width:700px){.order-timeline-summary{align-items:flex-start;flex-direction:column}.order-timeline-summary p{max-width:100%}.order-timeline-buttons{width:100%}.order-timeline-buttons button{flex:1}.order-warehouse-actions{align-items:stretch;flex-direction:column}.order-warehouse-actions button{width:100%}}

/* v0.40.0 — isolated BOT end-to-end testing */
.bot-testing-card{margin:0 0 18px;padding:16px;border:1px solid var(--line,#dfe6ef);border-radius:14px;background:var(--card,#fff)}
.bot-testing-head{margin-bottom:10px}.bot-testing-head h3{margin:0 0 4px}.bot-testing-summary{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:8px 0 10px}.bot-test-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;background:#eef3f8;font-size:13px;font-weight:700}.bot-test-pill.ok{background:#e7f7ed;color:#15763a}.bot-test-pill.fail{background:#fdeaea;color:#a52323}.bot-testing-steps{display:grid;gap:6px}.bot-test-step{display:grid;grid-template-columns:24px minmax(190px,1fr) minmax(260px,2fr) auto;gap:8px;align-items:start;padding:8px 10px;border:1px solid #e6ebf1;border-radius:10px;background:#fafbfd;font-size:13px}.bot-test-step .bot-mark{font-weight:900}.bot-test-step.ok .bot-mark{color:#16833f}.bot-test-step.fail .bot-mark{color:#c42b2b}.bot-test-step small{white-space:nowrap}.testing-feedback-divider{height:1px;background:#e3e8ef;margin:16px 0}@media(max-width:850px){.bot-test-step{grid-template-columns:24px 1fr}.bot-test-step .bot-detail,.bot-test-step small{grid-column:2}.bot-test-step small{white-space:normal}}


/* v0.40.1 — document-by-document control sessions and visual reports */
.document-testing-card{margin:14px 0 18px;padding:16px;border:1px solid var(--line);border-radius:14px;background:#fff}.document-testing-card h3{margin:0 0 4px}.document-testing-controls{display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap}.document-testing-controls .field{min-width:170px;margin:0}.document-testing-controls .field.grow{flex:1 1 300px}.document-testing-status{margin-top:12px;padding:11px 12px;border:1px solid #dfe7f0;border-radius:10px;background:#f8fbff;display:flex;gap:10px;align-items:center;flex-wrap:wrap}.document-testing-status.active{border-color:#9fc4ff;background:#eef6ff}.document-testing-status.done{border-color:#b9ddc5;background:#f1faf4}.document-test-countdown{font-weight:900;color:#0b63e6}.doc-actions{display:flex;gap:6px;align-items:center;justify-content:flex-end;flex-wrap:wrap}.doc-report-btn{white-space:nowrap}.document-test-report-box{width:min(900px,calc(100vw - 28px));max-height:calc(100vh - 28px);overflow:auto}.document-test-report-meta{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 14px}.document-test-report-meta span{padding:6px 9px;border-radius:999px;background:#eef3f8;font-size:12px;font-weight:700}.document-test-route{position:relative;display:grid;gap:0;padding:4px 0 8px}.document-test-event{position:relative;display:grid;grid-template-columns:92px 22px minmax(0,1fr);gap:10px;align-items:start;min-height:72px}.document-test-event:not(:last-child)::after{content:"";position:absolute;left:102px;top:25px;bottom:-2px;width:3px;background:#cbd5e1;border-radius:3px}.document-test-time{font-weight:800;text-align:right;padding-top:4px;color:#40536c}.document-test-station{position:relative;z-index:2;width:18px;height:18px;border-radius:50%;margin-top:3px;background:#fff;border:4px solid #8493a7}.document-test-station.buyer{border-color:#1769e0}.document-test-station.manager{border-color:#16984c}.document-test-station.warehouse{border-color:#f07c00}.document-test-station.driver{border-color:#8247d6}.document-test-station.admin{border-color:#27364b}.document-test-station.system{border-color:#8493a7}.document-test-event-body{min-width:0;padding:0 0 13px}.document-test-event-body b{display:block;font-size:13px;margin-bottom:3px}.document-test-event-body p{margin:0;white-space:normal;overflow-wrap:anywhere}.document-test-role{display:inline-flex;margin-top:6px;padding:3px 7px;border-radius:999px;background:#eef3f8;color:#52647b;font-size:10px;font-weight:800}.document-test-empty{padding:24px;text-align:center;border:1px dashed #ccd7e4;border-radius:11px;color:var(--muted)}
@media(max-width:650px){.document-testing-controls{display:grid;grid-template-columns:1fr}.document-testing-controls .field{min-width:0}.document-test-event{grid-template-columns:72px 20px minmax(0,1fr);gap:7px}.document-test-event:not(:last-child)::after{left:81px}.document-test-time{font-size:11px}}

/* v0.40.2 — animated Office-style AUTOGROUP helper during Safe Update */
.assistant-settings-card{margin-top:14px}.assistant-settings-row{display:grid;grid-template-columns:minmax(320px,1.4fr) minmax(190px,.7fr) auto;gap:12px;align-items:end}.assistant-admin-settings{align-items:stretch}.assistant-admin-preview{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:6px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:#fbfcfe}
.portal-update-overlay-card{position:relative;width:min(820px,calc(100vw - 28px));padding:24px 28px 20px;overflow:hidden}
.portal-update-preview-close{position:absolute;right:14px;top:12px;width:34px;height:34px;border:0;border-radius:9px;background:#eef2f7;color:#334155;font-size:23px;line-height:1;cursor:pointer}.portal-update-preview-close:hover{background:#e2e8f0}
.portal-update-overlay-card p{min-height:0;margin:8px 0 14px}.portal-update-progress-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 2px 6px;color:#64748b;font-size:12px}.portal-update-progress-head b{font-size:13px;color:#163a67;font-variant-numeric:tabular-nums}
.portal-update-progress-track{height:18px;border:1px solid #c8d7e8;border-radius:999px;background:linear-gradient(#eef3f8,#e4ebf3);overflow:hidden;box-shadow:inset 0 1px 2px rgba(15,23,42,.08)}
.portal-update-progress-bar{position:relative;height:100%;width:0;transform:none!important;border-radius:999px;background:linear-gradient(90deg,#0b63e6,#2f8cff);transition:width .45s ease;animation:none;overflow:hidden}
.portal-update-progress-bar::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 0 34%,rgba(255,255,255,.5) 46%,transparent 58% 100%);transform:translateX(-110%)}
.portal-update-overlay.running .portal-update-progress-bar::after{animation:portal-progress-shine 1.35s linear infinite}
.portal-update-overlay.failed .portal-update-progress-bar{background:linear-gradient(90deg,#c92c2c,#e05252)}
.portal-update-overlay.completed .portal-update-progress-bar{background:linear-gradient(90deg,#159447,#37b968)}
@keyframes portal-progress-shine{to{transform:translateX(130%)}}

.portal-update-mascot-scene{position:relative;margin:16px -8px 0;padding:13px 8px 3px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;border-top:1px solid #e5ebf2;min-height:150px;transition:opacity .25s ease,max-height .25s ease,margin .25s ease,padding .25s ease}
.portal-update-mascot-scene[hidden]{display:none}.helper{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;min-width:0;padding-top:5px;color:#26384e}.helper>b{display:block;margin-top:7px;font-size:11px;white-space:nowrap}.helper-head{position:relative;width:58px;height:58px;border-radius:30px 30px 24px 24px;background:#f6cf2e;border:2px solid #c99d15;box-shadow:inset 5px 0 0 rgba(255,255,255,.18);z-index:3}.goggle{position:absolute;top:15px;width:23px;height:23px;border:5px solid #6b7280;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 6px #f8fafc}.goggle::after{content:"";position:absolute;width:6px;height:6px;border-radius:50%;background:#26384e;left:4px;top:4px}.g1{left:5px}.g2{right:5px}.helper-manager .g2,.helper-driver .g2{display:none}.helper-manager .g1,.helper-driver .g1{left:16px}.helper-mouth{position:absolute;left:19px;bottom:8px;width:19px;height:8px;border-bottom:3px solid #6b3d20;border-radius:0 0 16px 16px}.helper-mouth.strict{border-bottom:0;border-top:3px solid #6b3d20;border-radius:16px 16px 0 0;bottom:5px}
.helper-body{position:relative;margin-top:-6px;width:66px;height:54px;border-radius:13px 13px 9px 9px;background:#2768b5;border:2px solid #174d8b;z-index:2;box-shadow:inset 0 7px 0 rgba(255,255,255,.08)}.helper-manager .helper-body{background:linear-gradient(#fff 0 42%,#2768b5 42%);}.helper-supervisor .helper-body{background:#263241;border-color:#101827}.helper-body::before,.helper-body::after{content:"";position:absolute;bottom:-3px;width:13px;height:25px;border-radius:8px;background:#1e4e85;z-index:-1}.helper-body::before{left:8px;transform:rotate(7deg)}.helper-body::after{right:8px;transform:rotate(-7deg)}
.helper-paper,.helper-box,.helper-carton,.helper-parcel,.helper-clipboard,.helper-phone,.helper-scanner,.helper-wheel,.helper-check,.helper-glasses{position:absolute;display:grid;place-items:center;font-weight:900}.helper-paper{left:-18px;top:5px;width:32px;height:39px;background:#fff;border:1px solid #9db0c5;border-radius:3px;font-size:9px;color:#0b63e6;transform:rotate(-8deg)}.helper-box,.helper-carton,.helper-parcel{right:-16px;bottom:2px;width:32px;height:28px;background:#c8944d;border:1px solid #875c2a;border-radius:3px;font-size:9px;color:#253a50}.helper-phone{right:-10px;top:6px;width:21px;height:31px;background:#263241;border-radius:4px;color:#86d1ff}.helper-check{left:-9px;top:8px;font-size:30px;color:#27a65c}.helper-scanner{left:-12px;top:7px;width:20px;height:30px;background:#263241;border-radius:3px;color:#7ee3ff;transform:rotate(-12deg)}.helper-carton{right:-17px}.helper-wheel{left:-12px;bottom:2px;width:27px;height:27px;border-radius:50%;background:#263241;color:#cbd5e1;font-size:17px}.helper-parcel{right:-18px;bottom:8px}.helper-clipboard{left:-13px;top:4px;width:26px;height:36px;background:#f2e4bd;border:1px solid #8b6c3d;border-radius:3px;color:#253a50;font-size:17px}.helper-glasses{right:-14px;top:-13px;color:#111827;font-size:17px;transform:rotate(-6deg)}
.helper::before{content:"";position:absolute;width:68px;height:13px;border-radius:50%;background:rgba(15,23,42,.13);bottom:17px;filter:blur(2px)}
.portal-update-overlay.running .helper-buyer{animation:helper-bob 1.9s ease-in-out infinite}.portal-update-overlay.running .helper-manager{animation:helper-bob 1.9s .25s ease-in-out infinite}.portal-update-overlay.running .helper-warehouse{animation:helper-bob 1.9s .5s ease-in-out infinite}.portal-update-overlay.running .helper-driver{animation:helper-bob 1.9s .75s ease-in-out infinite}.portal-update-overlay.running .helper-supervisor{animation:supervisor-look 2.4s ease-in-out infinite}
.portal-update-overlay.running .helper-paper{animation:paper-wave 1.35s ease-in-out infinite}.portal-update-overlay.running .helper-phone{animation:phone-wave 1.2s ease-in-out infinite}.portal-update-overlay.running .helper-scanner{animation:scanner-scan .9s ease-in-out infinite}.portal-update-overlay.running .helper-parcel{animation:parcel-bounce 1.2s ease-in-out infinite}.portal-update-overlay.running .helper-clipboard{animation:clipboard-tap 1.4s ease-in-out infinite}
@keyframes helper-bob{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-5px) rotate(1deg)}}@keyframes supervisor-look{0%,100%{transform:translateX(0)}25%{transform:translateX(-3px)}75%{transform:translateX(3px)}}@keyframes paper-wave{0%,100%{transform:rotate(-8deg)}50%{transform:rotate(7deg)}}@keyframes phone-wave{0%,100%{transform:rotate(0)}50%{transform:rotate(9deg)}}@keyframes scanner-scan{0%,100%{transform:rotate(-12deg) translateY(0)}50%{transform:rotate(2deg) translateY(7px)}}@keyframes parcel-bounce{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes clipboard-tap{0%,100%{transform:rotate(0)}50%{transform:rotate(-5deg)}}
.helper.personal{filter:drop-shadow(0 0 7px rgba(11,99,230,.35))}.helper.personal>b{color:#0b63e6}.helper.personal::after{content:"Ваш";position:absolute;top:-2px;right:1px;background:#0b63e6;color:#fff;font-size:8px;font-weight:900;padding:2px 5px;border-radius:999px;z-index:5}
.banana,.banana-shout{position:absolute;opacity:0;pointer-events:none}.banana{left:23px;top:10px;font-size:32px;z-index:9;transform:translateY(18px) rotate(-25deg)}.banana-shout{left:-29px;top:-37px;width:124px;padding:7px 8px;background:#fff8c9;border:2px solid #d7a80d;border-radius:14px;color:#5a4300;font-size:13px;font-weight:1000;z-index:10;transform:scale(.6)}.banana-shout::after{content:"";position:absolute;left:54px;bottom:-9px;border:9px solid transparent;border-top-color:#d7a80d;border-bottom:0}
.portal-update-overlay.completed.fun-enabled .helper-buyer .helper-box{animation:box-open .7s ease both}.portal-update-overlay.completed.fun-enabled .banana{animation:banana-pop 1.05s .45s cubic-bezier(.2,.9,.3,1.25) both}.portal-update-overlay.completed.fun-enabled .banana-shout{animation:banana-yell .6s 1.15s cubic-bezier(.2,.9,.3,1.3) both}.portal-update-overlay.completed.fun-enabled .helper:not(.helper-buyer){animation:helper-cheer .45s 1.1s ease-in-out 3}.portal-update-overlay.completed.fun-enabled .helper-supervisor{animation:admin-smile .8s 1.2s ease both}
@keyframes box-open{0%{transform:rotate(0)}100%{transform:rotate(13deg) translate(3px,5px)}}@keyframes banana-pop{0%{opacity:0;transform:translateY(22px) rotate(-35deg) scale(.4)}55%{opacity:1;transform:translateY(-30px) rotate(10deg) scale(1.2)}100%{opacity:1;transform:translateY(-21px) rotate(-5deg) scale(1)}}@keyframes banana-yell{0%{opacity:0;transform:scale(.5) rotate(-6deg)}100%{opacity:1;transform:scale(1) rotate(0)}}@keyframes helper-cheer{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px) rotate(3deg)}}@keyframes admin-smile{0%{transform:scale(1)}55%{transform:scale(1.06) rotate(-2deg)}100%{transform:scale(1)}}
.portal-update-overlay.no-fun .portal-update-mascot-scene{display:none}.portal-update-overlay.no-fun .portal-update-overlay-card{width:min(560px,calc(100vw - 28px))}.portal-update-overlay.previewing{z-index:100010}
@media(max-width:800px){.assistant-settings-row{grid-template-columns:1fr}.portal-update-overlay-card{width:min(650px,calc(100vw - 16px));padding:20px 16px}.portal-update-mascot-scene{grid-template-columns:repeat(5,104px);overflow-x:auto;justify-content:start}.helper>b{white-space:normal;min-height:26px}.portal-update-progress-head{font-size:11px}}

/* v0.40.3 — redesigned animated yellow helper crew */
.portal-update-overlay-card{width:min(1080px,calc(100vw - 28px));padding:24px 30px 22px}
.portal-update-overlay-card>h2{font-size:25px;margin-bottom:4px}.portal-update-overlay-card>p{font-size:14px}
.portal-update-mascot-scene.mascot-v403{position:relative;margin:18px -10px 0;padding:28px 10px 4px;display:grid;grid-template-columns:repeat(5,minmax(145px,1fr));gap:12px;border-top:1px solid #dce6f0;min-height:246px;overflow:visible;background:linear-gradient(180deg,#fbfdff 0,#fff 72%);border-radius:0 0 14px 14px}
.mascot-v403 .helper{position:relative;display:flex;min-width:0;flex-direction:column;align-items:center;justify-content:flex-end;padding:0 3px;color:#26384e;transform-origin:50% 92%;z-index:2}
.mascot-v403 .helper::before{content:none}.mascot-v403 .helper>b{margin:4px 0 0;font-size:12px;font-weight:900;white-space:nowrap}.mascot-v403 .helper>small{margin-top:2px;color:#73849a;font-size:9px;white-space:nowrap}
.mascot-v403 .helper-stage-card{position:relative;width:100%;height:184px;display:grid;place-items:end center;overflow:visible}.mascot-v403 .mascot-svg{width:148px;height:174px;overflow:visible;filter:drop-shadow(0 8px 7px rgba(38,56,78,.08))}
.mascot-v403 .mascot-shadow{fill:rgba(25,40,60,.15)}.mascot-v403 .goggle-band{fill:none;stroke:#495463;stroke-width:8;stroke-linecap:round}.mascot-v403 .smile{fill:none;stroke:#744328;stroke-width:4;stroke-linecap:round}.mascot-v403 .strict-mouth{fill:none;stroke:#633a28;stroke-width:4;stroke-linecap:round}.mascot-v403 .strap{fill:none;stroke:#123e70;stroke-width:6;stroke-linecap:round}.mascot-v403 .mascot-leg{fill:none;stroke:#1b4a80;stroke-width:9;stroke-linecap:round}.mascot-v403 .mascot-shoe{fill:none;stroke:#222d3a;stroke-width:9;stroke-linecap:round}.mascot-v403 .mascot-arm path,.mascot-v403 .manager-arm path,.mascot-v403 .scanner-arm>path{fill:none;stroke:#edbf25;stroke-width:10;stroke-linecap:round}.mascot-v403 .admin-brow{fill:none;stroke:#403226;stroke-width:5;stroke-linecap:round}
.mascot-v403 .mascot-workline{position:absolute;z-index:0;left:5%;right:5%;bottom:45px;height:5px;border-radius:999px;background:repeating-linear-gradient(90deg,#d5e0eb 0 30px,#eef3f8 30px 42px);box-shadow:0 1px 0 #fff inset}.mascot-v403 .mascot-travel-box{position:absolute;left:0;top:-26px;width:30px;height:25px;border:1px solid #79501f;border-radius:4px;background:#c8944d;color:#25384e;display:grid;place-items:center;font-size:9px;font-weight:1000;box-shadow:0 4px 9px rgba(27,42,60,.16);opacity:0}
.portal-update-overlay.running .mascot-v403 .mascot-travel-box{opacity:1;animation:travel-package 7s linear infinite}
@keyframes travel-package{0%{left:0;transform:translateY(0) rotate(-4deg)}18%{left:22%;transform:translateY(-3px) rotate(4deg)}39%{left:45%;transform:translateY(0) rotate(-3deg)}61%{left:68%;transform:translateY(-4px) rotate(3deg)}82%{left:91%;transform:translateY(0) rotate(-2deg)}100%{left:0;transform:translateY(0) rotate(-4deg)}}

/* obvious looping actions */
.portal-update-overlay.running .mascot-v403 .helper-buyer .mascot-character{animation:crew-bob 1.35s ease-in-out infinite}.portal-update-overlay.running .mascot-v403 .mascot-paper{transform-origin:24px 124px;animation:buyer-paper 1.05s ease-in-out infinite}.portal-update-overlay.running .mascot-v403 .helper-buyer .pupil{animation:eyes-read 1.8s ease-in-out infinite}
.portal-update-overlay.running .mascot-v403 .helper-manager .mascot-character{animation:manager-nod 1.5s ease-in-out infinite}.portal-update-overlay.running .mascot-v403 .mascot-phone{transform-origin:130px 84px;animation:phone-ring .62s ease-in-out infinite}.portal-update-overlay.running .mascot-v403 .manager-check{animation:check-pulse 1.25s ease-in-out infinite}
.portal-update-overlay.running .mascot-v403 .helper-warehouse .mascot-character{animation:crew-bob 1.25s .15s ease-in-out infinite}.portal-update-overlay.running .mascot-v403 .scanner-arm{transform-origin:45px 108px;animation:scanner-arm 1.05s ease-in-out infinite}.portal-update-overlay.running .mascot-v403 .scanner-beam{animation:scan-beam 1.05s ease-in-out infinite}.portal-update-overlay.running .mascot-v403 .warehouse-box{animation:box-jostle 1.05s ease-in-out infinite}
.portal-update-overlay.running .mascot-v403 .driver-character{animation:driver-bounce .72s ease-in-out infinite}.portal-update-overlay.running .mascot-v403 .driver-parcel{animation:parcel-jiggle .9s ease-in-out infinite}.portal-update-overlay.running .mascot-v403 .driver-van{animation:van-rock .72s ease-in-out infinite}.portal-update-overlay.running .mascot-v403 .van-wheel{transform-box:fill-box;transform-origin:center;animation:wheel-spin .72s linear infinite}
.portal-update-overlay.running .mascot-v403 .supervisor-character{animation:admin-lean 2.1s ease-in-out infinite}.portal-update-overlay.running .mascot-v403 .admin-eye{animation:admin-eyes 2.1s steps(2,end) infinite}.portal-update-overlay.running .mascot-v403 .admin-clipboard{transform-origin:105px 142px;animation:clipboard-check 1.15s ease-in-out infinite}.portal-update-overlay.running .mascot-v403 .admin-brow.l{animation:brow-left 2.1s ease-in-out infinite}.portal-update-overlay.running .mascot-v403 .admin-brow.r{animation:brow-right 2.1s ease-in-out infinite}
@keyframes crew-bob{0%,100%{transform:translateY(0) rotate(0)}45%{transform:translateY(-6px) rotate(-1deg)}65%{transform:translateY(-3px) rotate(1deg)}}@keyframes buyer-paper{0%,100%{transform:rotate(-7deg) translateY(0)}50%{transform:rotate(8deg) translateY(-3px)}}@keyframes eyes-read{0%,20%,100%{transform:translateX(-2px)}45%,70%{transform:translateX(3px)}}@keyframes manager-nod{0%,100%{transform:rotate(0) translateY(0)}40%{transform:rotate(2deg) translateY(-3px)}65%{transform:rotate(-2deg) translateY(-1px)}}@keyframes phone-ring{0%,100%{transform:rotate(0)}25%{transform:rotate(8deg)}75%{transform:rotate(-8deg)}}@keyframes check-pulse{0%,100%{transform:scale(.9);opacity:.7}50%{transform:scale(1.12);opacity:1}}@keyframes scanner-arm{0%,100%{transform:rotate(-8deg) translateY(-2px)}50%{transform:rotate(13deg) translateY(5px)}}@keyframes scan-beam{0%,30%,100%{opacity:0}45%,70%{opacity:.95}}@keyframes box-jostle{0%,100%{transform:translateY(0)}50%{transform:translateY(-2px) rotate(1deg)}}@keyframes driver-bounce{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes parcel-jiggle{0%,100%{transform:rotate(-2deg)}50%{transform:rotate(3deg) translateY(-3px)}}@keyframes van-rock{0%,100%{transform:translateX(-1px) rotate(0)}50%{transform:translateX(2px) rotate(.8deg)}}@keyframes wheel-spin{to{transform:rotate(360deg)}}@keyframes admin-lean{0%,100%{transform:translateX(0) rotate(0)}30%{transform:translateX(-4px) rotate(-1deg)}70%{transform:translateX(4px) rotate(1deg)}}@keyframes admin-eyes{0%,45%{transform:translateX(-3px)}46%,100%{transform:translateX(3px)}}@keyframes clipboard-check{0%,100%{transform:rotate(0)}50%{transform:rotate(-7deg) translateY(-3px)}}@keyframes brow-left{0%,100%{transform:rotate(0)}50%{transform:rotate(-7deg)}}@keyframes brow-right{0%,100%{transform:rotate(0)}50%{transform:rotate(7deg)}}

/* personal assistant marker */
.mascot-v403 .helper.personal{filter:none}.mascot-v403 .helper.personal .helper-stage-card{filter:drop-shadow(0 0 9px rgba(11,99,230,.34))}.mascot-v403 .helper.personal>b{color:#0b63e6}.mascot-v403 .helper.personal::after{content:"Ваш";position:absolute;top:-3px;right:7px;background:#0b63e6;color:#fff;font-size:8px;font-weight:1000;padding:3px 6px;border-radius:999px;z-index:8}

/* banana finale: only after a successful update */
.mascot-v403 .mascot-banana{opacity:0;transform-origin:120px 115px}.mascot-v403 .banana-shout{position:absolute;z-index:12;left:50%;top:4px;width:132px;margin-left:-66px;padding:8px 8px;border:2px solid #d6a90e;border-radius:15px;background:#fff6b7;color:#624700;font-size:14px;font-weight:1000;opacity:0;transform:scale(.55) rotate(-5deg);box-shadow:0 7px 20px rgba(100,76,0,.15)}.mascot-v403 .banana-shout::after{content:"";position:absolute;left:58px;bottom:-10px;border:10px solid transparent;border-top-color:#d6a90e;border-bottom:0}
.portal-update-overlay.completed.fun-enabled .mascot-v403 .mascot-workline{opacity:.25}.portal-update-overlay.completed.fun-enabled .mascot-v403 .mascot-travel-box{display:none}.portal-update-overlay.completed.fun-enabled .mascot-v403 .helper-buyer{z-index:5;animation:buyer-finale-hop .55s ease-in-out 2}.portal-update-overlay.completed.fun-enabled .mascot-v403 .helper-buyer .mascot-parcel-lid{transform-box:fill-box;transform-origin:left bottom;animation:parcel-open .7s .15s ease-out both}.portal-update-overlay.completed.fun-enabled .mascot-v403 .helper-buyer .mascot-banana{animation:banana-svg-pop 1.05s .62s cubic-bezier(.18,.9,.35,1.35) both}.portal-update-overlay.completed.fun-enabled .mascot-v403 .helper-buyer .banana-shout{animation:banana-bubble .65s 1.25s cubic-bezier(.18,.9,.35,1.35) both}.portal-update-overlay.completed.fun-enabled .mascot-v403 .helper:not(.helper-buyer){animation:crew-celebrate .42s 1.22s ease-in-out 4}.portal-update-overlay.completed.fun-enabled .mascot-v403 .helper-supervisor{animation:admin-reluctant-smile .8s 1.2s ease both}
@keyframes buyer-finale-hop{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px) rotate(-2deg)}}@keyframes parcel-open{from{transform:rotate(0)}to{transform:rotate(-48deg) translate(-2px,-2px)}}@keyframes banana-svg-pop{0%{opacity:0;transform:translate(2px,18px) rotate(-35deg) scale(.35)}55%{opacity:1;transform:translate(-8px,-32px) rotate(12deg) scale(1.28)}100%{opacity:1;transform:translate(-4px,-24px) rotate(-6deg) scale(1.04)}}@keyframes banana-bubble{0%{opacity:0;transform:scale(.5) rotate(-7deg)}70%{opacity:1;transform:scale(1.08) rotate(2deg)}100%{opacity:1;transform:scale(1) rotate(0)}}@keyframes crew-celebrate{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-8px) rotate(2deg)}}@keyframes admin-reluctant-smile{0%{transform:scale(1)}55%{transform:scale(1.04) rotate(-1deg)}100%{transform:scale(1)}}

.portal-update-overlay.no-fun .portal-update-mascot-scene.mascot-v403{display:none}.portal-update-overlay.no-fun .portal-update-overlay-card{width:min(620px,calc(100vw - 28px))}
@media(max-width:980px){.portal-update-overlay-card{width:min(860px,calc(100vw - 16px));padding:20px 18px}.portal-update-mascot-scene.mascot-v403{grid-template-columns:repeat(5,145px);overflow-x:auto;justify-content:start;padding-bottom:10px}.mascot-v403 .mascot-workline{display:none}}
@media(prefers-reduced-motion:reduce){.portal-update-overlay.running .mascot-v403 *,.portal-update-overlay.completed .mascot-v403 *{animation-duration:.001ms!important;animation-iteration-count:1!important}}

/* v0.40.7 — sequential four-screen Safe Update slideshow */
.portal-update-overlay-card.update-story-card{width:min(1180px,calc(100vw - 24px));padding:24px 30px 22px}
.portal-update-story{position:relative;margin:16px -12px -2px;min-height:238px;border-radius:16px;overflow:hidden;background:#05070a;transition:background-color .9s ease,box-shadow .9s ease;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.update-story-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:16px;height:100%;min-height:238px;align-items:center;transition:opacity .45s ease}
.update-story-grid.story-hidden{opacity:0}
.update-story-screen{position:relative;aspect-ratio:16/10;border-radius:13px;overflow:hidden;background:#080b10;border:1px solid rgba(255,255,255,.10);opacity:0;transform:translateY(9px) scale(.985);transition:opacity .42s ease,transform .42s ease,box-shadow .42s ease}
.update-story-screen.visible{opacity:1;transform:translateY(0) scale(1);box-shadow:0 12px 32px rgba(0,0,0,.34)}
.update-story-screen.settled{box-shadow:0 8px 24px rgba(0,0,0,.25)}
.update-story-screen img{display:block;width:100%;height:100%;object-fit:cover;opacity:1;transform:scale(1);transition:opacity .24s ease,transform .6s ease;user-select:none;-webkit-user-drag:none}
.update-story-screen.frame-swap img{opacity:.22;transform:scale(1.025)}
.update-story-finale{position:absolute;inset:0;display:grid;place-items:center;opacity:0;pointer-events:none;transition:opacity .5s ease}
.update-story-finale.visible{opacity:1}
.update-story-finale-text{font-size:clamp(38px,6vw,74px);font-weight:1000;letter-spacing:-.035em;color:#0b0f16;transform:translateY(8px);animation:updateStoryFinalText .45s ease both}
.portal-update-story.finalizing{background:#2b2d31}
.portal-update-story.final-white{background:#fff;box-shadow:inset 0 0 0 1px #e5eaf0}
@keyframes updateStoryFinalText{from{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
.portal-update-overlay.no-fun .portal-update-story{display:none}.portal-update-overlay.no-fun .portal-update-overlay-card{width:min(620px,calc(100vw - 28px))}
@media(max-width:900px){.portal-update-overlay-card.update-story-card{width:min(760px,calc(100vw - 12px));padding:18px 14px}.portal-update-story{min-height:360px}.update-story-grid{grid-template-columns:repeat(2,minmax(0,1fr));min-height:360px;gap:10px;padding:12px}}
@media(max-width:560px){.portal-update-story{min-height:510px}.update-story-grid{grid-template-columns:1fr;min-height:510px;overflow:auto}.update-story-screen{aspect-ratio:16/9}.update-story-finale-text{font-size:38px}}
@media(prefers-reduced-motion:reduce){.portal-update-story,.update-story-grid,.update-story-screen,.update-story-screen img,.update-story-finale,.update-story-finale-text{transition:none!important;animation:none!important}}

/* v0.40.7 — selectable Safe Update visual themes */
.update-theme-yellow[hidden],.portal-update-story[hidden]{display:none!important}
.portal-update-overlay.theme-yellow .portal-update-overlay-card.update-story-card{width:min(1080px,calc(100vw - 24px))}
.portal-update-overlay.theme-yellow .update-theme-yellow{display:block}
.portal-update-overlay.theme-comic .update-theme-yellow{display:none!important}
.portal-update-overlay.theme-yellow .portal-update-story{display:none!important}
.portal-update-overlay.theme-comic .portal-update-story{display:block}
.portal-update-overlay.no-fun .update-theme-yellow{display:none!important}
@media(max-width:980px){.portal-update-overlay.theme-yellow .portal-update-overlay-card.update-story-card{width:min(860px,calc(100vw - 16px))}}

/* v0.40.9 — two-level company pricing rules */
.markup-default-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:12px 0 16px}.markup-rule-card{display:grid;gap:6px;padding:14px;border:1px solid #dce4ef;border-radius:12px;background:#f8fbff}.markup-rule-card>span{font-size:12px;color:#62748c;text-transform:uppercase;letter-spacing:.03em}.markup-rule-card>b{font-size:15px}.markup-rule-card input{max-width:180px}.markup-rule-card small{color:#667991;line-height:1.35}.markup-groups-section{margin-top:4px}.markup-groups-section h3{margin:0 0 4px}.markup-groups-empty{padding:14px;border:1px dashed #cbd6e5;border-radius:10px;background:#fafcff}.recommended-price{white-space:nowrap}.recommended-price .muted{font-size:12px}@media(max-width:760px){.markup-default-grid{grid-template-columns:1fr}}
.portal-movement-note{margin-top:3px;font-size:10px;font-weight:700;color:#7a4e00;white-space:nowrap}

/* v0.40.13 — editable Word-like manual */
.manual-page-v4013{max-width:1180px}.manual-toolbar{position:sticky;top:8px;z-index:15;display:flex;align-items:center;flex-wrap:wrap;gap:6px;padding:9px 10px;margin-bottom:10px;background:rgba(255,255,255,.97);backdrop-filter:blur(8px)}.manual-toolbar button,.manual-toolbar select{min-height:34px}.manual-toolbar button{border:1px solid var(--line);background:#fff;border-radius:8px;padding:6px 10px;font-weight:700;cursor:pointer}.manual-toolbar button:hover{background:#f1f6ff}.manual-toolbar-sep{width:1px;height:25px;background:var(--line);margin:0 2px}.manual-toolbar small{flex:1 1 280px;margin-left:6px}.manual-document{min-height:520px;padding:34px clamp(18px,4vw,54px);line-height:1.58;font-size:15px;overflow-wrap:anywhere}.manual-document[contenteditable="true"]{outline:2px solid #86b6ff;box-shadow:0 0 0 4px rgba(22,111,239,.09);background:#fff}.manual-document h1{font-size:30px;margin:0 0 18px}.manual-document h2{font-size:21px;margin:30px 0 10px;padding-bottom:6px;border-bottom:1px solid #e5eaf1}.manual-document h3{font-size:17px;margin:22px 0 8px}.manual-document p{margin:8px 0}.manual-document ul,.manual-document ol{padding-left:26px}.manual-document blockquote{margin:16px 0;padding:12px 16px;border-left:4px solid #4d8ef7;background:#f3f7ff;border-radius:0 10px 10px 0}.manual-document img{display:block;max-width:100%;height:auto;margin:16px auto;border:1px solid #d9e0e9;border-radius:10px;box-shadow:0 6px 18px rgba(22,36,57,.08)}.manual-document a{color:#0b63e6;text-decoration:underline}.manual-updated-at{margin:8px 2px 20px;text-align:right}

/* v0.40.13 — profile assistant switches */
.assistant-profile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 14px;align-items:stretch}.assistant-profile-grid>.field,.assistant-profile-grid>button{align-self:end}.assistant-profile-grid .setting-toggle{min-height:68px}.assistant-profile-grid #previewMyAssistantBtn{min-height:38px}

/* v0.40.13 — comic assistant popup based on Safe Update characters */
.assistant-comic{position:fixed;right:26px;bottom:82px;z-index:2400;display:grid;grid-template-columns:158px minmax(280px,420px);align-items:end;gap:0;filter:drop-shadow(0 16px 32px rgba(10,20,35,.24));animation:assistantComicIn .35s cubic-bezier(.17,.82,.25,1.08) both}.assistant-comic[hidden]{display:none!important}.assistant-comic-character{position:relative;width:166px;height:132px;align-self:end;z-index:2;border-radius:18px 18px 10px 18px;overflow:hidden;background:#0a0d12;border:3px solid #151a22}.assistant-comic-character img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.assistant-comic-character span{position:absolute;left:8px;bottom:7px;padding:3px 7px;border-radius:999px;background:rgba(5,8,13,.83);color:#fff;font-size:10px;font-weight:900;letter-spacing:.04em}.assistant-comic-bubble{position:relative;margin-left:-8px;min-height:126px;padding:16px 42px 14px 24px;border:3px solid #151a22;border-radius:22px 22px 22px 8px;background:#fff;color:#172132}.assistant-comic-bubble:before{content:"";position:absolute;left:-23px;bottom:20px;width:34px;height:34px;background:#fff;border-left:3px solid #151a22;border-bottom:3px solid #151a22;transform:rotate(45deg);z-index:-1}.assistant-comic-kicker{font-size:10px;text-transform:uppercase;letter-spacing:.09em;font-weight:900;color:#0b63e6;margin-bottom:2px}.assistant-comic-bubble>b{display:block;font-size:16px;line-height:1.25}.assistant-comic-bubble p{margin:7px 0 10px;line-height:1.42;font-size:14px}.assistant-comic-close{position:absolute;right:9px;top:8px;width:28px;height:28px;border:0;border-radius:50%;background:#eef2f7;font-size:20px;line-height:1;cursor:pointer}.assistant-comic-actions{display:flex;gap:7px;flex-wrap:wrap}.assistant-comic-actions .compact{padding:6px 9px;font-size:11px}.assistant-comic.welcome .assistant-comic-actions{display:none}@keyframes assistantComicIn{from{opacity:0;transform:translateY(18px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}

/* v0.40.13 — assistant tip builder */
.assistant-admin-management{overflow:visible}.assistant-admin-layout{display:grid;grid-template-columns:minmax(280px,.7fr) minmax(480px,1.3fr);gap:14px;align-items:start}.assistant-tip-list-panel{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fbfcfe;max-height:760px;overflow-y:auto}.assistant-tips-list{display:grid}.assistant-tip-list-item{display:grid;grid-template-columns:52px 1fr auto;gap:9px;align-items:center;padding:11px;border-bottom:1px solid var(--line);cursor:pointer;background:#fff}.assistant-tip-list-item:last-child{border-bottom:0}.assistant-tip-list-item:hover,.assistant-tip-list-item.active{background:#eef5ff}.assistant-tip-list-item.inactive{opacity:.58}.assistant-tip-list-item img{width:52px;height:44px;border-radius:9px;object-fit:cover;background:#111}.assistant-tip-list-copy{min-width:0}.assistant-tip-list-copy b,.assistant-tip-list-copy span,.assistant-tip-list-copy small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.assistant-tip-list-copy span{font-size:12px;margin-top:3px}.assistant-tip-list-copy small{font-size:10px;color:#728097;margin-top:3px}.assistant-tip-badge{font-size:10px;padding:4px 6px;border-radius:999px;background:#e7eef8;color:#43536b;font-weight:800}.assistant-tip-editor{border:1px solid var(--line);border-radius:12px;padding:14px;background:#fff}.assistant-editor-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:12px}.assistant-editor-head>div>b,.assistant-editor-head>div>small{display:block}.compact-toggle{min-width:150px}.form-grid{display:grid;gap:10px;margin-bottom:10px}.form-grid.two-col{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid.three-col{grid-template-columns:repeat(3,minmax(0,1fr))}.form-grid.four-col{grid-template-columns:repeat(4,minmax(0,1fr))}.assistant-tip-editor select[multiple]{min-height:150px}.assistant-action-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.assistant-editor-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.assistant-editor-actions .danger{margin-left:auto}

/* v0.40.13 — separate messenger streams */
.chat-tabs-v4013{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:3px;padding:6px}.chat-tabs-v4013 button{font-size:10px;min-width:0;padding:7px 3px;white-space:nowrap}.chat-tabs-v4013 b{display:inline-grid;place-items:center;min-width:16px;height:16px;border-radius:999px;background:#e23030;color:#fff;font-size:9px;margin-left:2px}.assistant-list-avatar{background-size:cover;background-position:center!important;border:1px solid #d5dce6}.notification-kind{font-size:9px!important;text-transform:uppercase;letter-spacing:.05em;color:#6b7890!important;font-weight:900}.chat-message.system:before{content:"Помічник AUTOGROUP";display:block;font-size:9px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;color:#0b63e6;margin-bottom:3px}

@media(max-width:900px){.assistant-admin-layout{grid-template-columns:1fr}.assistant-tip-list-panel{max-height:300px}.assistant-profile-grid{grid-template-columns:1fr}.assistant-comic{right:10px;left:10px;bottom:72px;grid-template-columns:105px 1fr}.assistant-comic-character{width:112px;height:104px}.assistant-comic-bubble{min-height:105px;padding:13px 36px 12px 18px}.form-grid.four-col,.form-grid.three-col{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.assistant-comic{grid-template-columns:78px 1fr}.assistant-comic-character{width:86px;height:92px}.assistant-comic-bubble{font-size:12px}.assistant-comic-bubble p{font-size:12px}.assistant-comic-actions{gap:4px}.form-grid.two-col,.form-grid.three-col,.form-grid.four-col{grid-template-columns:1fr}.chat-tabs-v4013{grid-template-columns:repeat(5,1fr)}.chat-tabs-v4013 button{font-size:9px}}

/* v0.40.15 — financial ownership / TOV-SPD lots */
.financial-owner-meta{display:flex;flex-wrap:wrap;gap:4px 6px;align-items:center;margin-top:4px;font-size:11px;color:#64748b;line-height:1.25}
.financial-type-badge{display:inline-flex;align-items:center;border:1px solid #bfdbfe;background:#eff6ff;color:#1d4ed8;border-radius:999px;padding:1px 6px;font-weight:700;letter-spacing:.02em}
.cart-financial-owner{max-width:220px}
#cartBuyerFinancialField small{display:block;margin-top:4px;color:#64748b;max-width:280px}

.financial-entity-controls{display:grid;grid-template-columns:minmax(180px,1fr) minmax(260px,2fr) minmax(150px,.8fr) auto;gap:12px;align-items:end;margin:12px 0}.financial-entity-table-wrap{margin-top:12px;overflow:auto}.financial-entity-table-wrap table{width:100%;border-collapse:collapse}.financial-entity-table-wrap th,.financial-entity-table-wrap td{padding:10px 12px;text-align:left;border-bottom:1px solid var(--border)}@media(max-width:900px){.financial-entity-controls{grid-template-columns:1fr}.financial-entity-controls .align-end{width:100%}}

/* v0.40.16 — automatic illiquid lot age / forecast */
.illiquid-risk-note{color:#a15c00;font-weight:700}.ez-mismatch-note,.ez-warning{color:#a15c00;font-weight:700}.illiquid-stats-section{display:grid;gap:14px}.illiquid-rule-card{display:flex;justify-content:space-between;gap:18px;align-items:center;border-left:4px solid #d97706}.illiquid-rule-card>div{display:flex;gap:10px;align-items:baseline;flex-wrap:wrap}.illiquid-rule-card small{color:var(--muted)}.illiquid-kpis .danger-kpi{border-color:#efb1b5;background:#fff7f7}.illiquid-forecast-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.forecast-card{display:grid;gap:7px}.forecast-card span{font-size:12px;color:var(--muted);font-weight:700}.forecast-card b{font-size:22px}.forecast-card small{color:var(--muted)}.illiquid-detail-card{display:grid;gap:10px}.compact-field{min-width:220px}.illiquid-table-wrap{overflow:auto}.illiquid-table{min-width:1300px}.illiquid-table .lot-cell{max-width:340px;white-space:normal}.risk-badge,.unknown-badge,.ez-chip{display:inline-flex;align-items:center;padding:3px 7px;border-radius:999px;font-size:11px;font-weight:750}.risk-badge{background:#fff0cf;color:#8a5200}.unknown-badge{background:#eef1f5;color:#505a67}.ez-chip{background:#fff3cf;color:#8a5200;border:1px solid #efcf83}.illiquid-table td small{display:block;margin-top:3px}
@media (max-width:900px){.illiquid-forecast-grid{grid-template-columns:1fr}.illiquid-rule-card{align-items:flex-start;flex-direction:column}.compact-field{min-width:0;width:100%}}

/* v0.40.17 — clearer pricing and own-company metadata control */
.pricing-v4017-grid{grid-template-columns:repeat(3,minmax(220px,1fr))}.markup-groups-note{margin:4px 0 12px}.search-own-meta-setting{margin:12px 0 0}.search-own-meta-setting .view-filter-grid{grid-template-columns:1fr}@media(max-width:1050px){.pricing-v4017-grid{grid-template-columns:1fr}}


/* v0.40.18 — official AUTOGROUP wordmark */
.brand-wordmark,.login-brand-wordmark,.login-splash-wordmark,.portal-update-wordmark{user-select:none;-webkit-user-drag:none}

/* v0.40.19 — one consistent official wordmark in Safe Update */
.update-story-finale-logo{display:block;width:min(420px,72vw);max-height:92px;height:auto;object-fit:contain;mix-blend-mode:multiply;user-select:none;-webkit-user-drag:none}
.update-story-finale-logo[hidden]{display:none!important}
@media(max-width:560px){.update-story-finale-logo{width:min(300px,76vw);max-height:68px}}

/* Supplier import pipeline progress */
.supplier-job-progress{margin-top:10px;padding:10px;border:1px solid #9aa9ba;background:#f8fbff;box-shadow:inset 0 0 0 1px #fff;border-radius:4px}
.supplier-job-head{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px}.supplier-job-percent{font-weight:800;color:#173f6b}
.supplier-job-track{height:16px;margin:7px 0 6px;border:1px solid #7f8fa3;background:#fff;overflow:hidden}.supplier-job-fill{height:100%;width:0;background:repeating-linear-gradient(90deg,#1538a6 0,#1538a6 10px,#fff 10px,#fff 12px);transition:width .18s ease}
.supplier-job-current{min-height:18px;font-size:11px;color:#3f5874}.supplier-job-steps{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:4px 10px;margin-top:8px;padding-top:8px;border-top:1px solid #d8e1ec}
.supplier-job-step{display:flex;align-items:center;gap:6px;font-size:10px;color:#75869a}.supplier-job-step span{width:13px;text-align:center}.supplier-job-step.active{color:#174f9d;font-weight:800}.supplier-job-step.done{color:#168044;font-weight:750}.supplier-job-step.error{color:#c52d39}
.supplier-job-metrics{display:flex;flex-wrap:wrap;gap:6px 14px;margin-top:8px;font-size:10px;color:#526b86}.supplier-job-metrics b{color:#1d314a}.supplier-job-progress.error{border-color:#d8656e;background:#fff7f7}.supplier-job-progress.done{border-color:#75c99d;background:#f4fff8}
@media(max-width:900px){.supplier-job-steps{grid-template-columns:repeat(2,minmax(140px,1fr))}}

/* v0.41.03 account security / manual restart */
.password-field-wrap{display:flex;gap:8px;align-items:center}.password-field-wrap input{flex:1;min-width:0}.security-locked{font-weight:700}.portal-restart-card{display:flex;align-items:center;justify-content:space-between;gap:20px;border:1px solid #d8e1ee;border-radius:12px;padding:16px;background:#fff}.portal-restart-card p{margin:5px 0 0}.portal-restart-overlay{position:fixed;inset:0;z-index:5000;background:rgba(15,23,42,.76);display:flex;align-items:center;justify-content:center;padding:20px}.portal-restart-overlay[hidden]{display:none}.portal-restart-dialog{width:min(480px,92vw);background:#fff;border-radius:16px;padding:28px;text-align:center;box-shadow:0 24px 80px rgba(0,0,0,.28)}.portal-restart-dialog img{max-width:245px;height:auto}.portal-restart-spinner{width:34px;height:34px;border:4px solid #dbeafe;border-top-color:#0b63e6;border-radius:50%;margin:18px auto 0;animation:agspin .8s linear infinite}@keyframes agspin{to{transform:rotate(360deg)}}.forced-password-modal{z-index:4900}.forced-password-modal .modal-box{box-shadow:0 30px 90px rgba(0,0,0,.35)}

/* v0.41.03: user block is the entry point to Personal cabinet. */
.sidebar-user-cabinet{cursor:pointer;border-radius:10px;transition:background .15s ease,box-shadow .15s ease}
.sidebar-user-cabinet:hover,.sidebar-user-cabinet:focus-visible,.sidebar-user-cabinet.active{background:rgba(20,108,235,.08);box-shadow:inset 0 0 0 1px rgba(20,108,235,.18)}
.financial-entity-table-wrap .financial-entity-name-edit,.financial-entity-table-wrap .financial-entity-type-edit{width:100%;min-width:140px}

/* v0.41.06 cabinet tabs */
.cabinet-top-tabs{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 16px;padding:10px 12px;position:sticky;top:0;z-index:12;background:var(--panel,#fff);border:1px solid var(--line,#e5e7eb);border-radius:14px}
.cabinet-top-tabs .tab{cursor:pointer}
.cabinet-top-tabs .tab[draggable="true"]{cursor:grab}
.cabinet-top-tabs .tab.dragging{opacity:.45}
.cabinet-tabs-hint{margin-left:auto;white-space:nowrap}
@media(max-width:900px){.cabinet-top-tabs{position:static;overflow-x:auto;flex-wrap:nowrap}.cabinet-tabs-hint{display:none}.cabinet-top-tabs .tab{flex:0 0 auto}}

/* v0.41.06 document navigation */
.offer-detail-actions{justify-content:flex-end;gap:8px;flex-wrap:wrap}
.offer-detail-actions .action-stack{display:flex;flex-direction:row;gap:8px}
.open-offer-link{cursor:pointer}

/* v0.41.08 — MATIKASHVILI Software license certificate */
.license-card{border:1px solid #d5deea;border-radius:14px;background:linear-gradient(135deg,#fbfdff,#f4f8fc);padding:16px;display:grid;gap:14px;box-shadow:0 4px 16px rgba(15,23,42,.04)}
.license-brand{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;border-bottom:1px solid #dfe7f0;padding-bottom:12px}.license-brand>div{display:flex;align-items:baseline;gap:9px}.license-master-brand{font-size:21px;font-weight:900;letter-spacing:.08em;color:#0f172a}.license-brand>div>b{font-size:13px;color:#52647a;letter-spacing:.08em;text-transform:uppercase}.license-state{display:inline-flex;align-items:center;border-radius:999px;padding:6px 10px;font-size:11px;font-weight:800;background:#eef2f7;color:#52647a}.license-state.ok{background:#e8f7ed;color:#13783a}.license-state.bad{background:#ffe9e9;color:#b42318}
.license-title{display:grid;grid-template-columns:1fr 1fr;gap:12px}.license-title>div{display:grid;gap:3px}.license-title small,.license-grid span{font-size:11px;color:#718096}.license-title strong{font-size:17px;color:#173b6d}.license-grid{display:grid;grid-template-columns:repeat(3,minmax(150px,1fr));gap:10px}.license-grid>div{border:1px solid #e0e7ef;background:#fff;border-radius:10px;padding:10px 12px;display:grid;gap:4px}.license-grid b{font-size:12px;color:#263b55}.license-signature{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;border-top:1px solid #dfe7f0;padding-top:12px;font-size:11px;color:#40546e}.license-signature code{font-size:10px;color:#60738d;background:#eef3f8;padding:5px 7px;border-radius:6px}.license-credits{font-size:10px;line-height:1.55;color:#718096}
@media(max-width:760px){.license-grid{grid-template-columns:1fr 1fr}.license-title{grid-template-columns:1fr}.license-brand{align-items:center}.license-master-brand{font-size:17px}}
@media(max-width:480px){.license-grid{grid-template-columns:1fr}.license-brand>div{display:grid;gap:1px}}
/* v0.41.09 — TOP 100 idle search */
.top-products-card{margin-bottom:14px;padding:14px}.top-products-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.top-products-head h3{margin:0 0 3px;font-size:18px}.top-products-head p{margin:0;color:var(--muted);font-size:12px}.top-products-actions{display:flex;gap:7px;flex-wrap:wrap}.top-products-table-wrap{overflow:auto;max-height:560px}.top-products-table-wrap table{width:100%;border-collapse:collapse}.top-products-table-wrap th,.top-products-table-wrap td{padding:8px 10px;border-bottom:1px solid var(--line);text-align:left}.top-products-table-wrap tbody tr{cursor:pointer}.top-products-table-wrap tbody tr:hover{background:#f5f9ff}.top-rank{font-weight:900;color:#173b6b}.top-sold{font-weight:800}.top-empty{text-align:center;color:var(--muted);padding:22px!important}@media(max-width:720px){.top-products-head{align-items:flex-start;flex-direction:column}.top-products-actions{width:100%}.top-products-actions button{flex:1}.top-products-table-wrap table{min-width:650px}}

/* v0.41.11 document barcode in document cards */
.document-barcode-box{margin-left:auto;margin-right:18px;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:260px;max-width:420px;height:64px;overflow:hidden}.document-barcode-box img{width:100%;height:48px;object-fit:contain;background:#fff}.document-barcode-box small{font-size:10px;color:#6b7788;line-height:1}
@media(max-width:900px){.document-barcode-box{display:none}}
