/* Neutral catalogue palette, matched to the supplied Saby reference. */
:root,body.catalog-workspace{
 --ink:#191919;--muted:#9298af;--line:#e5e5e9;--green:#008cf0;--bg:#f8f8f8;--orange:#ff7947;
 --catalog-purple:#393e7b;--catalog-hover:#f2f3f8;--catalog-blue:#008cf0;
 background:var(--bg);color:var(--ink);
}
.sidebar,.compact-workspace .sidebar{background:#ebebeb;border-color:#e3e3e3}
.brand,.workspace-heading h1{color:#171717}
.brand-dot,.compact-workspace .brand-dot{color:#008cf0}
.nav,.compact-workspace .nav{color:#414141}
.nav.selected,.compact-workspace .nav.selected{background:#f4f4f4;color:#171717;position:relative}
.nav.selected::before{content:'';position:absolute;left:-12px;top:8px;bottom:8px;width:4px;border-radius:3px;background:#008cf0}
.nav-dot{color:#008cf0}
.workspace-label,.compact-workspace .workspace-label{color:#949bb3}
.sidebar-footer,.compact-workspace .sidebar-footer{color:#969696}
.online,.green-dot{background:#008cf0}
.sidebar-toggle{color:#858ba4}
.sidebar-toggle:hover{background:#dedfe5;color:#393e7b}
.roadmap{background:#f3f3f3;border-color:#dedee2}
.roadmap p,.eyebrow{color:#9399ae}
.workspace-surface{border-color:#e7e7eb;box-shadow:none;background:#fff}
.workspace-toolbar,.toolbar-normal,.workspace-actionstrip,.workspace-actionstrip .workspace-context{background:#f8f8f8;border-color:#ededf0}
.workspace-heading>span{color:#999}
.workspace-search{background:#fff;border-color:#e1e2e9}
.workspace-search input{color:#222}
.workspace-search input::placeholder{color:#afb3c4}
.workspace-search>span,.workspace-search button{color:#9298b1}
.add-record{background:#008cf0;color:#fff}
.add-record:hover{background:#0075d2}
.tool-button,.workspace-menu-popover a,.workspace-menu-popover>button{color:#707790}
.tool-button:hover,.workspace-menu-popover a:hover,.workspace-menu-popover>button:hover{background:#ededf4;color:#393e7b}
.quick-favorite.enabled{color:#e7ab30}
.workspace-views{border-color:#e2e3eb;background:#fff}
.workspace-views a{color:#969bb0}
.workspace-views .current{background:#e9eaf3;color:#393e7b}
.account-avatar{background:#e9eaf0;color:#6b708b}
.workspace-menu-popover,.workspace-filter-popover{background:#fff;border-color:#e1e2e9;box-shadow:0 8px 28px #25283f1c}
.menu-caption{color:#989db0}
.menu-divider{background:#e9e9ef}
.density-options button{border-color:#e1e2e9;color:#858aa0}
.density-options button[aria-pressed=true]{background:#ecedf5;color:#393e7b;border-color:#cdd0e1}
.popover-heading a,.workspace-filter-form>label{color:#727a94}
.filter-indicator{background:#008cf0}
.workspace-context,.context-count{color:#9a9da9}
.workspace-context .reset,.workspace-context .collapse-tree{color:#898fa5}
.category-breadcrumbs a{color:#8b91aa}
.category-breadcrumbs a:hover{background:#ededf5;color:#393e7b}
.category-breadcrumbs a[aria-current=page],.context-location>strong{color:#393e7b}
.category-breadcrumbs>span{color:#babdca}
.toolbar-selection,.workspace-actionstrip .toolbar-selection{background:#eef0f8;color:#393e7b}
.selection-separator{background:#d9dce9}
.selection-status,.clear-selection{color:#838aa4}
.clear-selection:hover{color:#393e7b}
.workspace-table th{background:#fff;color:#949ab3;border-bottom-color:#e7e7ee}
.workspace-table td{border-bottom-color:#f0f0f3}
.workspace-table .item-row:hover,.workspace-table .section-row:hover{background:#f2f3f8}
.workspace-table .row-selected{background:#e9edf9!important}
.workspace-table .product-name,.workspace-table .branch-name{color:#171717}
.workspace-table .branch-name{font-weight:500}
.workspace-table .branch-name:hover{color:#393e7b}
.workspace-table .product-name{font-weight:400}
.workspace-table .section-count{background:#f0f0f5;color:#969bb0}
.workspace-table .stock-unit,.supplier-code{color:#999}
.workspace-table .branch-toggle{color:#393e7b}
.workspace-table .branch-toggle:hover{color:#30356c;background:#e7e9f4;border-color:#d6d9e9}
.workspace-table .branch-toggle:focus-visible,.workspace-table [data-row-href]:focus-visible{outline-color:#777fac}
.workspace-table .branch-toggle .branch-arrow{color:inherit}
.category-row-actions button,.workspace-table .section-open{color:#737b99}
.category-row-actions button:hover{background:#e5e7f2;color:#393e7b}
.workspace-table .selection-cell input{accent-color:#008cf0}
.workspace-table .selection-cell input:indeterminate{accent-color:#737fae}
.workspace-table .load-more{background:#eff0f7;color:#4b5688}
.workspace-footer{background:#fafafa;border-top-color:#e9e9ee;color:#969aaa}
.workspace-footer a{color:#4d6eac}
.quality-summary{color:#a0a3af}
.workspace-table .negative-value{color:#e9473c}
.workspace-table .favorite-star{color:#bfc5d3}
.workspace-table .favorite-star.is-favorite{color:#e7ab30}
.workspace-table .favorite-star:hover{color:#d39522}
.category-dialog,.labels-dialog{background:#fff;color:#222;border-color:#dddfe9;box-shadow:0 16px 60px #262a482b}
.category-dialog::backdrop,.labels-dialog::backdrop{background:#30334842}
.category-dialog .eyebrow,.category-form-note{color:#9298ae}
.category-dialog form>label{color:#747d97}
.category-dialog input,.category-dialog select{border-color:#dadde7;color:#222}
.button,.category-dialog .button{background:#008cf0;border-color:#008cf0;color:#fff}
.button:hover,.category-dialog .button:hover{background:#0075d2;border-color:#0075d2}
.button.secondary,.category-dialog .button.secondary{background:#fff;color:#626c8b;border-color:#dfe1eb}
.button.secondary:hover,.category-dialog .button.secondary:hover{background:#f0f1f7}
input,select,textarea{border-color:#dfe1e8;color:#222}
input:focus,select:focus,textarea:focus{border-color:#8995c2;box-shadow:0 0 0 3px #4d63a014}
.badge.active{background:#edf0f8;color:#576b9d}
.notice{background:#eef1fa;border-color:#dce2f4;color:#516492}
.section-count,.muted,.version,.breadcrumb,.back{color:#9298af}

/* Section actions and the product work panel. */
.workspace-table .section-content{width:100%}
.workspace-table .category-row-actions{margin-left:auto;opacity:1;position:sticky;right:0;background:inherit;padding-left:12px;gap:6px}
.category-row-actions button{display:inline-flex;align-items:center;justify-content:center}
.category-operations{position:fixed;z-index:120;width:245px;padding:6px;background:#fff;border:1px solid #dedfe8;border-radius:7px;box-shadow:0 7px 25px #262b4824}
.category-operations button{display:block;width:100%;border:0;background:none;color:#59627f;text-align:left;padding:10px 12px;border-radius:4px;font:inherit;cursor:pointer}
.category-operations button:hover,.category-operations button:focus-visible{background:#f0f1f7;color:#393e7b}
.product-panel[hidden],.category-operations[hidden]{display:none}
.product-open.compact-workspace main{display:grid;grid-template-columns:minmax(360px,1fr) minmax(410px,43%);gap:0}
.product-open .workspace-surface{min-width:0;border-radius:7px 0 0 7px}
.product-open .workspace-heading{display:none}
.product-open .toolbar-normal{gap:5px;padding:0 8px}
.product-open .workspace-search{min-width:70px}
.product-open .workspace-search input{min-width:0}
.product-open .context-count,.product-open .workspace-context .reset,.product-open .quality-summary{display:none}
.product-panel{display:flex;flex-direction:column;min-width:0;min-height:0;background:#fff;border:1px solid #e1e2e9;border-left:0;box-shadow:-7px 0 20px #2d34500b;overflow:hidden}
.product-panel .product-panel-heading{display:flex;align-items:flex-start;justify-content:space-between;height:auto;min-height:72px;gap:12px;flex-shrink:0;border-bottom:1px solid #e9eaf0;padding:16px 20px;background:#f8f8fa;color:#191919}
.product-panel-heading h2{font-size:19px;line-height:1.35;overflow-wrap:anywhere;margin:4px 0 0;letter-spacing:0}
.product-panel-heading button{flex:0 0 30px;width:30px;height:30px;border:0;border-radius:50%;background:#ececf2;color:#737a96;font-size:25px;line-height:1;cursor:pointer}
.product-panel-body{overflow-y:auto;min-height:0;flex:1;padding:0 20px 18px;scrollbar-width:thin}
.product-panel-status{padding:9px 20px;background:#edf1fa;color:#4d648c;font-size:12px;flex-shrink:0}
.product-panel-status.is-error{background:#fff0ec;color:#b34d40}
.product-panel-path{font-size:11px;color:#969db2;line-height:1.5;overflow-wrap:anywhere;margin:12px 0}
.product-panel .editor{border:0;overflow:visible;padding:0;background:#fff;border-radius:0}
.product-panel .form-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px 16px;padding:0}
.product-panel .form-grid>label{display:flex;flex-direction:column;min-width:0;gap:5px;font-size:12px;color:#8b93ac}
.product-panel input,.product-panel select,.product-panel textarea{width:100%;max-width:100%;min-width:0;padding:8px 9px;font-size:14px;border-color:#dedfe9;background:#fff;box-sizing:border-box}
.product-panel textarea{resize:vertical;line-height:1.5}
.product-panel label.full{grid-column:1/-1}
.product-panel label:has([name=parent_external_id]),.product-panel label:has([name=supplier_code]){grid-column:1/-1}
.product-panel [name=name]{font-size:16px}
.product-panel .form-grid small,.product-panel .record-label-editor small{font-size:10px;color:#a0a4b5;line-height:1.4}
.product-extra-fields{margin:20px 0;border-top:1px solid #ececf1;padding-top:12px}
.product-extra-fields>summary{cursor:pointer;font-size:13px;color:#59638a;margin-bottom:14px}
.product-panel .record-label-editor{margin:18px 0 0;padding:16px 0 0;border-top:1px solid #ececf1;background:none}
.product-panel .record-label-editor h3{font-size:13px;color:#848da8;margin:0 0 12px}
.product-panel .record-label-editor>label{display:flex;flex-direction:column;gap:5px;margin:12px 0;color:#8b93ac;font-size:12px}
.product-panel .form-actions{position:sticky;bottom:-18px;display:flex;justify-content:flex-end;gap:10px;background:#fff;padding:14px 0;border-top:1px solid #ececf1;margin-top:18px}
.product-panel .form-actions .button{font-size:12px;padding:9px 12px}
.product-open .workspace-table .product-table{width:var(--split-table-width,850px)!important;min-width:0!important}
.product-open .workspace-table th.field-name{width:var(--split-name-width,350px)}
.product-open .workspace-table th.field-price{width:108px}
.product-open .workspace-table th:not(.selection-cell):not(.field-name):not(.field-price){width:120px}
.product-open .workspace-table .field-price .cell-value{overflow:visible;text-overflow:clip}
.product-open .workspace-table .item-name .tree-indent{width:8px;flex-basis:8px}
.product-open .workspace-table .product-name{white-space:normal;overflow-wrap:anywhere;text-overflow:clip;line-height:21px}
.product-open .workspace-table .item-row td{height:auto;min-height:38px;padding-top:8px;padding-bottom:8px}
.product-open .workspace-table .item-name{white-space:normal}
.product-open .workspace-table .item-name .record-tags{display:none}
.workspace-table .product-current{background:#f1f2f8;box-shadow:inset 3px 0 #ff7947}
@media(max-width:1000px){.product-open.compact-workspace main{grid-template-columns:minmax(300px,1fr) minmax(360px,45%)}.product-open .quick-favorite{display:none}.product-open .workspace-panel .workspace-views{display:none}}
@media(max-width:760px){.product-open.compact-workspace main{display:flex}.product-panel{position:fixed;inset:46px 0 0;z-index:75;border:0}.product-panel .product-panel-heading{padding:13px 16px}.product-panel-body{padding-left:16px;padding-right:16px}}

.workspace-table .section-content{width:var(--section-visible-width,100%);max-width:100%;overflow:visible}
.product-open .workspace-table .section-content .branch-name{white-space:normal;line-height:22px}
.product-panel textarea[name=name]{font-size:15px;line-height:1.45;font-weight:500}

.supplier-profile{padding:24px}.supplier-profile h2{margin:20px 0 14px;color:#686f8c}.supplier-profile .form-grid{padding:0;margin-bottom:20px}.supplier-contact-row{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 30px;gap:10px;margin-bottom:14px}.supplier-contact-row label{display:flex;flex-direction:column;gap:5px;font-size:12px;color:#858ca3;min-width:0}.supplier-contact-row input{width:100%;min-width:0;padding:8px}.supplier-contact-row button{border:0;background:none;color:#8c91a3;font-size:23px;cursor:pointer}.supplier-period{padding:16px;background:#f8f8fb;border:1px solid #e4e5ed;border-radius:6px;margin-top:14px}.supplier-period dl{display:grid;grid-template-columns:1fr 1fr;gap:8px}.supplier-period dd{margin:0;text-align:right;overflow-wrap:anywhere}@media(max-width:800px){.supplier-contact-row{grid-template-columns:1fr 1fr}.supplier-contact-row button{grid-column:2}}