/* Version В: neutral Material-inspired surfaces, based on the user's CRM reference. */
:root{
  --ink:#303036;
  --muted:#85858f;
  --line:#e9e9ee;
  --line2:#dedee6;
  --violet:#7055b7;
  --violet-soft:#f0ebfa;
  --violet-outline:#d8cbed;
}
body{color:var(--ink);background:#fff}
.app-header{background:#fafafa;border-bottom:1px solid #eae9ee;padding-inline:12px}
.icon-nav{border-radius:9px;color:#77747f}
.icon-nav svg{width:17px;height:17px;stroke-width:1.8}
.icon-nav.active{background:var(--violet);color:#fff;box-shadow:0 1px 2px #4b33751a}
.icon-nav:hover,.icon-nav:focus-visible{background:#eee9f7;color:#6950a8}
.icon-nav.active:hover{background:#654ba8;color:#fff}
.rail-account{background:#eae9ed;color:#63616a;font-weight:600}
.rail-account:hover,.rail-account:focus-visible{background:#dfdae9;color:#625078}

.catalog-tree{background:#fafafa;border-right:1px solid #e8e7ed}
.tree-search-row{background:#fafafa;border-bottom:1px solid #ecebf0}
.tree-search-row .tree-search,.products-toolbar>label{
  height:32px;background:#f7f7f8;border:1px solid transparent;border-radius:10px;
  box-shadow:none;transition:background .12s,border-color .12s,box-shadow .12s;
}
.tree-search-row .tree-search{background:#f5f5f6}
.tree-search-row .tree-search:hover,.products-toolbar>label:hover{background:#f1f1f3}
.tree-search-row .tree-search:focus-within,.products-toolbar>label:focus-within{
  background:#fff;border-color:#bda9df;box-shadow:0 0 0 2px #7055b70b;
}
.tree-search input,.products-toolbar input{font-size:12px;color:#45434d}
.tree-search input::placeholder,.products-toolbar input::placeholder{color:#9997a1}
.tree-search svg,.products-toolbar>label svg{color:#85828e;stroke-width:1.8}
.products-toolbar kbd{color:#aaa6b4;border-left-color:#e4e1e9}
.tree-label{color:#595661;border-radius:8px;height:27px;font-size:12px}
.tree-label:hover{background:#eeecf3;color:#41394d}
.tree-label.active{
  color:#66509e;background:var(--violet-soft);font-weight:600;
  box-shadow:inset 0 0 0 1px var(--violet-outline);
}
.tree-label svg{color:#898490;stroke-width:1.7}
.tree-label.active svg{color:#7a62b1}
.tree-label small{color:#96919f;font-size:10px;font-variant-numeric:tabular-nums}
.tree-label.active small{color:#9989b5;font-weight:500}
.tree-toggle{color:#a29aa9}
.tree-toggle:hover{background:#eee8f7;color:#7055b7;border-radius:5px}
.tree-leaf-dot{background:#c7c2ce;width:4px;height:4px}
.tree-label.active .tree-leaf-dot{background:#8b72c2}
.all-products-row button,.tree-footer button{border-radius:8px;color:#605a6b}
.all-products-row button:hover,.tree-footer button:hover{background:#eeecf3}
.all-products-row button[aria-pressed="true"],.tree-footer button[aria-pressed="true"]{
  background:var(--violet-soft);color:#66509e;font-weight:600;
  box-shadow:inset 0 0 0 1px var(--violet-outline);
}
.all-products-row small,.tree-footer small{color:#96919f;font-size:10px}
.tree-footer{background:#fafafa;border-top:1px solid #e8e6ed}
.tree-resize:hover,.tree-resize:focus-visible{background:#aa97ca66}

.products-pane,.products-toolbar{background:#fff}
.products-toolbar{border-bottom:1px solid #eceaf0;gap:8px}
.search-meta{color:#99939f;font-size:11px}
.products-toolbar>.in-stock-toggle{
  height:32px;padding-inline:10px;border-radius:10px;background:#f5f4f7;
  border:1px solid transparent;color:#77707f;font-size:11px;font-weight:500;
}
.products-toolbar>.in-stock-toggle:hover{background:#efebf5}
.products-toolbar>.in-stock-toggle[aria-pressed="true"]{
  color:#7055a8;background:var(--violet-soft);border-color:var(--violet-outline);
}
.in-stock-toggle:before{width:12px;height:12px;border-radius:4px;border-color:#c3bdcb}
.in-stock-toggle[aria-pressed="true"]:before{background:#7b60bc;border-color:#7b60bc;color:#fff}
.column-settings>summary{width:32px;height:32px;border:1px solid transparent;border-radius:10px;background:#f3f2f5;color:#716b7b;box-shadow:none}
.column-settings>summary:hover,.column-settings[open]>summary{background:#ede7f7;color:#7055a8}
.column-settings>summary svg{width:17px;height:17px;stroke-width:1.7}
.column-menu{border-color:#e6e2ed;border-radius:12px;padding:9px;box-shadow:0 5px 12px #35274b06,0 16px 40px #35274b14;color:#635a6f}
.column-menu label{background:transparent;border:0;box-shadow:none;border-radius:6px}
.column-menu label:hover{background:#f6f6f7;border-radius:6px}
.column-menu input{accent-color:var(--violet)}
.column-menu>button{color:#8d8398;border-top-color:#ece8f0}
.column-grip:hover,.column-grip:focus-visible{background:#eee8f7;color:#7055a8}

.products-table th,.products-table th:first-child{
  background:#fcfbfd;border-bottom:1px solid #e8e5ed;
  color:#8c8595;font-size:10px;font-weight:550;
}
.sort-button{color:inherit;font-weight:inherit}
.sort-button:hover{background:#f3eef9;color:#7055a8}
.sort-mark{color:#8062b9}
.products-table td{height:36px;padding:4px 10px;color:#696270;font-size:12px;line-height:1.45}
.products-table td:first-child{background:#fff}
.table-product strong{color:#36313e;font-size:12px;font-weight:500;letter-spacing:0}
.products-table .catalog-product-row td{border-bottom-color:#f0edf3}
.products-table .size-group-start td{border-top:2px solid #d5cfde}
.products-table .variant-group-start td{border-top:1px solid #e5dfea}
.products-table tr:has(+tr.size-group-start,+tr.variant-group-start,+tr.package-group-start) td{border-bottom-color:transparent}
.products-table .package-group-start td::before{background:repeating-linear-gradient(90deg,#c8c0d2 0 4px,transparent 4px 12px)}
.products-table tbody tr.catalog-product-row:hover td{background:#f7f4fb}
.products-table td.number{color:#635a70;font-weight:500;font-variant-numeric:tabular-nums}
.products-table td .missing-value{color:#bbb4c2;font-weight:400}
.table-sku,.table-code,.table-barcode{color:#8e839a!important;font-size:11px}
.quantity-preview:hover,.quantity-preview:focus-visible,.copy-value:hover,.copy-value:focus-visible{color:#7055b7;text-decoration-color:#b49ad5}
.barcode-toggle{color:#9b85b6}
.product-thumb{background:#f3f1f6;border-radius:7px}
.column-resize:hover,.column-resize:focus-visible{background:#ab96ca66}
.products-table.scrolled-horizontally th:first-child,.products-table.scrolled-horizontally td:first-child{box-shadow:3px 0 5px -3px #4c356333}
.stock-popover{border-color:#e6e2ed;border-radius:12px;box-shadow:0 5px 12px #35274b06,0 16px 40px #35274b14;color:#6b6178}
.stock-popover>strong{color:#51405f;font-weight:550}
.stock-popover th{color:#9c90a7;border-bottom-color:#ece7f1}
.stock-popover td{border-bottom-color:#f3eff6}
.nav-tooltip{background:#51425f;color:#fff;border-radius:7px;box-shadow:0 4px 12px #35274b18}
.table-empty{background:#fff;color:#9d91a7}
.table-empty strong{color:#71617e;font-weight:550}
button:focus-visible,summary:focus-visible{outline:2px solid #b69dd8;outline-offset:2px}
@media(prefers-reduced-motion:reduce){.tree-search-row .tree-search,.products-toolbar>label{transition:none}}