/* Compact admin workspace. Statistics and import/export content retain their layout. */
.vnd-workspace, .vnd-admin-workspace {
    --vnd-primary:#315f8d; --vnd-primary-dark:#244b71; --vnd-border:#ced9e4;
    --vnd-text:#24364b; --vnd-muted:#596d80; --vnd-soft:#edf3f8;
    --vnd-danger:#9e3f38; --vnd-success:#326d50;
}
.vnd-app .vnd-menu-group { display:grid; gap:3px; min-width:0; }
.vnd-app .vnd-menu-group-title { color:#617488; padding:10px 10px 3px; font-size:11px; font-weight:700; letter-spacing:.04em; text-transform:uppercase; }
.vnd-app .vnd-menu-group .vnd-button:last-child { margin-top:0; border-radius:6px; border-top:1px solid transparent; }
.vnd-workspace { grid-template-columns:210px minmax(0,1fr); gap:14px; font-size:14px; line-height:1.45; }
.vnd-workspace .vnd-sidebar { padding:8px; border-radius:10px; }
.vnd-workspace .vnd-frontend-menu .vnd-button { min-height:34px; height:auto; padding:6px 10px; line-height:1.35; }
.vnd-workspace .vnd-frontend-menu .is-active { color:#244b71; border-color:#b8cee1; background:#e4eef7; }
.vnd-workspace :is(.vnd-main,.vnd-content) { min-width:0; gap:12px; }
.vnd-workspace .vnd-topbar { min-height:62px; padding:12px 16px; border-radius:10px; }
.vnd-workspace .vnd-topbar-title h1 { font-size:21px; }
.vnd-workspace .vnd-card { border:1px solid var(--vnd-border); border-radius:9px; padding:16px; box-shadow:none; min-width:0; }
.vnd-workspace .vnd-card + .vnd-card { margin-top:12px; }
.vnd-workspace .vnd-content > .vnd-card + .vnd-card { margin-top:0; }
.vnd-workspace h2 { font-size:18px; margin-bottom:12px; }
.vnd-workspace h3 { font-size:15px; margin:16px 0 10px; }
.vnd-workspace p { margin:0 0 10px; }
.vnd-workspace .vnd-card form p { margin-bottom:10px; }
.vnd-workspace .vnd-card .vnd-editor-form { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px 16px; }
.vnd-workspace .vnd-card .vnd-editor-form > p { margin:0; }
.vnd-workspace .vnd-form-section { padding:12px; border-radius:7px; }
.vnd-workspace .vnd-frontend-address-grid { gap:12px; }
.vnd-workspace :is(.vnd-admin-management-grid,.vnd-store-partner-grid) { gap:12px; min-width:0; }
.vnd-workspace :is(label,fieldset,.vnd-searchable-select,.vnd-order-detail,.vnd-rep-editor,.vnd-user-editor) { min-width:0; max-width:100%; }
.vnd-workspace :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select,textarea) {
    box-sizing:border-box; max-width:100%; min-height:36px; padding:7px 9px; border:1px solid #b9c9d8;
    border-radius:6px; background:#fff; color:var(--vnd-text); font:inherit; line-height:1.4;
}
.vnd-workspace :is(input,select,textarea):disabled { color:#6a7886; background:#eef1f4; opacity:1; cursor:not-allowed; }
.vnd-workspace label > :is(input:not([type=checkbox]):not([type=radio]),select,textarea,.vnd-searchable-select) { margin-top:4px; }
.vnd-workspace :is(input[type=checkbox],input[type=radio]) { width:17px; height:17px; accent-color:#315f8d; vertical-align:middle; }
.vnd-workspace :is(.vnd-button,.button,button,input[type=submit]) {
    box-sizing:border-box; display:inline-flex; align-items:center; justify-content:center; gap:6px;
    min-height:36px; max-width:100%; padding:7px 12px; margin:0; border-radius:6px; border:1px solid #b7cadd;
    background:#edf3f8; color:#294f74; font:600 13px/1.35 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
    white-space:normal; text-decoration:none; cursor:pointer; box-shadow:none; word-break:normal;
}
.vnd-workspace :is(.vnd-button,.button,button):hover { background:#dfeaf4; border-color:#8caecc; color:#203f5c; }
.vnd-workspace :is(button[type=submit],.button-primary,.vnd-primary-action),
.vnd-workspace .vnd-module-tabs .is-active { background:#315f8d; border-color:#315f8d; color:#fff; }
.vnd-workspace :is(button[type=submit],.button-primary,.vnd-primary-action):hover { background:#244b71; color:#fff; }
.vnd-workspace :is(button:disabled,input[type=submit]:disabled) { background:#eef1f4; border-color:#d3dae0; color:#718091; cursor:not-allowed; }
.vnd-workspace :is(.vnd-delete-link,.vnd-danger-action) { color:#963e37; background:#f8eae7; border-color:#d5aca5; }
.vnd-workspace :is(.vnd-delete-link,.vnd-danger-action):hover { color:#81352f; background:#efd5cf; border-color:#c4938c; }
.vnd-workspace :is(a,button,input,select,textarea,summary):focus-visible { outline:2px solid #315f8d; outline-offset:2px; }
.vnd-workspace :is(.vnd-directory-filters,.vnd-module-filter) { gap:10px; margin:0 0 12px; }
.vnd-workspace :is(.vnd-directory-heading,.vnd-people-heading,.vnd-admin-header-actions) { display:flex; align-items:center; flex-wrap:wrap; gap:10px; margin-bottom:12px; }
.vnd-workspace :is(.vnd-directory-heading,.vnd-people-heading) h2 { margin:0; }
.vnd-workspace :is(.vnd-table-wrap,.vnd-directory-scroll,.vnd-workspace-scroll) { overflow:auto; max-width:100%; min-width:0; border:1px solid var(--vnd-border); border-radius:7px; overscroll-behavior-x:contain; }
.vnd-workspace :is(.vnd-table,.widefat,.vnd-directory-table) { width:100%; margin:0; border-collapse:collapse; table-layout:auto; font-size:13px; }
.vnd-workspace :is(.vnd-table,.widefat,.vnd-directory-table) :is(th,td) { padding:8px 10px; border-bottom:1px solid #dce4ec; text-align:left; vertical-align:top; line-height:1.4; }
.vnd-workspace :is(.vnd-table,.widefat,.vnd-directory-table) th { color:#3d556c; background:#eef3f8; white-space:nowrap; font-weight:600; }
.vnd-workspace :is(.vnd-table,.widefat,.vnd-directory-table) tbody tr:hover { background:#f3f7fb; }
.vnd-workspace :is(.vnd-table,.widefat,.vnd-directory-table) :is(.vnd-button,.button,button) { min-height:30px; padding:5px 9px; font-size:12px; }
.vnd-workspace :is(.vnd-action-buttons,.row-actions,.vnd-people-actions) { display:flex; flex-wrap:wrap; align-items:center; gap:6px; }
.vnd-workspace .vnd-module-tabs { gap:6px; margin-bottom:12px; }
.vnd-workspace .vnd-company-module { max-width:none; }
.vnd-workspace .vnd-company-module .vnd-card { margin:12px 0; }
.vnd-workspace .vnd-company-module fieldset { padding:12px; margin:0 0 12px; border-radius:7px; }
.vnd-workspace .vnd-company-module fieldset > label { display:inline-flex; gap:6px; align-items:start; margin:4px 14px 4px 0; }
.vnd-workspace .vnd-company-module :is(input:not([type=checkbox]):not([type=radio]),select,textarea) { width:100%; }
.vnd-workspace :is(.vnd-settings-grid,.vnd-policy-grid) { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.vnd-settings-link { display:flex; flex-direction:column; gap:5px; padding:13px; border:1px solid #ced9e4; border-radius:7px; background:#f6f9fc; text-decoration:none; color:#294f74; min-width:0; }
.vnd-settings-link:hover { border-color:#8caecc; background:#eaf2f9; }
.vnd-settings-link strong { font:inherit; }
.vnd-settings-link span { font-size:12px; color:#596d80; line-height:1.45; }
.vnd-sync-hint { color:#596d80; font-size:12px; margin-top:12px!important; }
.vnd-workspace .vnd-searchable-select__list { max-height:260px; overflow:auto; border:1px solid #a9bfd4; border-radius:6px; box-shadow:0 6px 18px #24364b1f; z-index:50; padding:0; }
.vnd-workspace .vnd-searchable-select__option { display:block; width:100%; text-align:left; justify-content:start; border:0; border-bottom:1px solid #dce4ec; border-radius:0; margin:0; padding:8px 10px; min-height:36px; background:#fff; color:#24364b; font-weight:400; }
.vnd-workspace .vnd-searchable-select__option:is(:hover,.is-active,.is-selected) { background:#e4eef7; color:#244b71; }
.vnd-workspace .vnd-searchable-select__option:last-child { border-bottom:0; }
.vnd-workspace .vnd-q-card { margin:10px 0; padding:0; }
.vnd-workspace .vnd-q-card > summary { padding:10px 12px; }
.vnd-workspace .vnd-q-body { padding:12px; }
.vnd-workspace .vnd-q-builder :is(input,select,textarea) { min-width:0; }
.vnd-company-context { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:10px 12px; margin:0 0 12px; background:#edf3f8; border:1px solid #c9d8e6; border-radius:7px; }
.vnd-subtle { color:#596d80; }
/* WordPress administrator: desktop density, company context and readable tables. */
.vnd-admin-workspace .vnd-admin-wrap { max-width:none; }
.vnd-admin-workspace .wrap :is(.vnd-admin-header,.vnd-card) { padding:16px; border-radius:8px; box-shadow:none; }
.vnd-admin-workspace .wrap .vnd-admin-header h1 { font-size:23px; line-height:1.3; }
.vnd-admin-workspace .wrap .vnd-admin-content { gap:14px; }
.vnd-admin-workspace .wrap :is(.vnd-module-filter,.vnd-module-tabs) { gap:8px; margin:0 0 14px; }
.vnd-admin-workspace .wrap .vnd-settings-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); gap:12px; }
.vnd-admin-workspace .wrap .vnd-table-wrap { overflow:auto; max-width:100%; }
.vnd-admin-workspace .wrap :is(.widefat,.vnd-admin-table) :is(th,td) { padding:8px 10px; vertical-align:top; }
.vnd-admin-workspace .wrap .form-table th { width:200px; padding:12px 12px 12px 0; }
.vnd-admin-workspace .wrap .form-table td { padding:8px 10px; }
.vnd-admin-workspace .wrap .vnd-policy-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.vnd-admin-workspace .wrap .vnd-policy-grid > fieldset { margin:0; }
.vnd-admin-workspace .wrap .vnd-form-actions { display:flex; gap:8px; padding-top:12px; margin-top:14px; border-top:1px solid #ced9e4; }
.vnd-admin-workspace .wrap :is(.button-primary,.vnd-primary-action) { background:#315f8d; border-color:#315f8d; color:#fff; }
.vnd-workspace .vnd-form-actions { display:flex; align-items:center; flex-wrap:wrap; gap:8px; margin-top:12px; padding-top:12px; border-top:1px solid #ced9e4; }
@media(max-width:1100px) {
    .vnd-workspace { grid-template-columns:minmax(0,1fr); }
    .vnd-workspace .vnd-sidebar { display:none; }
    .vnd-workspace .vnd-mobile-menu { display:block; }
    .vnd-workspace .vnd-mobile-menu .vnd-frontend-menu { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:700px) {
    .vnd-workspace :is(.vnd-settings-grid,.vnd-policy-grid,.vnd-connections-grid) { grid-template-columns:minmax(0,1fr); }
    .vnd-workspace .vnd-card .vnd-editor-form { grid-template-columns:minmax(0,1fr); }
    .vnd-workspace .vnd-card { padding:12px; }
    .vnd-workspace :is(.vnd-table,.widefat,.vnd-directory-table) { min-width:640px; }
    .vnd-workspace :is(.vnd-directory-filters,.vnd-module-filter) label { flex:1 1 180px; }
    .vnd-workspace :is(button,.button,.vnd-button,summary) { min-height:40px; }
    .vnd-workspace :is(input:not([type=checkbox]):not([type=radio]),select,textarea) { min-height:40px; font-size:16px; }
    .vnd-workspace .vnd-directory-heading > .vnd-button { width:auto; }
    .vnd-workspace .vnd-topbar { padding:12px; gap:6px; }
    .vnd-workspace .vnd-topbar-meta { max-width:100%; }
}
.vnd-contact-row { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)) auto; gap:10px; align-items:end; padding:12px 0; border-top:1px solid #d7e1eb; }
.vnd-contact-row label { min-width:0; }
.vnd-contact-row input { width:100%; box-sizing:border-box; }
.vnd-contact-row .button { margin-bottom:0; }
@media(max-width:1000px) { .vnd-workspace .vnd-contact-row { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:500px) { .vnd-workspace .vnd-contact-row { grid-template-columns:minmax(0,1fr); } }
.vnd-workspace fieldset { min-width:0; padding:12px; border:1px solid #ced9e4; border-radius:7px; margin:0; }
.vnd-workspace legend { padding:0 6px; font-weight:600; color:#304c66; }
.vnd-workspace .vnd-frontend-address-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
.vnd-workspace .vnd-store-schedule,.vnd-admin-workspace .vnd-store-schedule { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.vnd-store-schedule > label { min-width:0; display:flex; flex-direction:column; gap:4px; }
.vnd-store-schedule > p { grid-column:1 / -1; margin:0; font-size:12px; color:#596d80; }
.vnd-workspace .vnd-questionnaires [data-questionnaire-settings] { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px 16px; margin:12px 0; }
.vnd-workspace .vnd-questionnaires [data-questionnaire-settings] > p:has(input[type=checkbox]),.vnd-workspace [data-retention] { grid-column:1 / -1; }
@media(max-width:600px) {
    .vnd-workspace .vnd-frontend-address-grid,.vnd-workspace .vnd-store-schedule,.vnd-workspace .vnd-questionnaires [data-questionnaire-settings] { grid-template-columns:minmax(0,1fr); }
}

/* Leading status and edit columns; data columns use their natural widths. */
.vnd-workspace .vnd-editable-list :is(th,td):first-child,
.vnd-workspace .vnd-editable-list :is(th,td):last-child { min-width:0; width:auto; }
:is(.vnd-workspace,.vnd-admin-workspace) .vnd-editable-list :is(th,td):nth-child(-n+2) { white-space:nowrap; width:1%; }
:is(.vnd-workspace,.vnd-admin-workspace) .vnd-editable-list .vnd-row-actions { white-space:nowrap; width:1%; }
:is(.vnd-workspace,.vnd-admin-workspace) .vnd-editable-list :is(th,td):nth-child(-n+2) :is(a.button,a.vnd-button,button) { white-space:nowrap; min-width:max-content; }

/* Shared navigation and bounded page shell, including the dashboard. */
.vnd-app.vnd-workspace { width:100%; max-width:var(--vnd-workspace-max-width,2400px); margin:12px auto; padding:0 12px; }
body:has(.vnd-app) :is(.entry-content,.wp-block-post-content) { max-width:none; width:100%; }
:is(article,main):has(.vnd-app) > :is(.entry-header,.wp-block-post-title),
article:has(.vnd-app) .entry-header .entry-title { display:none; }
.vnd-app .vnd-frontend-menu { display:flex; flex-direction:column; gap:5px; }
.vnd-app details.vnd-menu-group { display:block; border:0; padding:0; margin:0; }
:is(.vnd-app,.vnd-admin-navigation) .vnd-menu-group > summary { display:flex; align-items:center; justify-content:space-between; cursor:pointer; list-style:none; font-size:14px; font-weight:600; color:#294f74; padding:9px 10px; border-radius:6px; background:#edf3f8; }
:is(.vnd-app,.vnd-admin-navigation) .vnd-menu-group > summary::-webkit-details-marker { display:none; }
:is(.vnd-app,.vnd-admin-navigation) .vnd-menu-group > summary::after { content:'⌄'; margin-left:12px; }
:is(.vnd-app,.vnd-admin-navigation) .vnd-menu-group[open] > summary::after { content:'⌃'; }
:is(.vnd-app,.vnd-admin-navigation) .vnd-menu-links { display:grid; gap:3px; padding:5px 0 4px 10px; }
.vnd-app .vnd-menu-links .vnd-button { justify-content:flex-start; text-align:left; }
.vnd-admin-navigation { display:flex; align-items:flex-start; gap:8px; margin:12px 20px 12px 0; }
.vnd-admin-navigation > details { flex:1; min-width:0; border:1px solid #ced9e4; border-radius:7px; background:white; }
.vnd-admin-navigation .button { white-space:normal; height:auto; text-align:left; border:0; color:#294f74; background:transparent; }
.vnd-admin-navigation [aria-current=page] { background:#e4eef7; font-weight:600; }
.vnd-admin-workspace :is(input:not([type=checkbox]):not([type=radio]),select,textarea) { border-color:#b9c9d8; border-radius:6px; }
.vnd-workspace :is(.vnd-content,.vnd-main,.vnd-topbar,.vnd-mobile-menu,form,.vnd-table-wrap,.vnd-directory-scroll) { min-width:0; max-width:100%; }
.vnd-workspace :is(.vnd-table-wrap,.vnd-directory-scroll) { overflow-x:auto; }
.vnd-workspace .vnd-topbar { padding:10px 12px; min-height:0; }
.vnd-workspace .vnd-topbar-title h1 { font-size:20px; }
.vnd-workspace :is(input,select,textarea,summary,a,button):focus-visible,
.vnd-admin-navigation :is(summary,a):focus-visible { outline:2px solid #315f8d; outline-offset:2px; }
@media(max-width:1100px),(pointer:coarse) {
 .vnd-workspace :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select,textarea) { font-size:16px !important; }
}
@media(max-width:700px) {
 .vnd-app.vnd-workspace { padding:0 8px; margin:8px auto; gap:8px; }
 .vnd-workspace .vnd-topbar { flex-wrap:wrap; gap:6px; }
 .vnd-workspace .vnd-topbar-meta { text-align:left; }
 .vnd-workspace :is(.vnd-module-filter,.vnd-filter-form,.vnd-store-schedule) { display:flex; flex-wrap:wrap; gap:8px; }
 .vnd-workspace .vnd-store-schedule > label { flex:1 1 140px; }
 .vnd-workspace .vnd-q-page-children { margin-left:8px; padding-left:5px; }
 .vnd-workspace .vnd-q-page-row { flex-wrap:wrap; }
 .vnd-workspace .vnd-q-page-row > input { flex-basis:100%; }
}
body:has(.vnd-app) .wp-block-post-title { display:none; }
.vnd-workspace .vnd-dashboard-grid > .vnd-card { margin:0; }
:is(.vnd-workspace,.vnd-admin-workspace) .vnd-install-card { display:block; }
:is(.vnd-workspace,.vnd-admin-workspace) .vnd-install-card > summary { cursor:pointer; font-size:15px; font-weight:600; color:#294f74; }
:is(.vnd-workspace,.vnd-admin-workspace) .vnd-install-card[open] > div { margin-top:10px; }
:is(.vnd-workspace,.vnd-admin-workspace) .vnd-install-actions { display:flex; flex-wrap:wrap; gap:8px; margin-top:8px; align-items:center; }
.vnd-admin-workspace .vnd-admin-wrap { padding:12px; }
.vnd-admin-workspace .wrap .button:not(.button-primary):not(.vnd-danger-action):not(.button-link-delete) { border-color:#b7cadd; border-radius:6px; color:#294f74; background:#edf3f8; }

/* Settings share the workspace card, grid and spacing rules. */

/* The theme must not put individual company pages in its narrow article column.
   Only content ancestors containing the workspace are affected; site chrome stays intact. */
body:has(.vnd-app.vnd-workspace) :is(.site-content,.content-area,.site-main,.entry-content,.wp-block-post-content,.wp-block-group,.is-layout-constrained):has(.vnd-app.vnd-workspace) {
    width:100%; max-width:none; min-width:0; margin-inline:auto; padding-inline:0;
}
body:has(.vnd-app.vnd-workspace) :is(.entry-title,.page-title,.wp-block-post-title,.entry-header):not(.vnd-app *) { display:none; }
body:has(.vnd-app.vnd-workspace) .is-layout-constrained > :has(.vnd-app.vnd-workspace) { max-width:none; }

/* One spacing owner per level, shared by ordinary pages, modules and settings. */
.vnd-app.vnd-workspace { box-sizing:border-box; }
.vnd-app.vnd-workspace :is(.vnd-main,.vnd-content),
.vnd-admin-workspace .vnd-admin-content { min-width:0; gap:12px; }
:is(.vnd-app.vnd-workspace,.vnd-admin-workspace .wrap) .vnd-company-module {
    display:grid; grid-template-columns:minmax(0,1fr); align-content:start; gap:12px; width:100%; max-width:none; min-width:0;
}
:is(.vnd-app.vnd-workspace,.vnd-admin-workspace .wrap) .vnd-company-module > :is(.vnd-card,.vnd-module-tabs,.vnd-module-filter) { margin:0; }
:is(.vnd-app.vnd-workspace,.vnd-admin-workspace .wrap) .vnd-card { box-sizing:border-box; min-width:0; padding:16px; border-radius:9px; }
:is(.vnd-app.vnd-workspace,.vnd-admin-workspace .wrap) .vnd-card > :is(h2,h3):first-child { margin-top:0; }
:is(.vnd-app.vnd-workspace,.vnd-admin-workspace .wrap) .vnd-settings-back { margin:0; }
.vnd-admin-workspace .wrap .vnd-company-module fieldset { min-width:0; padding:12px; border-radius:7px; }
.vnd-admin-workspace .wrap .vnd-company-module :is(h2,h3) { font-size:18px; }
@media(max-width:700px) {
    .vnd-app.vnd-workspace :is(.vnd-main,.vnd-content,.vnd-company-module) { gap:10px; }
    .vnd-app.vnd-workspace .vnd-card { padding:12px; }
}

/* Grid children containing wide tables must be allowed to shrink on mobile. */
.vnd-app.vnd-workspace .vnd-card form > * { min-width:0; }
@media(max-width:700px) { .vnd-app.vnd-workspace .vnd-card form { grid-template-columns:minmax(0,1fr); } }

.vnd-choice-editor { display:grid; gap:8px; min-width:0; }
.vnd-choice-row { display:flex; align-items:center; gap:6px; margin-bottom:6px; }
.vnd-choice-row input { flex:1; min-width:0; }
.vnd-choice-row button { flex:0 0 auto; }
.vnd-choice-editor[hidden] { display:none; }
.vnd-inline-radio { display:flex; align-items:center; gap:16px; min-height:36px; }
.vnd-inline-radio > label { display:inline-flex; align-items:center; gap:4px; }
:is(.vnd-workspace,.vnd-admin-workspace) .vnd-inline-radio input[type=radio] { width:17px; min-height:17px; display:inline-block; }

:is(.vnd-workspace,.vnd-admin-workspace) fieldset.vnd-radio-field { border:0; padding:0; margin:0; }

/* State colors shared by company pages and the WordPress workspace. */
:is(.vnd-app.vnd-workspace,.vnd-admin-workspace) {
 --vnd-row-hover:#e5edf6; --vnd-row-selected:#d7e5f4; --vnd-row-stripe:#f3f6fa;
 --vnd-state-text:#24364b; --vnd-selection-edge:#527ba6;
}
:is(.vnd-app.vnd-workspace,.vnd-admin-workspace .wrap) :is(.widefat,.vnd-table,.vnd-directory-table) tbody tr:is(:hover,:focus-within) > :is(td,th) {
 background:var(--vnd-row-hover); color:var(--vnd-state-text);
}
:is(.vnd-app.vnd-workspace,.vnd-admin-workspace .wrap) :is(.widefat,.vnd-table,.vnd-directory-table) tbody tr:is(.is-highlighted,.is-selected,[aria-selected=true]) > :is(td,th) {
 background:var(--vnd-row-selected); color:var(--vnd-state-text);
}
:is(.vnd-app.vnd-workspace,.vnd-admin-workspace .wrap) tr:is(.is-highlighted,.is-selected,[aria-selected=true]) > :first-child { box-shadow:inset 3px 0 var(--vnd-selection-edge); }

/* Navigation labels have one type scale, regardless of their HTML wrapper. */
:is(.vnd-app.vnd-workspace,.vnd-admin-workspace) :is(.vnd-settings-link,.vnd-module-tabs .button,.vnd-module-tabs .vnd-button,.vnd-frontend-menu .vnd-button,.vnd-admin-navigation .button,.vnd-menu-group > summary) {
 font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
 font-size:14px; font-weight:600; line-height:1.4; letter-spacing:normal; text-transform:none;
}
:is(.vnd-app.vnd-workspace,.vnd-admin-workspace) :is(.vnd-settings-link,.vnd-module-tabs .button,.vnd-module-tabs .vnd-button,.vnd-frontend-menu .vnd-button,.vnd-admin-navigation .button) :is(strong,b) { font:inherit; }

/* Compact rhythm: 6 px within controls, 8 px between related rows, 12 px between sections. */
:is(.vnd-app.vnd-workspace,.vnd-admin-workspace) { --vnd-control-height:34px; --vnd-control-padding-x:10px; }
:is(.vnd-app.vnd-workspace,.vnd-admin-workspace .wrap) :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=range]):not([type=color]):not([type=submit]),select) {
 box-sizing:border-box; min-height:34px; padding:5px 10px; line-height:1.4;
}
:is(.vnd-app.vnd-workspace,.vnd-admin-workspace .wrap) textarea { box-sizing:border-box; min-height:72px; padding:6px 10px; line-height:1.4; }
:is(.vnd-app.vnd-workspace,.vnd-admin-workspace .wrap) :is(.vnd-button,.button) { min-height:34px; height:auto; padding:6px 10px; line-height:1.35; }
:is(.vnd-app.vnd-workspace,.vnd-admin-workspace .wrap) .vnd-settings-link { padding:10px 12px; }
:is(.vnd-app.vnd-workspace,.vnd-admin-workspace .wrap) :is(.vnd-module-tabs,.vnd-q-actions,.vnd-form-actions,.vnd-install-actions) { gap:6px; }
:is(.vnd-app.vnd-workspace,.vnd-admin-workspace .wrap) :is(.vnd-policy-grid,.vnd-discount-grid,.vnd-connection-grid,.vnd-frontend-address-grid,.vnd-store-schedule) { gap:8px 12px; }
:is(.vnd-app.vnd-workspace,.vnd-admin-workspace .wrap) :is(.vnd-discount-grid,.vnd-connection-grid) { margin:10px 0; }
:is(.vnd-app.vnd-workspace,.vnd-admin-workspace .wrap) .vnd-company-module details { padding:8px; margin:8px 0; }
:is(.vnd-app.vnd-workspace,.vnd-admin-workspace .wrap) .vnd-q-card { padding:0; margin:8px 0; }
:is(.vnd-app.vnd-workspace,.vnd-admin-workspace .wrap) .vnd-q-card > summary { padding:8px 10px; }
:is(.vnd-app.vnd-workspace,.vnd-admin-workspace .wrap) .vnd-q-body { padding:10px; gap:8px; }
:is(.vnd-app.vnd-workspace,.vnd-admin-workspace .wrap) :is(.vnd-q-condition,.vnd-q-calculation) { padding:10px; gap:8px; }
:is(.vnd-app.vnd-workspace,.vnd-admin-workspace .wrap) .vnd-card form p { margin-bottom:8px; }
:is(.vnd-app.vnd-workspace,.vnd-admin-workspace .wrap) :is(.vnd-discount-editor,.vnd-connections) summary { padding:6px 0; line-height:1.4; }
:is(.vnd-app.vnd-workspace,.vnd-admin-workspace .wrap) :is(.vnd-searchable-select__list,.vnd-searchable-select-dropdown) { margin-top:4px; padding:0; max-height:220px; overflow-y:auto; }
:is(.vnd-app.vnd-workspace,.vnd-admin-workspace .wrap) :is(.vnd-searchable-select__option,.vnd-searchable-select-option) { min-height:34px; height:auto; margin:0; padding:6px 10px; line-height:1.4; }
:is(.vnd-app.vnd-workspace,.vnd-admin-workspace .wrap) input.vnd-searchable-select__input { padding-right:34px; }
:is(.vnd-app.vnd-workspace,.vnd-admin-workspace .wrap) :is(.vnd-table,.widefat,.vnd-directory-table) :is(th,td) { padding:6px 8px; }
:is(.vnd-app.vnd-workspace,.vnd-admin-workspace .wrap) :is(.vnd-table,.widefat,.vnd-directory-table) :is(.button,.vnd-button) { min-height:30px; padding:4px 8px; }
@media(max-width:700px),(pointer:coarse) {
 .vnd-app.vnd-workspace { --vnd-control-height:40px; }
 .vnd-app.vnd-workspace :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=range]):not([type=color]),select,.button,.vnd-button,.vnd-searchable-select__option,.vnd-searchable-select-option) { min-height:40px; }
 .vnd-app.vnd-workspace :is(.vnd-table,.widefat,.vnd-directory-table) :is(.button,.vnd-button) { min-height:36px; }
}

/* Group short fields by subject rather than giving each a full page-width row. */
:is(.vnd-app.vnd-workspace,.vnd-admin-workspace .wrap) :is(.vnd-related-fields,[data-product-parties],.vnd-sale-fields,[data-weight-settings]) {
 display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr)); gap:8px 12px; align-items:start; min-width:0;
}
:is(.vnd-app.vnd-workspace,.vnd-admin-workspace .wrap) :is(.vnd-related-fields,[data-product-parties],.vnd-sale-fields,[data-weight-settings]) > p { margin:0; min-width:0; }
:is(.vnd-app.vnd-workspace,.vnd-admin-workspace .wrap) :is(.vnd-related-fields,[data-product-parties],.vnd-sale-fields,[data-weight-settings]) :is(input:not([type=checkbox]):not([type=radio]),select) { width:100%; max-width:100%; }
:is(.vnd-app.vnd-workspace,.vnd-admin-workspace .wrap) :is(.vnd-sale-fields,[data-weight-settings]) > :is(legend,.description,.vnd-subtle,.vnd-form-actions,p:has(input[type=checkbox])) { grid-column:1/-1; }
:is(.vnd-app.vnd-workspace,.vnd-admin-workspace .wrap) .vnd-policy-grid > fieldset {
 display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr)); align-content:start; gap:8px 12px;
}
:is(.vnd-app.vnd-workspace,.vnd-admin-workspace .wrap) .vnd-policy-grid > fieldset > :is(legend,p) { grid-column:1/-1; margin:0; }
:is(.vnd-app.vnd-workspace,.vnd-admin-workspace .wrap) .vnd-policy-grid > fieldset > p:has(input[type=number],select) { grid-column:auto; }
:is(.vnd-app.vnd-workspace,.vnd-admin-workspace .wrap) .vnd-q-body { grid-template-columns:repeat(2,minmax(0,1fr)); }
:is(.vnd-app.vnd-workspace,.vnd-admin-workspace .wrap) .vnd-q-body > * { grid-column:1/-1; min-width:0; }
:is(.vnd-app.vnd-workspace,.vnd-admin-workspace .wrap) .vnd-q-body > label:has([data-field=page_id],[data-field=type]) { grid-column:auto; }
:is(.vnd-app.vnd-workspace,.vnd-admin-workspace .wrap) .vnd-q-condition { grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr)); }
:is(.vnd-app.vnd-workspace,.vnd-admin-workspace .wrap) [data-questionnaire-settings] { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr)); gap:8px 12px; }
:is(.vnd-app.vnd-workspace,.vnd-admin-workspace .wrap) [data-questionnaire-settings] > :is([data-retention],p:has(input[type=checkbox])) { grid-column:1/-1; }
:is(.vnd-app.vnd-workspace,.vnd-admin-workspace .wrap) .vnd-party-row { display:flex; align-items:flex-end; gap:8px; }
:is(.vnd-app.vnd-workspace,.vnd-admin-workspace .wrap) .vnd-party-row label { flex:1; min-width:0; }
:is(.vnd-app.vnd-workspace,.vnd-admin-workspace .wrap) .vnd-party-row .button { flex:none; }
@media(max-width:600px) {
 .vnd-app.vnd-workspace :is(.vnd-related-fields,[data-product-parties],.vnd-sale-fields,[data-weight-settings],.vnd-q-body,[data-questionnaire-settings]) { grid-template-columns:minmax(0,1fr); }
 .vnd-app.vnd-workspace .vnd-policy-grid > fieldset { grid-template-columns:minmax(0,1fr); }
}


:is(.vnd-workspace,.vnd-admin-workspace) .vnd-searchable-select__more{display:block;width:100%;min-height:36px;margin:0;padding:8px 10px;border:0;border-radius:0;background:var(--vnd-soft,#edf3f8);color:var(--vnd-text,#24364b);text-align:left;cursor:pointer}

body.vnd-admin-workspace .wrap .vnd-admin-header{border:0;border-radius:0;background:transparent;box-shadow:none;}

/* Private app distribution uses the same compact form controls as other modules. */
.vnd-app-install-panel form{max-width:640px;}
.vnd-app-install-panel form+form{margin-top:14px;padding-top:12px;border-top:1px solid var(--vnd-border,#ced9e4);}

/* Light appearance: selection has an outline as well as a tinted surface. */
html:not([data-vnd-theme=dark]) :is(.vnd-app.vnd-workspace,body.vnd-admin-workspace) {
 --vnd-active-border:#7898b8;
 --vnd-active-fill:#dce8f5;
 --vnd-active-text:#244b71;
}
html:not([data-vnd-theme=dark]) :is(.vnd-app.vnd-workspace,body.vnd-admin-workspace .wrap) :is(.vnd-button,.button,button):is(.is-active,.is-selected,[aria-pressed=true]):not(:disabled),
html:not([data-vnd-theme=dark]) :is(.vnd-app.vnd-workspace,body.vnd-admin-workspace) :is(.vnd-module-tabs,.nav-tab-wrapper) :is(.is-active,.nav-tab-active,[aria-current=page]) {
 border:1px solid var(--vnd-active-border);
}
html:not([data-vnd-theme=dark]) :is(.vnd-app.vnd-workspace,body.vnd-admin-workspace .wrap) :is(.button-primary,.vnd-primary-action,button[type=submit]):not(:disabled):not(.vnd-danger-action):not(.vnd-delete-link):not(.button-link-delete),
html:not([data-vnd-theme=dark]) .vnd-app.vnd-workspace .vnd-theme-switch button[aria-pressed=true] {
 border-color:#789cbd;
}
html:not([data-vnd-theme=dark]) :is(.vnd-app.vnd-workspace,body.vnd-admin-workspace) .vnd-settings-link:is(:hover,:focus-visible) {
 border-color:var(--vnd-active-border);
}
html:not([data-vnd-theme=dark]) :is(.vnd-app.vnd-workspace,body.vnd-admin-workspace) :is(.vnd-searchable-select__option,.vnd-searchable-select-option):is(.is-active,.is-selected,[aria-selected=true]) {
 background:var(--vnd-active-fill);color:var(--vnd-active-text);
 box-shadow:inset 0 0 0 1px var(--vnd-active-border);
}

/* Customer-list titles: a modest size increase with a clear semibold weight. */
.vnd-app.vnd-workspace:is(.vnd-app--route-partners,.vnd-app--route-stores,.vnd-app--route-products,.vnd-app--route-order_new,.vnd-app--route-purchase_new,:is(.vnd-app--route-orders,.vnd-app--route-quotes,.vnd-app--route-shipping_fees)) .vnd-directory-heading > h2 {
 font-size:20px; font-weight:600; line-height:1.3;
}
body.vnd-admin-workspace:has(input[name="page"]:is([value="vnd-core-partners"],[value="vnd-core-stores"],[value="vnd-core-products"],[value="vnd-core-orders"])) .wrap .vnd-admin-header h1 {
 font-size:24px; font-weight:600; line-height:1.3;
}

/* New customer is the primary action in both admin workspaces. */
:is(.vnd-app.vnd-workspace:is(.vnd-app--route-partners,.vnd-app--route-stores,.vnd-app--route-products,.vnd-app--route-order_new,.vnd-app--route-purchase_new,:is(.vnd-app--route-orders,.vnd-app--route-quotes,.vnd-app--route-shipping_fees)) .vnd-directory-heading > .vnd-primary-action,
:is(.vnd-app.vnd-workspace,body.vnd-admin-workspace) .vnd-store-statuses [data-status-add],
body.vnd-admin-workspace:has(input[name="page"]:is([value="vnd-core-partners"],[value="vnd-core-stores"],[value="vnd-core-products"],[value="vnd-core-orders"])) .vnd-admin-header .button-primary) {
 background:#315f8d; color:#fff; border-color:#789cbd;
 transition:background-color .15s ease,border-color .15s ease;
}
:is(.vnd-app.vnd-workspace:is(.vnd-app--route-partners,.vnd-app--route-stores,.vnd-app--route-products,.vnd-app--route-order_new,.vnd-app--route-purchase_new,:is(.vnd-app--route-orders,.vnd-app--route-quotes,.vnd-app--route-shipping_fees)) .vnd-directory-heading > .vnd-primary-action,
:is(.vnd-app.vnd-workspace,body.vnd-admin-workspace) .vnd-store-statuses [data-status-add],
body.vnd-admin-workspace:has(input[name="page"]:is([value="vnd-core-partners"],[value="vnd-core-stores"],[value="vnd-core-products"],[value="vnd-core-orders"])) .vnd-admin-header .button-primary):hover {
 background:#244b71; color:#fff; border-color:#658bae;
}
html[data-vnd-theme=dark] :is(.vnd-app.vnd-workspace:is(.vnd-app--route-partners,.vnd-app--route-stores,.vnd-app--route-products,.vnd-app--route-order_new,.vnd-app--route-purchase_new,:is(.vnd-app--route-orders,.vnd-app--route-quotes,.vnd-app--route-shipping_fees)) .vnd-directory-heading > .vnd-primary-action,
:is(.vnd-app.vnd-workspace,body.vnd-admin-workspace) .vnd-store-statuses [data-status-add],
body.vnd-admin-workspace:has(input[name="page"]:is([value="vnd-core-partners"],[value="vnd-core-stores"],[value="vnd-core-products"],[value="vnd-core-orders"])) .vnd-admin-header .button-primary) {
 background:#38638c; color:var(--vnd-text); border-color:#729cc4;
}
html[data-vnd-theme=dark] :is(.vnd-app.vnd-workspace:is(.vnd-app--route-partners,.vnd-app--route-stores,.vnd-app--route-products,.vnd-app--route-order_new,.vnd-app--route-purchase_new,:is(.vnd-app--route-orders,.vnd-app--route-quotes,.vnd-app--route-shipping_fees)) .vnd-directory-heading > .vnd-primary-action,
:is(.vnd-app.vnd-workspace,body.vnd-admin-workspace) .vnd-store-statuses [data-status-add],
body.vnd-admin-workspace:has(input[name="page"]:is([value="vnd-core-partners"],[value="vnd-core-stores"],[value="vnd-core-products"],[value="vnd-core-orders"])) .vnd-admin-header .button-primary):hover {
 background:#426f99; border-color:#96bbdf;
}
@media(prefers-reduced-motion:reduce){
 .vnd-app.vnd-workspace:is(.vnd-app--route-partners,.vnd-app--route-stores,.vnd-app--route-products,.vnd-app--route-order_new,.vnd-app--route-purchase_new,:is(.vnd-app--route-orders,.vnd-app--route-quotes,.vnd-app--route-shipping_fees)) .vnd-directory-heading > .vnd-primary-action,
 :is(.vnd-app.vnd-workspace,body.vnd-admin-workspace) .vnd-store-statuses [data-status-add],
body.vnd-admin-workspace:has(input[name="page"]:is([value="vnd-core-partners"],[value="vnd-core-stores"],[value="vnd-core-products"],[value="vnd-core-orders"])) .vnd-admin-header .button-primary{transition:none;}
}

/* Customers: one search, a compact status selector and reset, without label rows. */
:is(.vnd-app.vnd-workspace,body.vnd-admin-workspace .wrap) form.vnd-partner-filters {
 display:grid;grid-template-columns:minmax(0,1fr) 156px auto;gap:8px;align-items:center;
 margin:0 0 12px;padding:0;border:0;background:transparent;
}
:is(.vnd-app.vnd-workspace,body.vnd-admin-workspace .wrap) form.vnd-partner-filters--admin {grid-template-columns:minmax(200px,1fr) minmax(150px,240px) 156px auto;}
:is(.vnd-app.vnd-workspace,body.vnd-admin-workspace .wrap) .vnd-partner-filters :is(input,select,.vnd-searchable-select) {width:100%;min-width:0;margin:0;}
:is(.vnd-app.vnd-workspace,body.vnd-admin-workspace .wrap) .vnd-partner-filters .vnd-partner-reset {white-space:nowrap;margin:0;}
.vnd-partner-filters .vnd-live-filter-status {grid-column:1/-1;}
@media(max-width:1024px){
 .vnd-app.vnd-workspace form.vnd-partner-filters{grid-template-columns:minmax(0,1fr) auto;gap:8px;margin-bottom:10px;}
 .vnd-app.vnd-workspace .vnd-partner-filters .vnd-partner-search{grid-column:1/-1;}
 .vnd-app.vnd-workspace .vnd-partner-filters .vnd-partner-status{grid-column:1;}
 .vnd-app.vnd-workspace .vnd-partner-filters .vnd-partner-reset{grid-column:2;padding-inline:8px;}
}

/* Keep the status and pencil as close as the pencil and record code. */
:is(.vnd-app.vnd-workspace,body.vnd-admin-workspace .wrap) [data-vnd-partner-scroll] table :is(th,td):first-child{min-width:0;padding-right:4px;text-align:center}
:is(.vnd-app.vnd-workspace,body.vnd-admin-workspace .wrap) [data-vnd-partner-scroll] tbody td:first-child .vnd-badge{padding-inline:6px}
/* Customer editing needs only a compact, accessible pencil action. */
:is(.vnd-app.vnd-workspace,body.vnd-admin-workspace .wrap) .vnd-partner-edit-column{width:1%;white-space:nowrap;padding-inline:6px}
.vnd-app.vnd-workspace a.vnd-partner-edit-button{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;width:34px;min-width:34px;height:34px;min-height:34px;padding:6px}
.vnd-app.vnd-workspace .vnd-partner-edit-button svg{width:18px;height:18px;flex:none}

:is(.vnd-app.vnd-workspace,body.vnd-admin-workspace .wrap) button.vnd-partner-sort{display:inline-flex;align-items:center;gap:5px;min-height:0;min-width:0;margin:0;padding:0;border:0;border-radius:0;box-shadow:none;background:transparent;color:inherit;font:inherit;text-transform:inherit;white-space:nowrap;cursor:pointer}
:is(.vnd-app.vnd-workspace,body.vnd-admin-workspace .wrap) button.vnd-partner-sort:hover{background:transparent;color:var(--vnd-primary,#315f8d)}
.vnd-partner-sort svg{width:14px;height:14px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.vnd-partner-sort svg.is-descending{transform:rotate(180deg)}
.vnd-partner-sort:focus-visible{outline:2px solid var(--vnd-primary,#315f8d);outline-offset:3px}

/* Compact primary edit action and centered customer rows, in both workspaces. */
:is(.vnd-app.vnd-workspace,body.vnd-admin-workspace .wrap) [data-vnd-partner-scroll] table :is(th,td){vertical-align:middle}
:is(.vnd-app.vnd-workspace,body.vnd-admin-workspace .wrap) [data-vnd-partner-scroll] .vnd-partner-edit-column :is(a,button.vnd-partner-edit-button){
 display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;
 width:30px;min-width:30px;height:30px;min-height:30px;padding:0;line-height:1;vertical-align:middle;
 background:#315f8d;color:#fff;border:1px solid #789cbd;border-radius:7px;
 transition:background-color .15s ease,border-color .15s ease;
}
:is(.vnd-app.vnd-workspace,body.vnd-admin-workspace .wrap) [data-vnd-partner-scroll] .vnd-partner-edit-column :is(a,button.vnd-partner-edit-button):hover{background:#244b71;border-color:#658bae}
html[data-vnd-theme=dark] :is(.vnd-app.vnd-workspace,body.vnd-admin-workspace .wrap) [data-vnd-partner-scroll] .vnd-partner-edit-column :is(a,button.vnd-partner-edit-button){background:#38638c;border-color:#729cc4;color:var(--vnd-text)}
html[data-vnd-theme=dark] :is(.vnd-app.vnd-workspace,body.vnd-admin-workspace .wrap) [data-vnd-partner-scroll] .vnd-partner-edit-column :is(a,button.vnd-partner-edit-button):hover{background:#426f99;border-color:#96bbdf}
:is(.vnd-app.vnd-workspace,body.vnd-admin-workspace .wrap) [data-vnd-partner-scroll] .vnd-partner-edit-column :is(a,button.vnd-partner-edit-button) svg{width:16px;height:16px;flex:0 0 16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
@media(prefers-reduced-motion:reduce){[data-vnd-partner-scroll] .vnd-partner-edit-column :is(a,button.vnd-partner-edit-button){transition:none!important}}

/* Sort headers stay one compact line, including the narrow company shell. */
:is(.vnd-app.vnd-workspace,body.vnd-admin-workspace .wrap) [data-vnd-partner-scroll] table{border-collapse:separate;border-spacing:0;overflow:visible}
:is(.vnd-app.vnd-workspace,body.vnd-admin-workspace .wrap) [data-vnd-partner-scroll] thead{position:sticky;top:0;z-index:3}
:is(.vnd-app.vnd-workspace,body.vnd-admin-workspace .wrap) [data-vnd-partner-scroll] thead th{position:relative;top:auto;z-index:auto;background:#eef3f8;box-shadow:none;white-space:nowrap;word-break:normal;overflow-wrap:normal}
html[data-vnd-theme=dark] :is(.vnd-app.vnd-workspace,body.vnd-admin-workspace .wrap) [data-vnd-partner-scroll] thead th{background:#23364a}
/* Touch lists must stop at their edges without stretching the sticky header.
   Mouse scrolling keeps its normal handoff to the surrounding page. */
@media(any-pointer:coarse){
 :is(.vnd-app.vnd-workspace,body.vnd-admin-workspace .wrap) :is([data-vnd-partner-scroll],.vnd-dashboard-orders-wrap){overscroll-behavior:none}
}
:is(.vnd-app.vnd-workspace,body.vnd-admin-workspace .wrap) [data-vnd-partner-scroll] thead button.vnd-partner-sort{
 display:inline-flex;flex-flow:row nowrap;align-items:center;width:max-content;max-width:none;
 height:auto;min-height:0;padding:0;line-height:1.4;white-space:nowrap;word-break:normal;overflow-wrap:normal;
}
:is(.vnd-app.vnd-workspace,body.vnd-admin-workspace .wrap) [data-vnd-partner-scroll] .vnd-partner-sort svg{width:14px;min-width:14px;max-width:14px;height:14px;min-height:14px;max-height:14px;flex:0 0 14px}

/* Status selector: keep the chevron comfortably inset from the field edge. */
:is(.vnd-app.vnd-workspace,body.vnd-admin-workspace .wrap) form.vnd-partner-filters select.vnd-partner-status{
 -webkit-appearance:none;appearance:none;padding-right:36px;
 background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2020%22%3E%3Cpath%20d%3D%22m5%207.5%205%205%205-5%22%20fill%3D%22none%22%20stroke%3D%22%23405b73%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:14px 14px;
}
html[data-vnd-theme=dark] :is(.vnd-app.vnd-workspace,body.vnd-admin-workspace .wrap) form.vnd-partner-filters select.vnd-partner-status{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2020%22%3E%3Cpath%20d%3D%22m5%207.5%205%205%205-5%22%20fill%3D%22none%22%20stroke%3D%22%23e5edf6%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E")}
@media(forced-colors:active){:is(.vnd-app.vnd-workspace,body.vnd-admin-workspace .wrap) form.vnd-partner-filters select.vnd-partner-status{appearance:auto;background-image:none}}

/* Floating status menu: measured content width, compact rows, no layout shift. */
.vnd-partner-status-control{min-width:0;position:relative}
.vnd-partner-status-control select[hidden]{display:none!important}
:is(.vnd-app.vnd-workspace,body.vnd-admin-workspace .wrap,dialog.vnd-dialog,dialog.vnd-order-period-dialog) .vnd-partner-status-control button.vnd-status-trigger{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-width:0;margin:0;padding:7px 12px 7px 9px;min-height:36px;border:1px solid var(--vnd-border,#b9c9d8);border-radius:6px;background:var(--vnd-surface,#fff);color:var(--vnd-text,#24364b);font:inherit;line-height:1.4;text-align:left}
.vnd-status-value{min-width:0;white-space:nowrap;overflow-x:auto;scrollbar-width:none;font-weight:400}
:is(.vnd-app.vnd-workspace,body.vnd-admin-workspace .wrap,dialog.vnd-dialog,dialog.vnd-order-period-dialog) .vnd-status-trigger svg{width:14px;height:14px;flex:0 0 14px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.vnd-status-trigger[aria-expanded=true] svg{transform:rotate(180deg)}
.vnd-status-popup{position:fixed;z-index:100100;box-sizing:border-box;overflow-y:auto;overflow-x:hidden;padding:4px 0;border:1px solid #b9c9d8;border-radius:8px;background:#edf3f8;color:#24364b;box-shadow:0 8px 24px #14203026;font:14px/1.4 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.vnd-status-popup[hidden]{display:none!important}
.vnd-status-popup button.vnd-status-option{display:block;box-sizing:border-box;width:100%;max-width:100%;height:auto;min-height:36px;margin:0;padding:8px 12px;border:0;border-bottom:1px solid #d3dee8;border-radius:0;background:transparent;color:inherit;font:inherit;font-weight:400;text-align:left;white-space:nowrap;overflow-x:auto;overflow-y:hidden;touch-action:pan-x pan-y;cursor:pointer}
.vnd-status-option span{display:block;width:max-content;min-width:100%;white-space:nowrap}
.vnd-status-popup .vnd-status-option:last-child{border-bottom:0}
.vnd-status-popup .vnd-status-option[aria-selected=true]{background:#d9e6f3;color:#244b71;font-weight:600}
.vnd-status-popup .vnd-status-option:is(:hover,:focus-visible){background:#dfeaf5;color:#24364b;outline:0;box-shadow:inset 3px 0 #527fa8}
html[data-vnd-theme=dark] .vnd-status-popup{background:#22374b;color:var(--vnd-text);border-color:#526c83;box-shadow:0 8px 24px #0005}
html[data-vnd-theme=dark] .vnd-status-popup .vnd-status-option{border-color:#3c5268}
html[data-vnd-theme=dark] .vnd-status-popup .vnd-status-option[aria-selected=true]{background:#365571;color:var(--vnd-text)}
html[data-vnd-theme=dark] .vnd-status-popup .vnd-status-option:is(:hover,:focus-visible){background:#304c65;color:var(--vnd-text)}
html[data-vnd-theme=dark] :is(.vnd-app.vnd-workspace,body.vnd-admin-workspace .wrap,dialog.vnd-dialog,dialog.vnd-order-period-dialog) .vnd-partner-status-control button.vnd-status-trigger{background:#1b2b3b;color:var(--vnd-text);border-color:#526c83}
@media(max-width:1024px){.vnd-app.vnd-workspace .vnd-filter-status-control{grid-column:1}.vnd-app.vnd-workspace .vnd-partner-status-control button.vnd-status-trigger{min-height:40px;font-size:16px}}

/* Shared page-title hierarchy; form subsection headings retain their smaller size. */
.vnd-app.vnd-workspace :is(.vnd-content>.vnd-card>h2,.vnd-content>section>h2,.vnd-directory-heading>h2,.vnd-people-heading>h2,.vnd-topbar-title h1){font-size:20px;font-weight:600;line-height:1.3}
body.vnd-admin-workspace .wrap>h1,body.vnd-admin-workspace .wrap .vnd-admin-header h1{font-size:24px;font-weight:600;line-height:1.3}
.vnd-placeholder-form .vnd-field-label-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important}
.vnd-placeholder-form .vnd-placeholder-heading{display:none}
:is(.vnd-app.vnd-workspace,body.vnd-admin-workspace .wrap) .vnd-placeholder-form label>:is(input,select,textarea){margin-top:0}
:is(.vnd-app.vnd-workspace,body.vnd-admin-workspace .wrap) .vnd-placeholder-form :is(input,textarea)::placeholder{color:var(--vnd-muted,#65798d);opacity:1}

.vnd-buyer-identity,.vnd-buyer-identity-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;align-items:start}
form.vnd-editor-form>.vnd-buyer-identity{grid-column:1/-1;margin:0}
tr.vnd-buyer-identity{display:table-row}
.vnd-buyer-identity label{min-width:0;margin:0}
.vnd-buyer-identity :is(input,.vnd-partner-status-control){width:100%;box-sizing:border-box}
.vnd-select-search{position:sticky;top:-4px;z-index:1;background:inherit;padding:6px 8px}
.vnd-status-popup .vnd-select-search input{box-sizing:border-box;width:100%;min-width:0;height:36px;border:1px solid #b9c9d8;border-radius:5px;padding:6px 8px;background:#fff;color:#24364b;font:16px/1.4 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.vnd-select-empty{padding:8px 12px}
html[data-vnd-theme=dark] .vnd-status-popup .vnd-select-search input{background:#1b2b3b;border-color:#526c83;color:var(--vnd-text)}
.vnd-status-trigger[aria-invalid=true]{outline:2px solid #b44c50;outline-offset:-2px}
.vnd-partner-status-control{width:100%;max-width:100%}
@media(max-width:1024px){
 :is(.vnd-app.vnd-workspace,body.vnd-admin-workspace .wrap,dialog.vnd-dialog,dialog.vnd-order-period-dialog) .vnd-partner-status-control button.vnd-status-trigger{min-height:40px;font-size:16px}
}
.vnd-buyer-business,.vnd-buyer-address-grid,div.vnd-buyer-address,.vnd-company-logo-fields{display:grid;gap:10px;grid-column:1/-1;align-items:start}
.vnd-buyer-business{grid-template-columns:repeat(2,minmax(0,1fr));margin:0}
.vnd-buyer-business[hidden]{display:none!important}
tr.vnd-buyer-business{display:table-row}
div.vnd-buyer-address,.vnd-buyer-address-grid{grid-template-columns:var(--vnd-postcode-width,140px) minmax(140px,1fr) minmax(180px,1.6fr) minmax(110px,.7fr) minmax(140px,1fr)}
.vnd-buyer-address label{min-width:0;margin:0}
.vnd-buyer-address :is(input,select,button){width:100%;box-sizing:border-box}
.vnd-address-message{grid-column:1/-1;font-size:13px;color:var(--vnd-muted,#65798d)}
.vnd-address-message:empty{display:none}
.vnd-address-house{text-align:left!important;justify-content:flex-start!important;font-weight:400!important}
.vnd-field-invalid,.vnd-status-trigger[aria-invalid=true]{border-color:#bd535a!important;box-shadow:inset 0 0 0 1px #bd535a!important}
dialog.vnd-address-parts form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
dialog.vnd-address-parts input{box-sizing:border-box;min-width:0;width:100%;height:var(--vnd-address-control-height);min-height:var(--vnd-address-control-height);margin:0;padding:5px 10px;border:1px solid #b9c9d8;border-radius:6px;font-family:inherit;font-size:14px;line-height:1.4;background:#fff;color:#24364b}
dialog.vnd-address-parts .vnd-dialog-actions{grid-column:1/-1}
html[data-vnd-theme=dark] dialog.vnd-address-parts input{background:#1b2b3b;color:var(--vnd-text);border-color:#526c83}
@media(max-width:1200px){div.vnd-buyer-address,.vnd-buyer-address-grid{grid-template-columns:var(--vnd-postcode-width,140px) repeat(2,minmax(0,1fr))}}
@media(max-width:600px){div.vnd-buyer-address,.vnd-buyer-address-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

:is(.vnd-app.vnd-workspace,body.vnd-admin-workspace .wrap) .vnd-buyer-address button.vnd-address-house{box-sizing:border-box;height:var(--vnd-control-height);min-height:var(--vnd-control-height);margin:0;padding:5px 10px;border-width:1px;border-style:solid;border-radius:6px;font:inherit;line-height:1.4;box-shadow:none;display:flex;align-items:center;white-space:nowrap;overflow:hidden}
@media(max-width:1024px),(pointer:coarse){:is(.vnd-app.vnd-workspace,body.vnd-admin-workspace .wrap) .vnd-buyer-address button.vnd-address-house{font-size:16px}}

/* Type-specific company/sole-trader fields keep their compact row when hidden. */
.vnd-buyer-business [hidden],[data-directory-moved][hidden],.vnd-store-partner label[hidden]{display:none!important}

.vnd-buyer-order-settings,.vnd-buyer-order-settings>td{display:grid;grid-template-columns:minmax(120px,1fr) minmax(235px,1.3fr);gap:10px;align-items:center;grid-column:1/-1}
tr.vnd-buyer-order-settings{display:table-row}
.vnd-buyer-order-settings .vnd-buyer-discount{margin:0!important}
.vnd-buyer-discount label{display:flex;align-items:center;gap:10px;margin:0}
.vnd-buyer-discount label>span{white-space:nowrap;font-weight:400;font-size:14px}
.vnd-buyer-discount input{width:80px!important;min-width:65px;max-width:100%;margin:0!important;text-align:right;flex:1}
@media(max-width:600px){.vnd-buyer-order-settings,.vnd-buyer-order-settings>td{grid-template-columns:minmax(90px,.8fr) minmax(0,1.7fr);gap:8px}.vnd-buyer-discount label{gap:6px}.vnd-buyer-discount label>span{font-size:12px}.vnd-buyer-discount input{width:58px!important;min-width:48px}}

.vnd-buyer-contact,.vnd-buyer-contact>td{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;grid-column:1/-1;align-items:start}
tr.vnd-buyer-contact{display:table-row}
.vnd-buyer-contact label{min-width:0;margin:0!important}
.vnd-buyer-contact input{width:100%;min-width:0;box-sizing:border-box;margin:0!important}

/* Per-record custom fields follow the customer/store data as a compact group. */
:is(.vnd-app.vnd-workspace,.vnd-admin-workspace .wrap) .vnd-directory-extra { margin:12px 0; padding-top:12px; border-top:1px solid var(--vnd-border,#64748b55); min-width:0; }
:is(.vnd-app.vnd-workspace,.vnd-admin-workspace .wrap) .vnd-directory-extra h3 { margin:0 0 10px; font-size:16px; font-weight:600; }
:is(.vnd-app.vnd-workspace,.vnd-admin-workspace .wrap) .vnd-directory-extra .vnd-policy-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px 12px; }
:is(.vnd-app.vnd-workspace,.vnd-admin-workspace .wrap) .vnd-directory-extra .vnd-policy-grid > * { min-width:0; margin:0; }
@media(max-width:600px){ .vnd-app.vnd-workspace .vnd-directory-extra .vnd-policy-grid { grid-template-columns:minmax(0,1fr); } }

/* Responsive customer/store record groups share the surrounding form rhythm. */
.vnd-workspace .vnd-editor-form > .vnd-directory-extra { grid-column:1/-1; }
.vnd-workspace [data-directory-record] > .vnd-policy-grid:empty { display:none; }
.vnd-workspace [data-directory-record][hidden] { display:none!important; }
.vnd-workspace .vnd-directory-extra :is(label,fieldset) { overflow-wrap:anywhere; }
.vnd-workspace .vnd-directory-extra :is(input:not([type=checkbox]):not([type=radio]),select,textarea) { box-sizing:border-box;width:100%;min-width:0;max-width:100%; }
.vnd-workspace .vnd-directory-extra .vnd-inline-radio { flex-wrap:wrap;gap:8px 16px; }
@media(max-width:1024px){
 .vnd-workspace .vnd-directory-extra { margin:4px 0 0;padding-top:12px; }
 .vnd-workspace .vnd-directory-extra h3 { font-size:16px;line-height:1.4;margin-bottom:10px; }
 .vnd-workspace :is(.vnd-buyer-identity,.vnd-buyer-business,.vnd-buyer-contact,.vnd-buyer-address,.vnd-buyer-address-grid) { gap:10px; }
 .vnd-workspace .vnd-directory-extra :is(input:not([type=checkbox]):not([type=radio]),textarea,.vnd-status-trigger) { font-size:16px;min-height:40px; }
 .vnd-workspace .vnd-directory-extra .vnd-policy-grid { gap:10px; }
 .vnd-workspace .vnd-buyer-order-settings > * { min-width:0; }
}
@media(max-width:360px){
 .vnd-workspace :is(.vnd-buyer-identity,.vnd-buyer-business,.vnd-buyer-contact,.vnd-buyer-order-settings) { grid-template-columns:minmax(0,1fr); }
 .vnd-workspace .vnd-buyer-discount label { justify-content:space-between; }
 .vnd-workspace .vnd-buyer-discount label > span { font-size:14px;white-space:normal; }
 .vnd-workspace .vnd-buyer-discount input { flex:0 0 72px; }
}

/* Do not paint the legacy source layout before the new-customer controls are assembled. */
/* Keep the intermediate server/layout states out of the first painted view. */
html.vnd-form-boot :is(.vnd-app.vnd-workspace,body.vnd-admin-workspace #wpbody-content) { visibility:hidden; }
@media(prefers-reduced-motion:no-preference){
 html.vnd-workspace-ready :is(.vnd-app.vnd-workspace,body.vnd-admin-workspace #wpbody-content){animation:vnd-workspace-reveal .1s ease-out both;}
}
@keyframes vnd-workspace-reveal{from{opacity:0}to{opacity:1}}
html.vnd-form-boot form[data-vnd-placeholder-fields]:not([data-vnd-form-ready]) { visibility:hidden; }

/* Text fields and closed selects use the same outer dimensions. */
:is(.vnd-app.vnd-workspace,body.vnd-admin-workspace) { --vnd-control-height:34px; }
:is(.vnd-app.vnd-workspace,body.vnd-admin-workspace .wrap) :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=range]):not([type=color]):not([type=submit]):not([type=button]):not([type=reset]):not([type=file]),select:not([multiple]):not([size])),
:is(.vnd-app.vnd-workspace,body.vnd-admin-workspace .wrap,dialog.vnd-dialog,dialog.vnd-order-period-dialog) .vnd-partner-status-control button.vnd-status-trigger,
:is(.vnd-app.vnd-workspace,body.vnd-admin-workspace .wrap) .vnd-buyer-address button.vnd-address-house {
 box-sizing:border-box;height:var(--vnd-control-height);min-height:var(--vnd-control-height);
 padding-top:5px;padding-bottom:5px;border-width:1px;line-height:1.4;font-weight:400;
}
@media(max-width:1024px),(pointer:coarse){
 :is(.vnd-app.vnd-workspace,body.vnd-admin-workspace) { --vnd-control-height:40px; }
}

/* Address dialog controls match the customer form, including the save action. */
dialog.vnd-dialog:is(.vnd-address-parts,.vnd-store-buyer-dialog) { --vnd-address-control-height:34px; --vnd-control-height:34px; padding:16px; }
dialog.vnd-dialog:is(.vnd-address-parts,.vnd-store-buyer-dialog) .vnd-dialog-actions { gap:8px; }
dialog.vnd-dialog:is(.vnd-address-parts,.vnd-store-buyer-dialog) .vnd-dialog-actions button,
dialog.vnd-dialog.vnd-store-buyer-dialog > button {
 box-sizing:border-box;height:var(--vnd-address-control-height);min-height:var(--vnd-address-control-height);
 min-width:0;margin:0;padding:6px 10px;border-width:1px;border-radius:6px;font-size:14px;line-height:1.35;
}
@media(max-width:1024px),(pointer:coarse){
 dialog.vnd-dialog:is(.vnd-address-parts,.vnd-store-buyer-dialog) { --vnd-address-control-height:40px; --vnd-control-height:40px; }
 dialog.vnd-dialog.vnd-address-parts input { font-size:16px; }
}

/* Keep the full saved house/parcel details on one horizontally scrollable line. */
:is(.vnd-app.vnd-workspace,body.vnd-admin-workspace .wrap) .vnd-buyer-address button.vnd-address-house {
 display:block;overflow-x:auto;overflow-y:hidden;white-space:nowrap;scrollbar-width:none;
}
.vnd-address-house::-webkit-scrollbar { display:none; }

/* Dropdown search lives outside the workspace: share the directory search hint style. */
:is(.vnd-app.vnd-workspace,body.vnd-admin-workspace .wrap) input.vnd-live-search::placeholder,
.vnd-status-popup .vnd-select-search input::placeholder {
 color:#596d80;opacity:1;font-weight:400;font-style:normal;
}
html[data-vnd-theme=dark] :is(.vnd-app.vnd-workspace,body.vnd-admin-workspace .wrap) input.vnd-live-search::placeholder,
html[data-vnd-theme=dark] .vnd-status-popup .vnd-select-search input::placeholder {
 color:var(--vnd-muted);opacity:1;font-weight:400;
}

/* Compact in-field percentage controls, with independent touch targets. */
:is(.vnd-app.vnd-workspace,body.vnd-admin-workspace .wrap) .vnd-buyer-discount { display:flex;align-items:center;justify-content:flex-start;gap:10px;min-width:0; }
:is(.vnd-app.vnd-workspace,body.vnd-admin-workspace .wrap) .vnd-buyer-discount > label { flex:0 1 auto;min-width:0;margin:0;white-space:normal;font-size:14px;font-weight:400;line-height:1.3; }
.vnd-buyer-discount .vnd-discount-stepper { position:relative;display:block;flex:0 0 124px;min-width:0; }
:is(.vnd-app.vnd-workspace,body.vnd-admin-workspace .wrap) .vnd-discount-stepper input { width:100%!important;min-width:0;padding-left:6px;padding-right:64px!important;appearance:textfield;-moz-appearance:textfield; }
.vnd-discount-stepper input::-webkit-inner-spin-button,.vnd-discount-stepper input::-webkit-outer-spin-button { -webkit-appearance:none;margin:0; }
.vnd-discount-steps { position:absolute;right:1px;top:1px;bottom:1px;display:flex;gap:0; }
:is(.vnd-app.vnd-workspace,body.vnd-admin-workspace .wrap) .vnd-discount-steps button { display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:28px;min-width:28px;height:100%;min-height:0;margin:0;padding:0;border:0;border-left:1px solid var(--vnd-border,#ced9e4);border-radius:0;background:transparent;color:var(--vnd-text,#24364b);box-shadow:none; }
.vnd-discount-steps button:last-child { border-radius:0 5px 5px 0!important; }
.vnd-discount-steps button:hover { background:var(--vnd-soft,#edf3f8)!important; }
.vnd-discount-steps button:focus-visible { outline:2px solid var(--vnd-primary,#315f8d);outline-offset:-2px; }
.vnd-discount-steps svg { width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round; }
@media(min-width:361px) and (max-width:600px){.vnd-workspace .vnd-buyer-discount > label{font-size:12px}.vnd-buyer-discount .vnd-discount-stepper{flex-basis:120px}}

/* The same compact country prefix and national-number field as the app. */
.vnd-phone-input { display:flex;align-items:stretch;min-width:0;width:100%;gap:10px; }
.vnd-buyer-title { display:flex;align-items:center;justify-content:space-between;gap:12px; }
.vnd-buyer-title > span { min-width:0; }
.vnd-buyer-title .vnd-buyer-code { flex-shrink:0;font:inherit;color:inherit; }
.vnd-buyer-title--actions { flex-wrap:nowrap; }
.vnd-buyer-title .vnd-buyer-header-actions { display:flex;align-items:center;justify-content:flex-end;gap:12px;margin-left:auto; }
.vnd-buyer-header-actions .vnd-button { flex-shrink:0;margin:0;white-space:nowrap;font-size:14px;font-weight:600;line-height:1.4; }

/* Center the save action between its separator and the buyer card's bottom edge. */
:is(.vnd-app.vnd-workspace,body.vnd-admin-workspace .wrap) form[data-vnd-placeholder-fields] > p:has(> [type=submit]) {
 display:flex;align-items:center;gap:10px;flex-wrap:wrap;grid-column:1/-1;margin:0;padding:16px 0 0;
 border-top:1px solid var(--vnd-border,#ced9e4);
}
:is(.vnd-app.vnd-workspace,body.vnd-admin-workspace .wrap) form[data-vnd-placeholder-fields] > p > [type=submit] { margin:0; }
@media(max-width:700px){
 :is(.vnd-app.vnd-workspace,body.vnd-admin-workspace .wrap) form[data-vnd-placeholder-fields] > p:has(> [type=submit]) { padding-top:12px; }
}
.vnd-tax-message { display:block;color:#ad3843;font-size:12px;line-height:1.35;margin-top:4px; }
.vnd-tax-message[hidden] { display:none; }
html[data-vnd-theme=dark] .vnd-tax-message { color:#ed9da5; }
.vnd-phone-input > .vnd-partner-status-control { flex:0 0 100px;width:100px; }
:is(.vnd-app.vnd-workspace,body.vnd-admin-workspace .wrap,dialog.vnd-dialog,dialog.vnd-order-period-dialog) .vnd-phone-input .vnd-partner-status-control button.vnd-status-trigger { padding-left:6px;padding-right:6px;gap:3px;border-radius:6px;font-size:14px; }
:is(.vnd-app.vnd-workspace,body.vnd-admin-workspace .wrap) .vnd-phone-input input { flex:1;min-width:0;width:0;margin:0;border-radius:6px;padding-left:7px;padding-right:7px; }
@media(max-width:600px){.vnd-workspace .vnd-buyer-contact > label:has(.vnd-phone-input){grid-column:1/-1}}

/* Do not paint intermediate account placement or the unenhanced buyer card. */
html.vnd-form-boot .vnd-theme-switch:not([data-appearance-ready]) { visibility:hidden; }
html.vnd-form-boot .vnd-partner-form:has(form[data-vnd-placeholder-fields]:not([data-vnd-form-ready])) { visibility:hidden; }
@media(max-width:1024px){
 .vnd-company-shell .vnd-shell-header > .vnd-shell-account { display:none!important; }
}

/* Customer list and both customer editors share one recessed field surface. */
:root { --vnd-buyer-field-bg:#edf3f8; }
html[data-vnd-theme=dark] { --vnd-buyer-field-bg:#1b232d; }
:is(.vnd-app.vnd-workspace,body.vnd-admin-workspace .wrap)
:is(form[data-vnd-placeholder-fields],form.vnd-partner-filters)
:is(input:not([type=hidden]):not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]):not([type=range]):not([type=color]):not([type=file]),textarea,select,button.vnd-status-trigger,button.vnd-address-house),
dialog.vnd-address-parts input,
dialog.vnd-store-buyer-dialog button.vnd-status-trigger,
.vnd-status-popup .vnd-select-search input {
 background-color:var(--vnd-buyer-field-bg)!important;
}
:is(.vnd-app.vnd-workspace,body.vnd-admin-workspace .wrap)
:is(form[data-vnd-placeholder-fields],form.vnd-partner-filters)
:is(button.vnd-status-trigger,button.vnd-address-house):disabled { opacity:1; }


/* Keep address actions inside the visible area while the mobile keyboard is open. */
@media(max-width:1024px),(pointer:coarse){
 dialog.vnd-dialog.vnd-address-parts[open]{
  display:flex;flex-direction:column;position:fixed;left:0;right:0;bottom:auto;
  top:calc(var(--vnd-dialog-viewport-top,0px) + 12px);margin:0 auto;
  max-height:calc(var(--vnd-dialog-viewport-height,100dvh) - 24px);overflow:hidden;
 }
 dialog.vnd-dialog.vnd-address-parts h2{flex:none}
 dialog.vnd-dialog.vnd-address-parts form{min-height:0;overflow-y:auto;overscroll-behavior:contain;scroll-padding-bottom:56px}
 dialog.vnd-dialog.vnd-address-parts .vnd-dialog-actions{position:sticky;bottom:0;z-index:1;padding-top:8px;background:#f9fbfd;flex-wrap:nowrap}
 dialog.vnd-dialog.vnd-address-parts .vnd-dialog-actions button{flex:1;touch-action:manipulation}
 html[data-vnd-theme=dark] dialog.vnd-dialog.vnd-address-parts .vnd-dialog-actions{background:#1e2b3c}
}

/* Compact desktop status selector, with the standard gap before the discount. */
@media(min-width:1025px){
 .vnd-buyer-order-settings,.vnd-buyer-order-settings>td{grid-template-columns:180px minmax(0,1fr);gap:10px}
}

/* Mobile/tablet customer forms: the same explicit row order in create and edit. */
@media(max-width:1024px){
 .vnd-app.vnd-workspace form[data-vnd-placeholder-fields] :is(.vnd-buyer-identity,.vnd-buyer-contact,.vnd-buyer-order-settings){grid-template-columns:minmax(0,1fr);gap:10px}
 .vnd-app.vnd-workspace form[data-vnd-placeholder-fields] .vnd-buyer-business{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .vnd-app.vnd-workspace form[data-vnd-placeholder-fields] .vnd-buyer-address{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}
 .vnd-app.vnd-workspace .vnd-buyer-address > :is(.vnd-address-postcode,.vnd-address-type){grid-column:span 2}
 .vnd-app.vnd-workspace .vnd-buyer-address > :is(.vnd-address-city,.vnd-address-street){grid-column:span 4}
 .vnd-app.vnd-workspace .vnd-buyer-address > :is(.vnd-address-country,.vnd-address-house-row,.vnd-address-message){grid-column:1/-1}
 .vnd-app.vnd-workspace .vnd-buyer-order-settings > .vnd-buyer-status{width:calc((100% - 10px)/2)}
 .vnd-app.vnd-workspace form[data-vnd-placeholder-fields] .vnd-buyer-discount > label{white-space:nowrap;font-size:14px;flex:0 0 auto}
 .vnd-app.vnd-workspace form[data-vnd-placeholder-fields] .vnd-buyer-contact > label{grid-column:1/-1}
}
@media(max-width:360px){
 .vnd-app.vnd-workspace form[data-vnd-placeholder-fields] .vnd-buyer-discount > label{font-size:12px}
 .vnd-app.vnd-workspace .vnd-buyer-discount .vnd-discount-stepper{flex-basis:108px}
}

.vnd-postcode-city-row{display:contents}
@media(max-width:1024px){
 .vnd-app.vnd-workspace .vnd-postcode-city-row{
  display:grid;grid-column:1/-1;grid-template-columns:minmax(0,var(--vnd-postcode-width,140px)) minmax(0,1fr);gap:10px;min-width:0;
 }
 .vnd-app.vnd-workspace .vnd-postcode-city-row > :is(label,p){grid-column:auto;margin:0;min-width:0}
 .vnd-app.vnd-workspace input.vnd-postcode-sized{width:var(--vnd-postcode-width,140px);max-width:100%;box-sizing:border-box}
}

/* Store directory reuses the approved customer list controls. */
:is(.vnd-app.vnd-workspace,body.vnd-admin-workspace .wrap) form:is(.vnd-store-filters,.vnd-buyer-filters){grid-template-columns:minmax(180px,1fr) minmax(260px,1.2fr) 156px auto}
:is(.vnd-app.vnd-workspace,body.vnd-admin-workspace .wrap) form:is(.vnd-store-filters--admin,.vnd-buyer-filters.vnd-partner-filters--admin){grid-template-columns:minmax(150px,1fr) minmax(120px,.7fr) minmax(230px,1.2fr) 140px auto}
.vnd-store-filter-selects{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;min-width:0}
.vnd-store-filter-selects > *{min-width:0}
@media(max-width:1024px){
 :is(.vnd-app.vnd-workspace,body.vnd-admin-workspace .wrap) form.vnd-partner-filters:is(.vnd-store-filters,.vnd-buyer-filters){grid-template-columns:minmax(0,1fr) auto}
 :is(.vnd-app.vnd-workspace,body.vnd-admin-workspace .wrap) .vnd-store-filter-selects{grid-column:1/-1}
}

/* Only text columns can be resized; utility/identifier columns keep their width. */
:is(.vnd-app.vnd-workspace,body.vnd-admin-workspace .wrap) [data-vnd-partner-scroll] table.vnd-sized-directory{table-layout:fixed;min-width:0;max-width:none}
:is(.vnd-app.vnd-workspace,body.vnd-admin-workspace .wrap) table.vnd-sized-directory :is(th,td){box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/* Status badges keep their measured column width without a trailing ellipsis. */
:is(.vnd-app.vnd-workspace,body.vnd-admin-workspace .wrap) table.vnd-sized-directory td.vnd-directory-status-cell{text-overflow:clip}
:is(.vnd-app.vnd-workspace,body.vnd-admin-workspace .wrap) table.vnd-sized-directory th:has(.vnd-column-resize){padding-right:18px}
.vnd-column-resize{position:absolute;right:0;top:0;bottom:0;width:12px;z-index:2;cursor:col-resize;touch-action:none;user-select:none}
.vnd-column-resize::after{content:"";position:absolute;right:4px;top:25%;height:50%;width:2px;border-radius:2px;background:var(--vnd-border,#b9c9d8)}
.vnd-column-resize:hover::after,.vnd-column-resize:focus-visible::after,.vnd-column-resize.is-dragging::after{background:var(--vnd-primary,#5283b3)}
.vnd-column-resize:focus-visible{outline:2px solid var(--vnd-primary,#5283b3);outline-offset:-2px}

/* Store create/edit shares the customer fields and spacing, in both admin shells. */
:is(.vnd-app.vnd-workspace,body.vnd-admin-workspace .wrap) form[data-vnd-store-form]{display:block;min-width:0}
.vnd-store-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;align-items:start;min-width:0}
.vnd-store-grid > *,.vnd-store-grid label{min-width:0;margin:0}
.vnd-store-grid :is(input:not([type=checkbox]):not([type=radio]),select,textarea){width:100%;box-sizing:border-box}
:is(.vnd-app.vnd-workspace,body.vnd-admin-workspace .wrap) .vnd-store-section,
:is(.vnd-app.vnd-workspace,body.vnd-admin-workspace .wrap) form[data-vnd-store-form] [data-category-picker]{border:0;border-top:1px solid var(--vnd-border,#ced9e4);border-radius:0;background:transparent;box-shadow:none;margin:12px 0 0;padding:12px 0 0}
:is(.vnd-app.vnd-workspace,body.vnd-admin-workspace .wrap) .vnd-store-section h3,
:is(.vnd-app.vnd-workspace,body.vnd-admin-workspace .wrap) form[data-vnd-store-form] [data-category-picker] h3{font-size:16px;font-weight:600;line-height:1.3;margin:0 0 10px}
form[data-vnd-store-form] .vnd-store-main-data{border-top:0!important;padding-top:0!important;margin-top:10px!important}
form[data-vnd-store-form] [data-directory-record]{padding:0;margin:0;border:0;min-width:0}
form[data-vnd-store-form] [data-directory-record] > .vnd-policy-grid{display:block}
form[data-vnd-store-form] .vnd-store-coordinates{margin-top:10px}
form[data-vnd-store-form] .vnd-contacts{margin-top:10px}
form[data-vnd-store-form] .vnd-contacts>h3{display:none}
form[data-vnd-store-form] .vnd-contact-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:12px 0;margin:0;border:0;border-top:1px solid var(--vnd-border,#ced9e4)}
form[data-vnd-store-form] .vnd-contact-row>label:first-child{order:0}
form[data-vnd-store-form] .vnd-contact-row>label:has(input[type=email]){order:1}
form[data-vnd-store-form] .vnd-contact-row>label:has(input[name$="[phone]"]),form[data-vnd-store-form] .vnd-contact-row>label:has(input[name$="[landline]"]){order:2}
form[data-vnd-store-form] .vnd-contact-row>button{order:3;justify-self:start;margin:0;grid-column:1/-1}
form[data-vnd-store-form] .vnd-contact-row input{width:100%;box-sizing:border-box}
:is(.vnd-app.vnd-workspace,body.vnd-admin-workspace .wrap) form[data-vnd-store-form] fieldset:not(.vnd-radio-field){border:0;border-radius:0;padding:0;margin:0;background:transparent;min-width:0}
form[data-vnd-store-form] [data-vnd-store-order-settings] legend{display:none}
form[data-vnd-store-form] .vnd-store-schedule{margin-top:10px!important;gap:10px}
form[data-vnd-store-form] .vnd-store-schedule p{margin:0;grid-column:1/-1}
form[data-vnd-store-form] .vnd-store-save{margin-top:12px!important}
.vnd-store-company:not(:empty){margin-bottom:10px}
@media(max-width:1024px){
 .vnd-app.vnd-workspace .vnd-store-grid,.vnd-app.vnd-workspace form[data-vnd-store-form] .vnd-contact-row{grid-template-columns:minmax(0,1fr)}
 .vnd-app.vnd-workspace form[data-vnd-store-form] .vnd-buyer-address{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}
 .vnd-app.vnd-workspace form[data-vnd-store-form] .vnd-store-schedule{grid-template-columns:repeat(2,minmax(0,1fr))}
}
:is(.vnd-app.vnd-workspace,body.vnd-admin-workspace .wrap) form[data-vnd-store-form] .vnd-store-partner{margin:10px 0 0;padding:0;border:1px solid var(--vnd-border,#ced9e4);border-radius:6px;min-width:0;background:transparent}
:is(.vnd-app.vnd-workspace,body.vnd-admin-workspace .wrap) form[data-vnd-store-form] .vnd-store-partner>summary{box-sizing:border-box;min-height:var(--vnd-control-height);padding:7px 10px;margin:0;font-size:14px;line-height:1.3;font-weight:400;cursor:pointer}
form[data-vnd-store-form] .vnd-store-partner[open]>:not(summary){margin:10px}
form[data-vnd-store-form] .vnd-store-partner .vnd-store-partner-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
@media(max-width:1024px){.vnd-app.vnd-workspace form[data-vnd-store-form] .vnd-store-partner .vnd-store-partner-grid{grid-template-columns:minmax(0,1fr)}}

/* Directory pages use the viewport for their list, not WordPress footer space. */
body.vnd-admin-workspace:has(form.vnd-partner-filters) #wpbody-content{padding-bottom:0;}
body.vnd-admin-workspace:has(form.vnd-partner-filters) #wpfooter{display:none;}

/* Mobile directories use the space previously reserved for the empty footer. */
@media(max-width:1024px){
 body.vnd-owned-document .vnd-app.vnd-company-shell:is(.vnd-app--route-partners,.vnd-app--route-stores,.vnd-app--route-products,.vnd-app--route-order_new,.vnd-app--route-purchase_new,:is(.vnd-app--route-orders,.vnd-app--route-quotes,.vnd-app--route-shipping_fees))>.vnd-shell-footer{display:none;}
}

/* The mobile filter toggle shares the existing heading action row. */
.vnd-app.vnd-workspace .vnd-directory-filter-toggle{display:none;}
@media(max-width:1024px){
 .vnd-app.vnd-workspace:is(.vnd-app--route-partners,.vnd-app--route-stores,.vnd-app--route-products,.vnd-app--route-order_new,.vnd-app--route-purchase_new,:is(.vnd-app--route-orders,.vnd-app--route-quotes,.vnd-app--route-shipping_fees)) .vnd-directory-heading{column-gap:8px;}
 .vnd-app.vnd-workspace .vnd-directory-heading>.vnd-directory-filter-toggle{display:inline-flex;align-items:center;justify-content:center;flex:0 0 40px;width:40px;min-width:40px;min-height:40px;margin:0;padding:7px;white-space:nowrap;}
 .vnd-directory-filter-toggle svg{width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}
 .vnd-app.vnd-workspace .vnd-directory-heading>.vnd-directory-filter-toggle[aria-expanded=true]{border-color:var(--vnd-primary,#5283b3);box-shadow:inset 0 0 0 1px var(--vnd-primary,#5283b3);color:var(--vnd-primary,#5283b3);}
 .vnd-app.vnd-workspace:is(.vnd-app--route-partners,.vnd-app--route-stores,.vnd-app--route-products,.vnd-app--route-order_new,.vnd-app--route-purchase_new,:is(.vnd-app--route-orders,.vnd-app--route-quotes,.vnd-app--route-shipping_fees)) form.vnd-partner-filters:not(.vnd-filters-expanded){display:none;}
}

/* Buyer section captions use the existing store section typography and divider. */
:is(.vnd-app.vnd-workspace,body.vnd-admin-workspace .wrap) form[data-vnd-placeholder-fields] h3.vnd-buyer-section-title{
 grid-column:1/-1;font-size:16px;font-weight:600;line-height:1.3;
 margin:2px 0 0;padding:12px 0 0;border-top:1px solid var(--vnd-border,#ced9e4);
}

/* Dragging customer headings reorders their columns; edge handles still resize. */
.vnd-sized-directory th.vnd-column-movable{touch-action:auto;user-select:none}
.vnd-sized-directory th.vnd-column-movable .vnd-partner-sort{cursor:grab;touch-action:auto}
.vnd-sized-directory th.is-column-dragging{opacity:.65}
.vnd-sized-directory th.is-column-dragging .vnd-partner-sort{cursor:grabbing}
.vnd-sized-directory th.is-column-drop{box-shadow:inset 3px 0 var(--vnd-primary,#5283b3)}


/* Lifted heading and a full-height insertion guide during column movement. */
.vnd-column-drag-preview{position:fixed;z-index:100020;box-sizing:border-box;margin:0;padding:0;border:0;border-radius:0;box-shadow:0 5px 16px #172f4b33;overflow:hidden;pointer-events:none;user-select:none}
.vnd-column-drag-preview *{pointer-events:none!important}
html[data-vnd-theme=dark] .vnd-column-drag-preview{box-shadow:0 5px 16px #0006}
.vnd-sized-directory td.is-column-drag-source{box-shadow:inset 0 0 0 999px #5283b322}
.vnd-sized-directory th.is-column-dragging{opacity:.5}
.vnd-sized-directory th.is-column-drop{box-shadow:inset 3px 0 #5283b3,inset 0 0 0 999px #5283b322}
.vnd-sized-directory th.is-column-drop-after{box-shadow:inset -3px 0 #5283b3,inset 0 0 0 999px #5283b322}
.vnd-column-drop-marker{position:fixed;z-index:100019;width:3px;border-radius:2px;background:#5283b3;box-shadow:0 0 0 1px #edf5ff66;pointer-events:none;transform:translateX(-50%)}
.vnd-column-drop-marker[hidden]{display:none}
.vnd-column-drop-marker::before{content:"";position:absolute;top:-3px;left:-3px;width:9px;height:9px;border-radius:50%;background:inherit}
html[data-vnd-theme=dark] .vnd-column-drop-marker{background:#8bafce}

/* Text on desktop, compact actions on mobile/tablet; shared button colors. */
:is(.vnd-app.vnd-workspace,body.vnd-admin-workspace .wrap) button.vnd-directory-reset{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:auto;min-width:0;padding:7px 12px;margin:0}
.vnd-directory-reset svg,.vnd-directory-create-icon{display:none;width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:1024px){
 :is(.vnd-app.vnd-workspace,body.vnd-admin-workspace .wrap) :is(.vnd-directory-create,button.vnd-directory-reset){flex:0 0 40px;width:40px;min-width:40px;min-height:40px;padding:7px}
 :is(.vnd-directory-create,.vnd-directory-reset)>.vnd-directory-action-label{display:none}
 .vnd-directory-reset svg,.vnd-directory-create-icon{display:block}
}

/* Keep directory actions together: create, filters, reset. */
.vnd-app.vnd-workspace:is(.vnd-app--route-partners,.vnd-app--route-stores,.vnd-app--route-products,.vnd-app--route-order_new,.vnd-app--route-purchase_new,:is(.vnd-app--route-orders,.vnd-app--route-quotes,.vnd-app--route-shipping_fees)) .vnd-directory-heading{justify-content:flex-start;column-gap:8px}
.vnd-app.vnd-workspace:is(.vnd-app--route-partners,.vnd-app--route-stores,.vnd-app--route-products,.vnd-app--route-order_new,.vnd-app--route-purchase_new,:is(.vnd-app--route-orders,.vnd-app--route-quotes,.vnd-app--route-shipping_fees)) .vnd-directory-heading>.vnd-primary-action{margin-left:auto;width:auto;flex-shrink:0}

@media(max-width:1024px){.vnd-app.vnd-workspace.vnd-app--route-partners .vnd-directory-heading>.vnd-directory-create{width:40px;min-width:40px;flex:0 0 40px;padding:7px}}

/* Suppress iOS text selection/callout without disabling normal header scrolling. */
.vnd-sized-directory th.vnd-column-movable,.vnd-sized-directory th.vnd-column-movable *{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}

/* A popup can live under body or inside a modal: reuse the customer control metrics. */
.vnd-status-popup .vnd-select-search input,
dialog.vnd-dialog.vnd-store-buyer-dialog button.vnd-status-trigger {
 box-sizing:border-box;height:34px;min-height:34px;margin:0;padding:5px 10px;
 border-radius:6px;font-size:14px;font-weight:400;line-height:1.4;
}
@media(max-width:1024px),(pointer:coarse){
 .vnd-status-popup .vnd-select-search input,
 dialog.vnd-dialog.vnd-store-buyer-dialog button.vnd-status-trigger {
  height:40px;min-height:40px;font-size:16px;
 }
}

/* Multi-category selection retains the established floating select palette. */
.vnd-status-popup--multiple button.vnd-status-option{display:flex;align-items:center;gap:9px}
.vnd-status-popup--multiple .vnd-status-option span{min-width:0;flex:0 0 auto}
.vnd-select-check{display:block;flex:0 0 15px;width:15px;height:15px;border:1px solid currentColor;border-radius:3px;box-sizing:border-box}
.vnd-status-option[aria-selected=true] .vnd-select-check{background:#315f8d;border-color:#315f8d;position:relative}
.vnd-status-option[aria-selected=true] .vnd-select-check:after{content:"";position:absolute;left:4px;top:1px;width:4px;height:8px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}
@media(max-width:1024px){.vnd-app.vnd-workspace.vnd-app--route-products .vnd-directory-heading>.vnd-directory-create{width:40px;min-width:40px;flex:0 0 40px;padding:7px}}

html[data-vnd-theme=dark] .vnd-status-option[aria-selected=true] .vnd-select-check{background:#38638c;border-color:#96bbdf}

/* VAT choices reuse the compact settings controls. */
.vnd-vat-add,.vnd-vat-rates,.vnd-vat-rate{display:flex;align-items:center;gap:8px}
.vnd-vat-add{margin-bottom:12px;flex-wrap:wrap}
:is(.vnd-app.vnd-workspace,body.vnd-admin-workspace .wrap) .vnd-vat-add input{width:110px;max-width:110px}
.vnd-vat-rates{flex-wrap:wrap}
.vnd-vat-rate{border:1px solid var(--vnd-border);border-radius:6px;padding:3px 4px 3px 10px;background:var(--vnd-soft);font-variant-numeric:tabular-nums}
:is(.vnd-app.vnd-workspace,body.vnd-admin-workspace .wrap) .vnd-vat-rate button{width:28px;min-width:28px;height:28px;min-height:28px;padding:0;font-size:20px;line-height:1}
[data-vat-error]:empty{display:none}
[data-vat-error]{color:var(--vnd-danger,#a53e43)}
.vnd-product-required{text-align:center}
.vnd-product-required-mark{color:#237344;font-size:18px;font-weight:700}
html[data-vnd-theme=dark] .vnd-product-required-mark{color:#75c59a}

.vnd-product-sale-cell{text-align:center!important;vertical-align:middle}
.vnd-product-sale-mark{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;width:var(--vnd-control-height,34px);min-width:var(--vnd-control-height,34px);height:var(--vnd-control-height,34px);border-radius:7px;background:#a94449;color:#fff0f0;vertical-align:middle}
.vnd-product-sale-mark svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
html[data-vnd-theme=dark] .vnd-product-sale-mark{background:#98464d;color:#fff1f1}

/* One mobile page-title size across directories, editors and module pages. */
@media(max-width:1024px){
 :is(.vnd-app.vnd-workspace,body.vnd-admin-workspace .wrap) :is(
  .vnd-card>h2,.vnd-content>section>h2,.vnd-content>h1,
  .vnd-directory-heading>h2,.vnd-people-heading>h2,.vnd-q-heading>h2,
  .vnd-product-heading>h2,.vnd-product-heading>strong,
  .vnd-topbar-title h1,.vnd-admin-header h1
 ),body.vnd-admin-workspace .wrap>h1{
  font-size:16px!important;font-weight:600;line-height:1.2;
 }
}

@media(max-width:1024px){
 body.vnd-admin-workspace .wrap form.vnd-buyer-filters :is(.vnd-partner-search,.vnd-partner-status-control:has([name=vnd_company_id])){grid-column:1/-1}
}

/* Company-specific order statuses share the existing settings fields and actions. */
.vnd-order-status-settings{margin-top:24px;min-width:0}
.vnd-order-status-defaults{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 16px}
.vnd-order-status-fields{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}
.vnd-order-status-edit{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;align-items:end;gap:12px;margin:12px 0}
.vnd-order-status-settings label{display:flex;flex-direction:column;gap:6px;min-width:0}
.vnd-order-status-settings :is(input:not([type=hidden]),select,.vnd-partner-status-control){width:100%;box-sizing:border-box;min-width:0}
.vnd-order-status-settings .description{margin:10px 0;color:var(--vnd-muted)}
:is(.vnd-workspace,.vnd-admin-workspace .wrap) .vnd-order-status-settings .vnd-form-actions{border-top:0;padding-bottom:12px}
@media(max-width:700px){.vnd-order-status-fields,.vnd-order-status-edit{grid-template-columns:minmax(0,1fr)}.vnd-order-status-edit button{justify-self:start}}

/* Only the leading action stays visible while the directory scrolls horizontally. */
:is(.vnd-app.vnd-workspace,body.vnd-admin-workspace .wrap) [data-vnd-partner-scroll] table :is(th,td).vnd-directory-pinned{position:sticky;left:0;z-index:2;background:var(--vnd-surface,#fff);box-shadow:1px 0 0 var(--vnd-border,#ced9e4);text-align:center;padding-inline:6px}
:is(.vnd-app.vnd-workspace,body.vnd-admin-workspace .wrap) [data-vnd-partner-scroll] thead th.vnd-directory-pinned{z-index:4;background:#eef3f8;box-shadow:1px 0 0 var(--vnd-border,#ced9e4)}
html[data-vnd-theme=dark] :is(.vnd-app.vnd-workspace,body.vnd-admin-workspace .wrap) [data-vnd-partner-scroll] thead th.vnd-directory-pinned{background:#23364a}

/* Only push filters/reset to the edge when the selector has no primary action. */
.vnd-app.vnd-workspace.vnd-app--route-order_new .vnd-directory-heading:not(:has(>.vnd-directory-create))>.vnd-directory-filter-toggle{margin-left:auto}
@media(min-width:1025px){.vnd-app.vnd-workspace.vnd-app--route-order_new .vnd-directory-heading:not(:has(>.vnd-directory-create))>button.vnd-directory-reset{margin-left:auto}}

/* Icon-only actions keep equal sides when touch controls grow taller. */
:is(.vnd-app.vnd-workspace,body.vnd-admin-workspace .wrap) :is(.vnd-icon-button,.vnd-admin-icon-button,.vnd-partner-edit-button){
 box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;aspect-ratio:1;flex-shrink:0;
 width:34px;min-width:34px;height:34px;min-height:34px;padding:0;line-height:1;
}
@media(max-width:1024px),(pointer:coarse){
 :is(.vnd-app.vnd-workspace,body.vnd-admin-workspace .wrap) :is(.vnd-icon-button,.vnd-admin-icon-button,.vnd-partner-edit-button){
  width:40px!important;min-width:40px!important;max-width:40px;height:40px!important;min-height:40px!important;max-height:40px;padding:0!important;flex:0 0 40px;
 }
}

/* Editor headings keep their code and action visible in one compact row. */
:is(.vnd-app.vnd-workspace,body.vnd-admin-workspace .wrap) .vnd-buyer-title--actions{flex-wrap:nowrap;min-width:0}
.vnd-buyer-title--actions>span:first-child{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.vnd-buyer-title--actions .vnd-buyer-header-actions{flex:0 0 auto;min-width:0}
:is(.vnd-app.vnd-workspace,body.vnd-admin-workspace .wrap) .vnd-buyer-header-actions .vnd-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;box-sizing:border-box;min-width:36px;min-height:36px}
.vnd-buyer-header-actions .vnd-button svg{display:block;width:20px;height:20px;flex:0 0 20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:1024px){
 :is(.vnd-app.vnd-workspace,body.vnd-admin-workspace .wrap) .vnd-buyer-title--actions{font-size:16px!important;line-height:1.2;gap:8px}
 .vnd-buyer-title--actions .vnd-buyer-header-actions{gap:8px}
 .vnd-buyer-title--actions .vnd-buyer-code{font-size:13px;max-width:24vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 .vnd-buyer-header-actions .vnd-header-action-label{display:none}
 :is(.vnd-app.vnd-workspace,body.vnd-admin-workspace .wrap) .vnd-buyer-header-actions .vnd-button{width:40px;min-width:40px;height:40px;min-height:40px;padding:0;flex:0 0 40px}
}

@media(max-width:1024px){
 :is(.vnd-app.vnd-workspace,body.vnd-admin-workspace .wrap) .vnd-buyer-header-actions .vnd-button:is(.vnd-new-store-action,.vnd-new-order-action){width:auto;min-width:64px;flex:0 0 auto;padding:0 10px}
}
:is(.vnd-app.vnd-workspace,body.vnd-admin-workspace .wrap) .vnd-buyer-header-actions .vnd-button:is(.vnd-new-store-action,.vnd-new-order-action){min-width:64px}

@media(max-width:1024px){.vnd-app.vnd-workspace:is(.vnd-app--route-orders,.vnd-app--route-quotes,.vnd-app--route-shipping_fees) .vnd-directory-heading>.vnd-directory-create{width:40px;min-width:40px;flex:0 0 40px;padding:7px}}

/* Keep the company form's intrinsic tax-field width across buyer/store editors. */
:is(.vnd-app.vnd-workspace,body.vnd-admin-workspace .wrap) form[data-vnd-placeholder-fields] :is(input[name="tax_number"],input[data-partner-field="tax_number"]){
 width:auto;min-width:0;max-width:100%;justify-self:start;align-self:flex-start;
}
:is(.vnd-app.vnd-workspace,body.vnd-admin-workspace .wrap) form[data-vnd-company-data] .vnd-company-logo-fields>p{margin:0}

/* Native file buttons share the existing Save button palette in both themes. */
:is(.vnd-app.vnd-workspace,body.vnd-admin-workspace .wrap) input[type=file]::file-selector-button{
 box-sizing:border-box;min-height:36px;max-width:100%;padding:7px 12px;margin:0 10px 0 0;
 border:1px solid #789cbd;border-radius:6px;background:#315f8d;color:#fff;
 font:600 13px/1.35 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;cursor:pointer;
}
:is(.vnd-app.vnd-workspace,body.vnd-admin-workspace .wrap) input[type=file]:not(:disabled)::file-selector-button:hover{background:#244b71}
html[data-vnd-theme=dark] :is(.vnd-app.vnd-workspace,body.vnd-admin-workspace .wrap) input[type=file]::file-selector-button{
 background:#38638c;border-color:#729cc4;color:var(--vnd-text);
}
:is(.vnd-app.vnd-workspace,body.vnd-admin-workspace .wrap) input[type=file]:disabled::file-selector-button{opacity:.55;cursor:not-allowed}
@media(max-width:1024px){
 :is(.vnd-app.vnd-workspace,body.vnd-admin-workspace .wrap) input[type=file]::file-selector-button{min-height:40px;font-size:16px}
}
html[data-vnd-theme=dark] :is(.vnd-app.vnd-workspace,body.vnd-admin-workspace .wrap) input[type=file]:not(:disabled)::file-selector-button:hover{background:#38638c;border-color:#729cc4}

/* Shared outer control size, including detached dialogs and dropdown searches.
 * These dimensions intentionally override page-specific compact/touch variants.
 * Multiline editors, listboxes and embedded steppers retain their own layout. */
:is(.vnd-app.vnd-workspace,body.vnd-admin-workspace,dialog.vnd-dialog,dialog.vnd-order-period-dialog,.vnd-status-popup){--vnd-control-height:34px}
@media(max-width:1024px),(pointer:coarse){
 :is(.vnd-app.vnd-workspace,body.vnd-admin-workspace,dialog.vnd-dialog,dialog.vnd-order-period-dialog,.vnd-status-popup){--vnd-control-height:40px}
}

/* Company logo: saved filename beside the picker, removal on the image corner. */
.vnd-company-logo-preview{position:relative;justify-self:start;max-width:100%;padding:16px 16px 0 0}
.vnd-company-logo-preview>img{display:block;max-width:min(200px,100%);max-height:60px;object-fit:contain}
.vnd-company-logo-preview>.vnd-company-logo-remove{position:absolute;top:0;right:0;margin:0;font-size:22px}
.vnd-company-logo-picker{display:flex;align-items:center;flex-wrap:wrap;gap:8px 10px;min-width:0}
.vnd-company-logo-picker>[data-logo-choose]{flex-shrink:0;margin:0}
.vnd-company-logo-picker>[data-logo-filename]{min-width:0;overflow-wrap:anywhere}
.vnd-company-logo-fields [hidden]{display:none!important}
/* Personal details reuse the buyer contact grid, including its tablet layout. */
form[data-vnd-account-data]{display:grid;gap:12px 16px;min-width:0}
form[data-vnd-account-data] .vnd-buyer-contact>label{display:flex;flex-direction:column;gap:6px}
@media(max-width:1024px){
 form[data-vnd-account-data] .vnd-buyer-contact{grid-template-columns:minmax(0,1fr);gap:10px}
}
:is(.vnd-app.vnd-workspace,body.vnd-admin-workspace .wrap,dialog.vnd-dialog,dialog.vnd-order-period-dialog,.vnd-status-popup) :is(
 input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=range]),
 select:not([multiple]):not([size]),select[size="1"]:not([multiple]),
 button:not(.vnd-status-option):not(.vnd-searchable-select__option):not(.vnd-searchable-select-option):not(.vnd-live-search-clear):not(.vnd-discount-steps button):not(.vnd-number-steps button):not(.vnd-order-steps button):not(.vnd-order-basis>button),
 a.button,a.vnd-button,a.vnd-icon-button,a.vnd-admin-icon-button,a.vnd-partner-edit-button
):not(.vnd-partner-sort):not(.vnd-superadmin-sort):not(.vnd-tree-row):not(.vnd-drawer-head .vnd-theme-switch button):not(.vnd-shell-header .vnd-theme-switch button){
 box-sizing:border-box!important;
 height:var(--vnd-control-height)!important;
 min-height:var(--vnd-control-height)!important;
 max-height:var(--vnd-control-height)!important;
 padding-top:var(--vnd-control-padding-y,5px)!important;padding-bottom:var(--vnd-control-padding-y,5px)!important;
 line-height:1.35!important;
}
/* Keep labels centered without changing hidden controls' display behavior. */
:is(.vnd-app.vnd-workspace,body.vnd-admin-workspace .wrap,dialog.vnd-dialog,dialog.vnd-order-period-dialog) :is(a.button,a.vnd-button){
 align-content:center;
}
/* Embedded controls occupy the same outer height as their parent field. */
:is(.vnd-app.vnd-workspace,body.vnd-admin-workspace .wrap) .vnd-order-steps{
 height:var(--vnd-control-height);min-height:var(--vnd-control-height);
}
:is(.vnd-app.vnd-workspace,body.vnd-admin-workspace .wrap) .vnd-order-steps>button.vnd-button{
 height:calc((var(--vnd-control-height) - 2px)/2)!important;
 min-height:0!important;max-height:none!important;padding-top:0!important;padding-bottom:0!important;
}
/* A file picker is a standalone blue button plus its native filename, without
 * an input frame or padding adding extra height around the button. */
:is(.vnd-app.vnd-workspace,body.vnd-admin-workspace .wrap,dialog.vnd-dialog,dialog.vnd-order-period-dialog) input[type=file]{
 --vnd-control-padding-y:0px;
 padding:0!important;border:0!important;border-radius:0!important;
 background:transparent!important;box-shadow:none!important;
 max-width:100%;vertical-align:middle;
}
:is(.vnd-app.vnd-workspace,body.vnd-admin-workspace .wrap,dialog.vnd-dialog,dialog.vnd-order-period-dialog) input[type=file]::file-selector-button{
 box-sizing:border-box;height:var(--vnd-control-height);min-height:var(--vnd-control-height);
 max-height:var(--vnd-control-height);padding:5px 12px;vertical-align:middle;
}
@media(max-width:1024px),(pointer:coarse){
 :is(.vnd-app.vnd-workspace,body.vnd-admin-workspace .wrap,dialog.vnd-dialog,dialog.vnd-order-period-dialog) input[type=file]::file-selector-button{font-size:16px}
}

/* Password settings are a separated section of the same account card. */
.vnd-account-password-section{margin-top:20px;padding-top:16px;border-top:1px solid var(--vnd-border,#ced9e4);min-width:0}
.vnd-account-password-section>.vnd-buyer-section-title{margin:0 0 10px}
form[data-vnd-account-password]{display:grid;gap:10px;min-width:0}
form[data-vnd-account-password] .vnd-buyer-contact>label{display:flex;flex-direction:column;gap:6px}
.vnd-password-tools{display:flex;align-items:center;flex-wrap:wrap;gap:8px}
.vnd-password-tools>button{margin:0}
.vnd-password-tools svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:1024px){form[data-vnd-account-password] .vnd-buyer-contact{grid-template-columns:minmax(0,1fr)}}

/* Account security follows the buyer section spacing and responsive fields. */
form[data-vnd-twofa]{display:grid;gap:10px;min-width:0}
form[data-vnd-twofa] [hidden]{display:none!important}
form[data-vnd-twofa] label{display:flex;flex-direction:column;gap:6px;min-width:0}
form[data-vnd-twofa] p{margin:0}
.vnd-twofa-status,.vnd-twofa-setup{display:grid;gap:10px;min-width:0}
.vnd-twofa-setup{padding-top:12px;border-top:1px solid var(--vnd-border,#ced9e4)}
.vnd-twofa-setup>label{max-width:440px}
.vnd-twofa-qr{justify-self:start;max-width:100%;background:#fff;border-radius:6px;overflow:hidden}
.vnd-twofa-qr svg{display:block;width:240px;height:auto;max-width:100%}
form[data-vnd-twofa] [data-twofa-secret]{font-family:monospace;width:100%;min-width:0}
form[data-vnd-twofa] details>p{margin:10px 0}
@media(max-width:1024px){form[data-vnd-twofa] .vnd-buyer-contact{grid-template-columns:minmax(0,1fr)}}

/* Reveal actions sit inside the field without changing its outer dimensions. */
.vnd-password-control{position:relative;display:block;width:100%;min-width:0}
:is(.vnd-app.vnd-workspace,body.vnd-admin-workspace .wrap) .vnd-password-control>input{width:100%;min-width:0;padding-right:calc(var(--vnd-control-height) + 8px)!important}
:is(.vnd-app.vnd-workspace,body.vnd-admin-workspace .wrap) button.vnd-password-visibility{position:absolute;inset:0 0 auto auto;display:flex;align-items:center;justify-content:center;width:var(--vnd-control-height);min-width:0;margin:0;padding:0;border:0!important;border-radius:6px;background:transparent!important;box-shadow:none!important;color:var(--vnd-muted,#596d80);cursor:pointer}
:is(.vnd-app.vnd-workspace,body.vnd-admin-workspace .wrap) button.vnd-password-visibility:hover{color:var(--vnd-text,#24364b)}
.vnd-password-visibility:focus-visible{outline:2px solid var(--vnd-primary,#315f8d);outline-offset:-3px}
.vnd-password-visibility svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.vnd-password-visibility[aria-pressed=false] .vnd-password-eye-slash{display:none}
.vnd-password-control>input::-ms-reveal,.vnd-password-control>input::-ms-clear{display:none}

/* One account form, shared section spacing and a single bottom action row. */
form[data-vnd-account-data] .vnd-account-scroll>.vnd-account-password-section{grid-column:1/-1;width:100%;margin-top:0;padding-top:12px}
[data-vnd-account-password],[data-vnd-twofa]{display:grid;gap:10px;min-width:0}
[data-vnd-account-password] .vnd-buyer-contact>label,[data-vnd-twofa] label{display:flex;flex-direction:column;gap:6px;min-width:0}
[data-vnd-twofa] [hidden],form[data-vnd-account-data] [hidden]{display:none!important}
[data-vnd-twofa] p,[data-vnd-account-password]>p{margin:0}
[data-vnd-twofa] [data-twofa-secret]{font-family:monospace;width:100%;min-width:0}
[data-vnd-twofa] details>p{margin:10px 0}
:is(.vnd-app.vnd-workspace,body.vnd-admin-workspace .wrap) .vnd-account-actions{justify-content:flex-end;margin-top:4px;padding-top:16px;gap:8px}
@media(max-width:1024px){:is([data-vnd-account-password],[data-vnd-twofa]) .vnd-buyer-contact{grid-template-columns:minmax(0,1fr)}}

/* Account card: only the body scrolls, with the title and actions always visible. */
:is(.vnd-app.vnd-workspace,body.vnd-admin-workspace .wrap) .vnd-account-card{
 box-sizing:border-box;display:flex;flex-direction:column;gap:0;padding:12px;
 height:var(--vnd-account-height,calc(100dvh - 180px));min-height:0;overflow:hidden;
}
:is(.vnd-app.vnd-workspace,body.vnd-admin-workspace .wrap) .vnd-account-card>.vnd-account-heading{flex:none;display:flex;align-items:center;justify-content:space-between;flex-wrap:nowrap;gap:12px;box-sizing:border-box;height:var(--vnd-control-height);min-height:var(--vnd-control-height);margin:0 0 12px}
:is(.vnd-app.vnd-workspace,body.vnd-admin-workspace .wrap) .vnd-account-heading>h2{margin:0;min-width:0}
:is(.vnd-app.vnd-workspace,body.vnd-admin-workspace .wrap) .vnd-account-card>form:is([data-vnd-account-data],[data-vnd-company-data],[data-vnd-buyer-editor],[data-vnd-product-account],[data-vnd-status-editor]){
 display:flex;flex-direction:column;align-items:stretch;flex:1;min-height:0;min-width:0;width:100%;gap:0;margin:0;
}
.vnd-account-card .vnd-account-scroll-frame{
 --vnd-account-scroll-offset:12px;
 display:flex;flex-direction:column;flex:1;min-height:0;min-width:0;width:100%;
 box-sizing:border-box;border-block:1px solid var(--vnd-border,#ced9e4);
}
.vnd-account-card .vnd-account-scroll{
 box-sizing:border-box;flex:1;align-self:stretch;width:calc(100% + var(--vnd-account-scroll-offset));max-width:none;min-height:0;min-width:0;
 overflow-y:auto;overflow-x:hidden;overscroll-behavior-y:contain;
 display:flex;flex-direction:column;align-items:stretch;gap:12px;padding:12px var(--vnd-account-scroll-offset) 12px 0;
 border:0;border-radius:0;background:transparent;
 scrollbar-gutter:stable;scroll-padding-block:12px;
}
.vnd-account-scroll>*{flex-shrink:0}
.vnd-account-scroll:focus-visible{outline:2px solid var(--vnd-primary);outline-offset:-2px}
:is(.vnd-app.vnd-workspace,body.vnd-admin-workspace .wrap) .vnd-account-card .vnd-account-actions{
 flex:none;flex-wrap:nowrap;border:0;margin:0;padding:12px 0 0;justify-content:flex-start;
}
:is(.vnd-app.vnd-workspace,body.vnd-admin-workspace .wrap) .vnd-account-card [data-account-message]{flex:none;margin:0;padding-top:8px}
@media(max-width:1024px){
 :is(.vnd-app.vnd-workspace,body.vnd-admin-workspace .wrap) .vnd-account-card{padding:12px}
 :is(.vnd-app.vnd-workspace,body.vnd-admin-workspace .wrap) .vnd-account-card>.vnd-account-heading{margin-bottom:12px}
 .vnd-account-card .vnd-account-scroll-frame{--vnd-account-scroll-offset:12px}
 .vnd-account-card .vnd-account-scroll{padding:12px var(--vnd-account-scroll-offset) 12px 0;scroll-padding-block:12px}
}

/* Account text spacing is controlled by section gaps, not stacked paragraph margins. */
:is(.vnd-app.vnd-workspace,body.vnd-admin-workspace .wrap) .vnd-account-card form [data-vnd-twofa] p,
:is(.vnd-app.vnd-workspace,body.vnd-admin-workspace .wrap) .vnd-account-card form [data-vnd-account-password]>p{margin:0}
.vnd-account-card .vnd-twofa-status{gap:4px}
:is(.vnd-app.vnd-workspace,body.vnd-admin-workspace .wrap) .vnd-account-card form [data-vnd-twofa] details>p{margin:8px 0}

/* Stable save button width; the saved state uses the secondary button palette. */
:is(.vnd-app.vnd-workspace,body.vnd-admin-workspace .wrap) .vnd-account-card [data-account-save]{width:96px;min-width:96px;flex:0 0 96px}
html :is(.vnd-app.vnd-workspace,body.vnd-admin-workspace .wrap) .vnd-account-card [data-account-save]:disabled{
 background:#edf3f8;border-color:#b7cadd;color:#294f74;opacity:1;cursor:default;box-shadow:none;
}
html[data-vnd-theme=dark] :is(.vnd-app.vnd-workspace,body.vnd-admin-workspace .wrap) .vnd-account-card [data-account-save]:disabled{
 background:#2b4058;border-color:#526d88;color:var(--vnd-text);
}

/* Copy feedback stays anchored to the icon, without adding a form row. */
[data-password-copy]{position:relative}
[data-password-copy][data-copied=true]::after{
 content:"Másolva";position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%);
 padding:5px 8px;border:1px solid var(--vnd-border,#ced9e4);border-radius:6px;
 background:var(--vnd-surface,#fff);color:var(--vnd-text,#24364b);
 font-size:12px;font-weight:500;line-height:1.3;white-space:nowrap;pointer-events:none;z-index:5;
 box-shadow:0 3px 10px #0002;
}

/* One outer height for standalone buttons throughout the Vendors workspace. */
html body :is(.vnd-app,body.vnd-admin-workspace .wrap,.vnd-admin-navigation) :is(button,a.button,a.vnd-button,input[type=submit],input[type=button],input[type=reset]):not(.vnd-status-option):not(.vnd-partner-sort):not(.vnd-superadmin-sort):not(.vnd-tree-row):not(.vnd-drawer-head .vnd-theme-switch button):not(.vnd-shell-header .vnd-theme-switch button):not(.vnd-order-steps>button):not(.vnd-order-basis>button):not(.vnd-discount-steps>button):not(.vnd-number-steps>button){
 box-sizing:border-box;
 height:var(--vnd-control-height,34px)!important;
 min-height:var(--vnd-control-height,34px)!important;
 max-height:var(--vnd-control-height,34px)!important;
 padding-top:5px;padding-bottom:5px;
}
@media(max-width:1024px),(pointer:coarse){
 html body :is(.vnd-app,body.vnd-admin-workspace,.vnd-admin-navigation){--vnd-control-height:40px}
}
/* Embedded two-row steppers share a single field height. */
html body :is(dialog.vnd-dialog,dialog.vnd-order-info) .vnd-order-steps>button{
 height:calc(var(--vnd-modal-control-height,34px) / 2)!important;
 min-height:0!important;max-height:calc(var(--vnd-modal-control-height,34px) / 2)!important;padding:0!important;
}


/* Accepted Account rhythm: 12 px between fields, text, section rules and actions. */
:is(.vnd-app.vnd-workspace,body.vnd-admin-workspace .wrap) .vnd-account-card :is(.vnd-buyer-contact,[data-vnd-account-password],[data-vnd-twofa],.vnd-password-tools,.vnd-account-actions){gap:12px}
:is(.vnd-app.vnd-workspace,body.vnd-admin-workspace .wrap) .vnd-account-card .vnd-buyer-section-title{margin:0 0 12px}
:is(.vnd-app.vnd-workspace,body.vnd-admin-workspace .wrap) .vnd-account-card :is(.vnd-buyer-contact>label,[data-vnd-twofa] label){gap:12px}
:is(.vnd-app.vnd-workspace,body.vnd-admin-workspace .wrap) .vnd-account-card [data-account-message]{padding:0;margin:0}


/* Keep the Account scrollbar in the card's right 12 px inset in every viewport. */
.vnd-account-card .vnd-account-scroll{
 padding-right:max(0px,calc(12px - var(--vnd-account-scrollbar-width,6px)));
 scrollbar-width:thin;scrollbar-gutter:stable;
}
.vnd-account-card .vnd-account-scroll::-webkit-scrollbar{width:6px}
/* Other content lists also reserve a separate gutter instead of covering data. */
:is(.vnd-app.vnd-workspace,body.vnd-admin-workspace .wrap) :is([data-vnd-partner-scroll],.vnd-directory-scroll,.vnd-table-wrap,.vnd-workspace-scroll,.vnd-order-cart-scroll,.vnd-new-order [data-results]){
 scrollbar-width:thin;scrollbar-gutter:stable;
}
:is(.vnd-app.vnd-workspace,body.vnd-admin-workspace .wrap) :is([data-vnd-partner-scroll],.vnd-directory-scroll,.vnd-table-wrap,.vnd-workspace-scroll,.vnd-order-cart-scroll,.vnd-new-order [data-results])::-webkit-scrollbar{width:6px;height:6px}


/* Company data shares the accepted Account shell without altering its fields. */
:is(.vnd-app.vnd-workspace,body.vnd-admin-workspace .wrap) :is(.vnd-company-card,.vnd-buyer-account-card,.vnd-store-account-card) .vnd-company-content{
 display:grid;grid-template-columns:minmax(0,1fr);gap:12px;width:100%;min-width:0;margin:0;
}
:is(.vnd-app.vnd-workspace,body.vnd-admin-workspace .wrap) :is(.vnd-company-card,.vnd-buyer-account-card,.vnd-store-account-card) .vnd-company-content :is(.vnd-buyer-identity,.vnd-buyer-business,.vnd-buyer-contact,.vnd-buyer-order-settings,.vnd-buyer-address,.vnd-buyer-address-grid,.vnd-frontend-address-grid,.vnd-company-logo-fields,.vnd-company-logo-picker){gap:12px}
:is(.vnd-app.vnd-workspace,body.vnd-admin-workspace .wrap) :is(.vnd-company-card,.vnd-buyer-account-card,.vnd-store-account-card) form p{margin:0}
:is(.vnd-app.vnd-workspace,body.vnd-admin-workspace .wrap) :is(.vnd-company-card,.vnd-buyer-account-card,.vnd-store-account-card) form h3.vnd-buyer-section-title{margin:0;padding-top:12px}
:is(.vnd-app.vnd-workspace,body.vnd-admin-workspace .wrap) :is(.vnd-company-card,.vnd-buyer-account-card,.vnd-store-account-card) .vnd-company-logo-fields{display:grid;min-width:0}
:is(.vnd-app.vnd-workspace,body.vnd-admin-workspace .wrap) :is(.vnd-company-card,.vnd-buyer-account-card,.vnd-store-account-card) [hidden]{display:none!important}

/* Sales representatives reuse the shared responsive address picker. */
form[data-vnd-rep-address] .vnd-rep-address-section{margin:12px 0;padding-top:12px;border-top:1px solid var(--vnd-border,#ced9e4);min-width:0}
form[data-vnd-rep-address] .vnd-rep-address-section .vnd-form-section-title{margin:0 0 12px;padding:0;border:0}
:is(.vnd-app.vnd-workspace,body.vnd-admin-workspace .wrap) form[data-vnd-rep-address] .vnd-buyer-address{gap:12px}
form[data-vnd-rep-address] .vnd-rep-address-section p{margin:0}

/* Buyer list: account-page spacing, preserving the existing rows and columns. */
.vnd-app.vnd-workspace:is(.vnd-app--route-partners,.vnd-app--route-stores,.vnd-app--route-products,.vnd-app--route-order_new,.vnd-app--route-purchase_new,:is(.vnd-app--route-orders,.vnd-app--route-quotes,.vnd-app--route-shipping_fees)) .vnd-company-directory{padding:12px}
.vnd-app.vnd-workspace:is(.vnd-app--route-partners,.vnd-app--route-stores,.vnd-app--route-products,.vnd-app--route-order_new,.vnd-app--route-purchase_new,:is(.vnd-app--route-orders,.vnd-app--route-quotes,.vnd-app--route-shipping_fees)) .vnd-company-directory>.vnd-directory-heading{gap:12px;margin:0 0 12px;padding-bottom:12px;border-bottom:1px solid var(--vnd-border,#ced9e4)}
.vnd-app.vnd-workspace:is(.vnd-app--route-partners,.vnd-app--route-stores,.vnd-app--route-products,.vnd-app--route-order_new,.vnd-app--route-purchase_new,:is(.vnd-app--route-orders,.vnd-app--route-quotes,.vnd-app--route-shipping_fees)) .vnd-company-directory form.vnd-directory-filters.vnd-partner-filters{gap:12px;margin:0 0 12px}
.vnd-app.vnd-workspace:is(.vnd-app--route-partners,.vnd-app--route-stores,.vnd-app--route-products,.vnd-app--route-order_new,.vnd-app--route-purchase_new,:is(.vnd-app--route-orders,.vnd-app--route-quotes,.vnd-app--route-shipping_fees)) .vnd-company-directory .vnd-store-filter-selects{gap:12px}
.vnd-app.vnd-workspace:is(.vnd-app--route-partners,.vnd-app--route-stores,.vnd-app--route-products,.vnd-app--route-order_new,.vnd-app--route-purchase_new,:is(.vnd-app--route-orders,.vnd-app--route-quotes,.vnd-app--route-shipping_fees)) .vnd-company-directory .vnd-directory-pager.vnd-partner-count{margin:12px 0 0}
.vnd-app.vnd-workspace:is(.vnd-app--route-partners,.vnd-app--route-stores,.vnd-app--route-products,.vnd-app--route-order_new,.vnd-app--route-purchase_new,:is(.vnd-app--route-orders,.vnd-app--route-quotes,.vnd-app--route-shipping_fees)) .vnd-company-directory .vnd-live-filter-status{margin:0}

/* Column labels retain the header palette in every interaction state and theme. */
html body :is(.vnd-app,body.vnd-admin-workspace) button:is(.vnd-partner-sort,.vnd-superadmin-sort),
html body :is(.vnd-app,body.vnd-admin-workspace) button:is(.vnd-partner-sort,.vnd-superadmin-sort):is(:hover,:active,:focus,:focus-visible){
 background:transparent!important;color:inherit!important;border-color:transparent!important;box-shadow:none!important;
}

/* List icon actions follow the shared control height on both axes. */
html body :is(.vnd-app,body.vnd-admin-workspace) table :is(.vnd-partner-edit-button,.vnd-icon-button,.vnd-admin-icon-button,.vnd-superadmin-edit,.vnd-row-delete,.vnd-copy-field){
 box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;
 width:var(--vnd-control-height,34px)!important;min-width:var(--vnd-control-height,34px)!important;max-width:var(--vnd-control-height,34px)!important;
 height:var(--vnd-control-height,34px)!important;min-height:var(--vnd-control-height,34px)!important;max-height:var(--vnd-control-height,34px)!important;
 padding:0!important;flex-shrink:0;
}

/* Keep the buyer directory's outer shell stationary; only its list scrolls. */
html:has(body.vnd-owned-document :is(.vnd-app--route-partners,.vnd-app--route-stores,.vnd-app--route-products,.vnd-app--route-order_new,.vnd-app--route-purchase_new,:is(.vnd-app--route-orders,.vnd-app--route-quotes,.vnd-app--route-shipping_fees)) .vnd-company-directory [data-vnd-partner-scroll]){
 overflow:hidden;overscroll-behavior-y:none;
}
body.vnd-owned-document:has(:is(.vnd-app--route-partners,.vnd-app--route-stores,.vnd-app--route-products,.vnd-app--route-order_new,.vnd-app--route-purchase_new,:is(.vnd-app--route-orders,.vnd-app--route-quotes,.vnd-app--route-shipping_fees)) .vnd-company-directory [data-vnd-partner-scroll]){
 height:100dvh;overflow:hidden;overscroll-behavior-y:none;
}
body.vnd-owned-document .vnd-app.vnd-company-shell:is(.vnd-app--route-partners,.vnd-app--route-stores,.vnd-app--route-products,.vnd-app--route-order_new,.vnd-app--route-purchase_new,:is(.vnd-app--route-orders,.vnd-app--route-quotes,.vnd-app--route-shipping_fees)):has(.vnd-company-directory [data-vnd-partner-scroll]){
 padding-bottom:0;
}
body.vnd-owned-document .vnd-app.vnd-company-shell:is(.vnd-app--route-partners,.vnd-app--route-stores,.vnd-app--route-products,.vnd-app--route-order_new,.vnd-app--route-purchase_new,:is(.vnd-app--route-orders,.vnd-app--route-quotes,.vnd-app--route-shipping_fees)):has(.vnd-company-directory [data-vnd-partner-scroll])>.vnd-shell-footer{display:none}
.vnd-app.vnd-workspace:is(.vnd-app--route-partners,.vnd-app--route-stores,.vnd-app--route-products,.vnd-app--route-order_new,.vnd-app--route-purchase_new,:is(.vnd-app--route-orders,.vnd-app--route-quotes,.vnd-app--route-shipping_fees)) .vnd-company-directory [data-vnd-partner-scroll]{overscroll-behavior:contain}

/* Discount lists and the order editor use the accepted directory shell. */
html:has(body.vnd-owned-document :is(:is(.vnd-app--route-promotions,.vnd-app--route-brochure) .vnd-card.vnd-promotions,:is(.vnd-app--route-order_new,.vnd-app--route-purchase_new,.vnd-app--route-order_view,:is(.vnd-app--route-orders,.vnd-app--route-quotes,.vnd-app--route-shipping_fees)) [data-new-order])){
 overflow:hidden;overscroll-behavior-y:none;
}
body.vnd-owned-document:has(:is(:is(.vnd-app--route-promotions,.vnd-app--route-brochure) .vnd-card.vnd-promotions,:is(.vnd-app--route-order_new,.vnd-app--route-purchase_new,.vnd-app--route-order_view,:is(.vnd-app--route-orders,.vnd-app--route-quotes,.vnd-app--route-shipping_fees)) [data-new-order])){
 height:100dvh;overflow:hidden;overscroll-behavior-y:none;
}
body.vnd-owned-document .vnd-app.vnd-company-shell:is(:is(.vnd-app--route-promotions,.vnd-app--route-brochure),:is(.vnd-app--route-order_new,.vnd-app--route-purchase_new,.vnd-app--route-order_view,:is(.vnd-app--route-orders,.vnd-app--route-quotes,.vnd-app--route-shipping_fees))):has(:is(.vnd-promotions,[data-new-order])){padding-bottom:0}
body.vnd-owned-document .vnd-app.vnd-company-shell:is(:is(.vnd-app--route-promotions,.vnd-app--route-brochure),:is(.vnd-app--route-order_new,.vnd-app--route-purchase_new,.vnd-app--route-order_view,:is(.vnd-app--route-orders,.vnd-app--route-quotes,.vnd-app--route-shipping_fees))):has(:is(.vnd-promotions,[data-new-order]))>.vnd-shell-footer{display:none}
.vnd-app.vnd-workspace:is(:is(.vnd-app--route-promotions,.vnd-app--route-brochure),:is(.vnd-app--route-order_new,.vnd-app--route-purchase_new,.vnd-app--route-order_view,:is(.vnd-app--route-orders,.vnd-app--route-quotes,.vnd-app--route-shipping_fees))) :is(.vnd-promotions,[data-new-order]){
 padding:12px;box-sizing:border-box;min-height:0;
}
.vnd-app.vnd-workspace:is(:is(.vnd-app--route-promotions,.vnd-app--route-brochure),:is(.vnd-app--route-order_new,.vnd-app--route-purchase_new,.vnd-app--route-order_view,:is(.vnd-app--route-orders,.vnd-app--route-quotes,.vnd-app--route-shipping_fees))) :is(.vnd-promotions,[data-new-order])>:is(.vnd-directory-heading,.vnd-buyer-title){
 flex:none;gap:12px;margin:0 0 12px;padding-bottom:12px;border-bottom:1px solid var(--vnd-border,#ced9e4);
}
.vnd-app.vnd-workspace:is(.vnd-app--route-promotions,.vnd-app--route-brochure) .vnd-card.vnd-promotions{display:flex;flex-direction:column;overflow:hidden}
.vnd-app.vnd-workspace:is(.vnd-app--route-promotions,.vnd-app--route-brochure) .vnd-card.vnd-promotions>:is([data-promotion-list],[data-discount-list],[data-brochure-list]){
 display:flex;flex-direction:column;flex:1;min-height:0;min-width:0;
}
.vnd-app.vnd-workspace:is(.vnd-app--route-promotions,.vnd-app--route-brochure) .vnd-card.vnd-promotions [data-directory-kind]:is([data-directory-kind=promotions],[data-directory-kind=manual-discounts],[data-directory-kind=brochures]){
 flex:1;min-height:0;max-height:none;overflow:auto;overscroll-behavior:contain;
}
.vnd-app.vnd-workspace:is(.vnd-app--route-promotions,.vnd-app--route-brochure) .vnd-card.vnd-promotions .vnd-promotion-filters{flex:none;gap:12px;margin:0 0 12px}
.vnd-app.vnd-workspace:is(.vnd-app--route-promotions,.vnd-app--route-brochure) .vnd-card.vnd-promotions .vnd-promotion-count{flex:none;margin:12px 0 0;min-height:20px;line-height:20px}
.vnd-app.vnd-workspace:is(.vnd-app--route-promotions,.vnd-app--route-brochure) .vnd-card.vnd-promotions>:is([data-promotion-editor],[data-discount-form]){
 flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;
}
.vnd-app.vnd-workspace:is(.vnd-app--route-promotions,.vnd-app--route-brochure) .vnd-card.vnd-promotions>[data-discount-policy]{flex:0 1 auto;min-height:0;max-height:45%;overflow:auto;overscroll-behavior:contain}
.vnd-app.vnd-workspace:is(.vnd-app--route-promotions,.vnd-app--route-brochure) .vnd-card.vnd-promotions>[data-discount-message]:not(:empty){flex:none;margin:0 0 12px;max-height:4.5em;overflow:auto}
.vnd-app.vnd-workspace:is(.vnd-app--route-promotions,.vnd-app--route-brochure) .vnd-card.vnd-promotions [hidden]{display:none!important}
.vnd-app.vnd-workspace:is(.vnd-app--route-order_new,.vnd-app--route-purchase_new,.vnd-app--route-order_view,:is(.vnd-app--route-orders,.vnd-app--route-quotes,.vnd-app--route-shipping_fees)) [data-new-order] :is(.vnd-order-tabs,form.vnd-partner-filters,.vnd-store-filter-selects){gap:12px}
.vnd-app.vnd-workspace:is(.vnd-app--route-order_new,.vnd-app--route-purchase_new,.vnd-app--route-order_view,:is(.vnd-app--route-orders,.vnd-app--route-quotes,.vnd-app--route-shipping_fees)) [data-new-order] form.vnd-partner-filters{margin:0 0 12px}
.vnd-app.vnd-workspace:is(.vnd-app--route-order_new,.vnd-app--route-purchase_new,.vnd-app--route-order_view,:is(.vnd-app--route-orders,.vnd-app--route-quotes,.vnd-app--route-shipping_fees)) [data-new-order] [data-product-count]{margin:12px 0 0}
.vnd-app.vnd-workspace:is(.vnd-app--route-order_new,.vnd-app--route-purchase_new,.vnd-app--route-order_view,:is(.vnd-app--route-orders,.vnd-app--route-quotes,.vnd-app--route-shipping_fees)) [data-new-order] .vnd-order-selected{margin:0 0 12px;padding:0}
.vnd-app.vnd-workspace:is(.vnd-app--route-order_new,.vnd-app--route-purchase_new,.vnd-app--route-order_view,:is(.vnd-app--route-orders,.vnd-app--route-quotes,.vnd-app--route-shipping_fees)) [data-new-order] .vnd-order-actions{gap:12px}

/* Stop at list boundaries on both axes, without elastic bounce or scroll chaining. */
:is(.vnd-app.vnd-workspace,body.vnd-admin-workspace) :is(
 [data-vnd-partner-scroll],.vnd-directory-scroll,.vnd-table-wrap,
 .vnd-superadmin-directory,.vnd-dashboard-orders-wrap,
 .vnd-promotion-table,.vnd-promotion-product-list,
 .vnd-new-order [data-results],.vnd-order-cart-scroll
){overscroll-behavior:none!important}

/* Keep one frame on the list container, without a duplicate table frame. */
html body .vnd-app.vnd-workspace .vnd-edge-list{
 border:1px solid var(--vnd-border,#ced9e4)!important;border-radius:7px!important;box-shadow:none;
}
html body .vnd-app.vnd-workspace .vnd-edge-list>table{border:0!important;border-radius:0}
html body .vnd-app.vnd-workspace .vnd-edge-list>table>thead>tr:first-child>:is(th,td){border-top:0}
html body .vnd-app.vnd-workspace .vnd-edge-list>table>:is(thead,tbody,tfoot)>tr>:first-child{border-left:0}
html body .vnd-app.vnd-workspace .vnd-edge-list>table>:is(thead,tbody,tfoot)>tr>:last-child{border-right:0}

/* Orders keep edit and view actions together while horizontal scrolling. */
:is(.vnd-app.vnd-workspace,body.vnd-admin-workspace .wrap) [data-vnd-partner-scroll][data-directory-kind=orders] table :is(th,td).vnd-directory-pinned-second{
 left:var(--vnd-leading-action-width,46px);
}

/* Slightly larger mobile titles on the accepted list and account pages. */
@media(max-width:1024px){
 .vnd-app.vnd-workspace:is(.vnd-app--route-partners,.vnd-app--route-stores,.vnd-app--route-products,:is(.vnd-app--route-order_new,.vnd-app--route-purchase_new,.vnd-app--route-order_view,:is(.vnd-app--route-orders,.vnd-app--route-quotes,.vnd-app--route-shipping_fees)),:is(.vnd-app--route-orders,.vnd-app--route-quotes,.vnd-app--route-shipping_fees),.vnd-app--route-promotions,.vnd-app--route-brochure) :is(.vnd-company-directory,.vnd-promotions,.vnd-new-order)>:is(.vnd-directory-heading,.vnd-buyer-title)>h2,
 .vnd-app.vnd-workspace .vnd-account-card>.vnd-account-heading>h2{
  font-size:18px!important;font-weight:600;line-height:1.2;
 }
}

/* Open filters use a calm blue fill, without an extra ring or tinted icon. */
html body :is(.vnd-app.vnd-workspace,body.vnd-admin-workspace) button:is(.vnd-directory-filter-toggle,.vnd-order-filter-toggle)[aria-expanded=true]{
 background:#dfeaf4!important;border-color:#b7cadd!important;color:#294f74!important;
 outline:none!important;box-shadow:none!important;
}
html[data-vnd-theme=dark] body :is(.vnd-app.vnd-workspace,body.vnd-admin-workspace) button:is(.vnd-directory-filter-toggle,.vnd-order-filter-toggle)[aria-expanded=true]{
 background:#37536f!important;border-color:#526d88!important;color:var(--vnd-text,#e5edf5)!important;
}

/* Selection and opening use the shared compact action cells, without text truncation or vertical dividers. */
:is(.vnd-app.vnd-workspace,body.vnd-admin-workspace .wrap) [data-vnd-partner-scroll][data-directory-kind=orders] table :is(th,td).vnd-partner-edit-column{
 border-left:0;border-right:0;box-shadow:none;text-overflow:clip;
}
/* The opening icon ends the pinned action group with the shared one-pixel divider. */
:is(.vnd-app.vnd-workspace,body.vnd-admin-workspace .wrap) [data-vnd-partner-scroll][data-directory-kind=orders] table :is(th,td).vnd-partner-edit-column:not(.vnd-bulk-column){
 box-shadow:1px 0 0 var(--vnd-border,#ced9e4);
}

/* Unavailable order previews use the same neutral palette as Saved. */
html body :is(.vnd-app.vnd-workspace,body.vnd-admin-workspace .wrap) [data-directory-kind=orders] tbody td:nth-child(2) button.vnd-partner-edit-button:disabled{
 background:#edf3f8!important;border-color:#b7cadd!important;color:#294f74!important;
 opacity:1;cursor:default;box-shadow:none!important;
}
html[data-vnd-theme=dark] body :is(.vnd-app.vnd-workspace,body.vnd-admin-workspace .wrap) [data-directory-kind=orders] tbody td:nth-child(2) button.vnd-partner-edit-button:disabled{
 background:#2b4058!important;border-color:#526d88!important;color:var(--vnd-text)!important;
}


/* Header separators are one pixel, like the body-row separators. */
:is(.vnd-app.vnd-workspace,body.vnd-admin-workspace .wrap) :is(.vnd-directory-table,.vnd-editable-list,.vnd-sized-directory,.vnd-superadmin-directory table) thead :is(th,td){
 border-bottom-width:1px;border-bottom-style:solid;
}

/* Company code matches the page title rather than the body-text size. */
.vnd-app.vnd-workspace :is(.vnd-company-card,.vnd-personal-account-card)>.vnd-account-heading .vnd-buyer-code{
 font-size:20px;font-weight:600;line-height:1.3;white-space:nowrap;
}
@media(max-width:1024px){
 .vnd-app.vnd-workspace :is(.vnd-company-card,.vnd-personal-account-card)>.vnd-account-heading .vnd-buyer-code{font-size:18px;line-height:1.2}
}


/* Buyer editing uses the same fixed heading and footer as Company data. */
.vnd-app.vnd-workspace :is(.vnd-buyer-account-card,.vnd-store-account-card)>.vnd-account-heading .vnd-buyer-header-actions{display:flex;align-items:center;gap:12px;flex:none}
.vnd-app.vnd-workspace :is(.vnd-buyer-account-card,.vnd-store-account-card)>.vnd-account-heading .vnd-buyer-code{font-size:20px;font-weight:600;white-space:nowrap}
@media(max-width:1024px){
 .vnd-app.vnd-workspace :is(.vnd-buyer-account-card,.vnd-store-account-card)>.vnd-account-heading .vnd-buyer-code{font-size:18px}
}
@media(max-width:1024px){
 .vnd-app.vnd-workspace :is(.vnd-buyer-account-card,.vnd-store-account-card)>.vnd-account-heading>h2{line-height:1.1}
}

.vnd-app.vnd-workspace .vnd-store-account-card .vnd-company-content>form{min-width:0;margin:0}
.vnd-app.vnd-workspace .vnd-store-account-card :is(.vnd-store-buyer,.vnd-store-section){margin-top:0}
.vnd-app.vnd-workspace .vnd-store-account-card :is(.vnd-store-buyer,.vnd-store-section)>h3{margin-bottom:12px}
.vnd-app.vnd-workspace .vnd-store-account-card :is(.vnd-store-identity,.vnd-contact-row,.vnd-store-schedule){gap:12px}
.vnd-app.vnd-workspace .vnd-store-account-card[hidden]{display:none!important}
.vnd-app.vnd-workspace .vnd-store-account-card form[data-vnd-store-form]{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}
.vnd-app.vnd-workspace .vnd-store-account-card form[data-vnd-store-form] .vnd-store-main-data{margin-top:0!important}
.vnd-app.vnd-workspace .vnd-store-account-card :is(.vnd-store-grid,.vnd-store-buyer form){gap:12px}

/* Compact status editor uses the accepted fixed account shell. */
:is(.vnd-app.vnd-workspace,body.vnd-admin-workspace .wrap) .vnd-store-statuses .vnd-company-content{display:block;min-width:0;margin:0}
/* One scroll surface keeps the header and rows aligned on narrow screens. */
:is(.vnd-app.vnd-workspace,body.vnd-admin-workspace .wrap) .vnd-account-card.vnd-store-statuses>form[data-vnd-status-editor]{
 display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;
 flex:1 1 0;height:0;min-height:0;overflow:hidden;
}
.vnd-account-card.vnd-store-statuses .vnd-account-scroll-frame{
 display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);
 min-height:0;min-width:0;overflow:hidden;border-bottom:0;padding-top:12px;
}
.vnd-account-card.vnd-store-statuses .vnd-account-scroll{
 display:block;height:100%;max-height:100%;min-height:0;min-width:0;width:100%;max-width:100%;
 padding:0;overflow:auto;overscroll-behavior:none;touch-action:pan-x pan-y;
 border:1px solid var(--vnd-border,#ced9e4);border-radius:7px;scroll-padding:0;
 scrollbar-gutter:stable;
}
/* The scroll container owns the only list frame, including when it receives focus. */
html body :is(.vnd-app.vnd-workspace,body.vnd-admin-workspace .wrap) .vnd-store-statuses .vnd-account-scroll,
html body :is(.vnd-app.vnd-workspace,body.vnd-admin-workspace .wrap) .vnd-store-statuses .vnd-account-scroll:is(:focus,:focus-visible){
 outline:none;box-shadow:none;
}
.vnd-store-statuses .vnd-status-list{width:100%;min-width:760px;border:0;outline:0;box-shadow:none}
:is(.vnd-app.vnd-workspace,body.vnd-admin-workspace .wrap) .vnd-store-statuses .vnd-status-table :is(thead,tbody,tr){border:0;box-shadow:none}

:is(.vnd-app.vnd-workspace,body.vnd-admin-workspace .wrap) .vnd-store-statuses .vnd-status-table{width:100%;min-width:860px;table-layout:fixed;border-collapse:separate;border-spacing:0;border:0;border-radius:0;box-shadow:none;outline:0}
.vnd-status-table .vnd-status-name-col{width:24%}
.vnd-status-table .vnd-status-toggle-col{width:10%}
.vnd-status-table .vnd-status-color-col{width:12%}
.vnd-status-table .vnd-status-replacement-col{width:20%}
.vnd-status-table .vnd-status-action-col{width:14%}
:is(.vnd-app.vnd-workspace,body.vnd-admin-workspace .wrap) .vnd-store-statuses .vnd-status-table :is(th,td){vertical-align:middle;border-top-width:0;border-left-width:0;border-right-width:0;border-bottom-width:1px;border-bottom-style:solid;padding:6px 8px}
.vnd-store-statuses .vnd-status-table thead{position:sticky;top:0;z-index:3}
:is(.vnd-app.vnd-workspace,body.vnd-admin-workspace .wrap) .vnd-store-statuses .vnd-status-table :is(th,td):is(:nth-child(2),:nth-child(3),:nth-child(4)){text-align:center}
:is(.vnd-app.vnd-workspace,body.vnd-admin-workspace .wrap) .vnd-store-statuses .vnd-status-row :is(input:not([type=checkbox]),select,.vnd-partner-status-control){min-width:0;width:100%;margin:0}
:is(.vnd-app.vnd-workspace,body.vnd-admin-workspace .wrap) .vnd-store-statuses .vnd-status-row td:nth-child(6) :is(select,.vnd-partner-status-control){max-width:180px}
:is(.vnd-app.vnd-workspace,body.vnd-admin-workspace .wrap) .vnd-store-statuses .vnd-status-check{display:flex;justify-content:center;align-items:center;margin:0;gap:6px}
.vnd-store-statuses .vnd-status-check>span{display:none}
/* Align the action cell itself: shared inline-flex button rules must not defeat auto margins. */
:is(.vnd-app.vnd-workspace,body.vnd-admin-workspace .wrap) .vnd-store-statuses .vnd-status-table tbody td:last-child{text-align:right}
:is(.vnd-app.vnd-workspace,body.vnd-admin-workspace .wrap) .vnd-store-statuses .vnd-status-table button.vnd-status-delete{width:76px;min-width:76px;padding:0 10px;margin:0;display:inline-flex;align-items:center;justify-content:center}

:is(.vnd-app.vnd-workspace,body.vnd-admin-workspace .wrap) .vnd-company-module .vnd-store-statuses>.vnd-account-heading>h2{font-size:20px}
@media(max-width:1024px){:is(.vnd-app.vnd-workspace,body.vnd-admin-workspace .wrap) .vnd-company-module .vnd-store-statuses>.vnd-account-heading>h2{font-size:18px;line-height:1.1}}

/* Muted thumbs remain distinct from the input surface; disabled colours preserve position. */
html body :is(.vnd-app.vnd-workspace,body.vnd-admin-workspace .wrap) .vnd-store-statuses .vnd-status-row input.vnd-status-switch{
 --vnd-switch-width:68px;--vnd-switch-thumb:40px;--vnd-switch-height:28px;
 --vnd-switch-track:var(--vnd-buyer-field-bg,#edf3f8);
 --vnd-switch-idle:#a4b3c2;--vnd-switch-active:#369568;--vnd-switch-required:#59866e;--vnd-switch-green-edge:#779d88;--vnd-switch-edge:#7f95aa;
 --vnd-switch-disabled-track:#e1e7ee;--vnd-switch-disabled-thumb:#b5c0cc;--vnd-switch-disabled-edge:#95a6b6;
 appearance:none;-webkit-appearance:none;position:relative;box-sizing:border-box;
 width:var(--vnd-switch-width);min-width:var(--vnd-switch-width);max-width:var(--vnd-switch-width);
 height:var(--vnd-switch-height);min-height:var(--vnd-switch-height);
 padding:0;margin:0;border:1px solid var(--vnd-switch-edge);border-radius:999px;
 background:var(--vnd-switch-track);box-shadow:none;opacity:1;cursor:pointer;flex:none;
}
html body :is(.vnd-app.vnd-workspace,body.vnd-admin-workspace .wrap) .vnd-store-statuses .vnd-status-row input.vnd-status-switch::before{
 content:"";position:absolute;top:3px;left:3px;display:block;box-sizing:border-box;
 width:var(--vnd-switch-thumb);height:calc(var(--vnd-switch-height) - 8px);
 margin:0;border:1px solid var(--vnd-switch-edge);border-radius:999px;background:var(--vnd-switch-idle);
 box-shadow:none;transform:translateX(0);
 transition:transform .15s ease,background-color .15s ease;
}
html body :is(.vnd-app.vnd-workspace,body.vnd-admin-workspace .wrap) .vnd-store-statuses .vnd-status-row input.vnd-status-switch:checked::before{
 transform:translateX(calc(var(--vnd-switch-width) - var(--vnd-switch-thumb) - 8px));background:var(--vnd-switch-active);border-color:var(--vnd-switch-green-edge);
}
html body :is(.vnd-app.vnd-workspace,body.vnd-admin-workspace .wrap) .vnd-store-statuses .vnd-status-row input.vnd-status-switch::after{content:none;display:none}
html body :is(.vnd-app.vnd-workspace,body.vnd-admin-workspace .wrap) .vnd-store-statuses .vnd-status-row input.vnd-status-switch:disabled{cursor:default;background:var(--vnd-switch-disabled-track);border-color:var(--vnd-switch-disabled-edge);opacity:1}
html body :is(.vnd-app.vnd-workspace,body.vnd-admin-workspace .wrap) .vnd-store-statuses .vnd-status-row input.vnd-status-switch:disabled::before{background:var(--vnd-switch-disabled-thumb);border-color:var(--vnd-switch-disabled-edge)}
html body :is(.vnd-app.vnd-workspace,body.vnd-admin-workspace .wrap) .vnd-store-statuses .vnd-status-row input.vnd-status-switch:checked:disabled::before{background:var(--vnd-switch-required);border-color:var(--vnd-switch-green-edge)}
html[data-vnd-theme=dark] body :is(.vnd-app.vnd-workspace,body.vnd-admin-workspace .wrap) .vnd-store-statuses .vnd-status-row input.vnd-status-switch{
 --vnd-switch-track:#1b232d;--vnd-switch-idle:#71859a;--vnd-switch-active:#55b982;--vnd-switch-required:#79ac91;--vnd-switch-green-edge:#95b6a3;--vnd-switch-edge:#93a8be;
 --vnd-switch-disabled-track:#29394b;--vnd-switch-disabled-thumb:#52667b;--vnd-switch-disabled-edge:#75899e;
}
@media(prefers-reduced-motion:reduce){
 html body :is(.vnd-app.vnd-workspace,body.vnd-admin-workspace .wrap) .vnd-store-statuses .vnd-status-row input.vnd-status-switch::before{transition:none}
}

/* Shared horizontal spacing for standalone controls, in every route and viewport.
   Only column-gap changes: vertical rhythm, card padding and aligned footer edges stay intact.
   Compound widgets retain their internal spacing (theme switch, steppers, calendar day grid). */
html :is(.vnd-app,body.vnd-admin-workspace,.vnd-admin-navigation,
 dialog.vnd-dialog,dialog.vnd-order-info,dialog.vnd-order-period-dialog,
 dialog.vnd-brochure-editor,.vnd-feedback-modal__panel)
 :is(
  .vnd-directory-filters,.vnd-partner-filters,.vnd-module-filter,.vnd-promotion-filters,
  .vnd-store-filter-selects,.vnd-order-filterbar,.vnd-order-cart-filters,.vnd-journal-filter,
  .vnd-order-tabs,.vnd-module-tabs,.vnd-order-cart-settings,.vnd-order-detail-actions,
  .vnd-order-actions,.vnd-form-actions,.vnd-account-actions,.vnd-dialog-actions,.vnd-period-actions,
  .vnd-action-buttons,.row-actions,.vnd-people-actions,.vnd-admin-header-actions,
  .vnd-buyer-header-actions,.vnd-password-tools,.vnd-q-actions,
  .vnd-editor-form,.vnd-stacked-form,.vnd-frontend-address-grid,
  .vnd-buyer-identity,.vnd-buyer-business,.vnd-buyer-contact,.vnd-buyer-order-settings,
  .vnd-buyer-address,.vnd-buyer-address-grid,.vnd-store-grid,.vnd-contact-row,
  .vnd-store-identity,.vnd-store-schedule,.vnd-store-partner-grid,
  .vnd-company-logo-fields,.vnd-company-logo-picker,.vnd-connection-grid,.vnd-brochure-fields,
  .vnd-order-status-fields,.vnd-order-status-edit,.vnd-period-inputs,.vnd-period-month-select,
  .vnd-order-filterchecks,.vnd-order-product-controls,.vnd-order-value-controls,
  :has(>label),:has(>input:not([type=hidden])),:has(>select),:has(>textarea),
  :has(>button),:has(>.vnd-button)
 ):not(button,a,label,.vnd-number-field,.vnd-number-steps,.vnd-theme-switch,.vnd-order-steps,.vnd-discount-stepper,.vnd-discount-steps,.vnd-order-basis,.vnd-password-control,
 .vnd-period-days,.vnd-calendar-days){column-gap:8px!important}

/* Shared curated status palette; no arbitrary user-supplied CSS colors. */
.vnd-status-color-green{--vnd-status-swatch:#51a875;--vnd-status-bg:#e5f3e8;--vnd-status-text:#2b663c;--vnd-status-border:#acd0b5}
html[data-vnd-theme=dark] .vnd-status-color-green{--vnd-status-swatch:#51a875;--vnd-status-bg:#244339;--vnd-status-text:#c6ead9;--vnd-status-border:#537c68}
.vnd-status-color-red{--vnd-status-swatch:#ce6565;--vnd-status-bg:#f9e7e5;--vnd-status-text:#963d38;--vnd-status-border:#ddb4af}
html[data-vnd-theme=dark] .vnd-status-color-red{--vnd-status-swatch:#ce6565;--vnd-status-bg:#493331;--vnd-status-text:#f8e7e2;--vnd-status-border:#91625d}
.vnd-status-color-slate{--vnd-status-swatch:#7e94ad;--vnd-status-bg:#e5eaf0;--vnd-status-text:#4c6177;--vnd-status-border:#becbd8}
html[data-vnd-theme=dark] .vnd-status-color-slate{--vnd-status-swatch:#7e94ad;--vnd-status-bg:#344154;--vnd-status-text:#e5edf6;--vnd-status-border:#63758b}
.vnd-status-color-blue{--vnd-status-swatch:#518fce;--vnd-status-bg:#e1edf8;--vnd-status-text:#28577f;--vnd-status-border:#a9c4dd}
html[data-vnd-theme=dark] .vnd-status-color-blue{--vnd-status-swatch:#518fce;--vnd-status-bg:#283e56;--vnd-status-text:#ccdef2;--vnd-status-border:#607f9e}
.vnd-status-color-yellow{--vnd-status-swatch:#cfb34c;--vnd-status-bg:#f6efcf;--vnd-status-text:#75601f;--vnd-status-border:#d5c482}
html[data-vnd-theme=dark] .vnd-status-color-yellow{--vnd-status-swatch:#cfb34c;--vnd-status-bg:#494126;--vnd-status-text:#eee0a8;--vnd-status-border:#95844e}
.vnd-status-color-orange{--vnd-status-swatch:#d68d4c;--vnd-status-bg:#f8e8d7;--vnd-status-text:#885524;--vnd-status-border:#d8b58f}
html[data-vnd-theme=dark] .vnd-status-color-orange{--vnd-status-swatch:#d68d4c;--vnd-status-bg:#4c3827;--vnd-status-text:#f1d1ac;--vnd-status-border:#a07b52}
.vnd-status-color-purple{--vnd-status-swatch:#a37bc9;--vnd-status-bg:#eee5f5;--vnd-status-text:#694788;--vnd-status-border:#c5afd7}
html[data-vnd-theme=dark] .vnd-status-color-purple{--vnd-status-swatch:#a37bc9;--vnd-status-bg:#3e304e;--vnd-status-text:#dfcbed;--vnd-status-border:#8c70a4}
.vnd-status-color-pink{--vnd-status-swatch:#c875a2;--vnd-status-bg:#f5e3ed;--vnd-status-text:#884c70;--vnd-status-border:#d4adc4}
html[data-vnd-theme=dark] .vnd-status-color-pink{--vnd-status-swatch:#c875a2;--vnd-status-bg:#4b3041;--vnd-status-text:#efcade;--vnd-status-border:#a2748e}
html body .vnd-badge.vnd-store-color,html body .vnd-status-color-swatch{background:var(--vnd-status-bg)!important;color:var(--vnd-status-text)!important;border-color:var(--vnd-status-border)!important}
html body .vnd-status-color-button{box-sizing:border-box;display:inline-flex!important;align-items:center;justify-content:center;width:34px!important;min-width:34px!important;height:34px!important;min-height:34px!important;padding:6px!important;flex:0 0 auto;border-radius:6px}
html body .vnd-status-color-swatch{display:block;width:100%;height:100%;box-sizing:border-box;border:1px solid;border-radius:3px;pointer-events:none}
.vnd-status-color-cell{text-align:center}
.vnd-status-color-grid{display:grid;grid-template-columns:repeat(4,34px);justify-content:center;gap:8px;margin:12px 0}
html body .vnd-status-color-grid .vnd-status-color-button[aria-pressed=true]{box-shadow:0 0 0 2px var(--vnd-primary,#729cc4)!important}
@media(max-width:1100px),(pointer:coarse){html body .vnd-status-color-button{width:40px!important;min-width:40px!important;height:40px!important;min-height:40px!important}.vnd-status-color-grid{grid-template-columns:repeat(4,40px)}}

/* Filled swatches only for editable choices; fixed base statuses stay muted. */
html body .vnd-status-color-button:not(:disabled) .vnd-status-color-swatch{background:var(--vnd-status-swatch)!important;border-color:var(--vnd-status-swatch)!important}
html body .vnd-status-color-grid{grid-template-columns:repeat(4,48px)}
html body .vnd-status-color-grid .vnd-status-color-button{width:48px!important;min-width:48px!important;height:48px!important;min-height:48px!important;padding:5px!important}

/* Center the color control vertically without changing horizontal alignment. */
html body .vnd-store-statuses .vnd-status-table td.vnd-status-color-cell{vertical-align:middle;line-height:0}
html body .vnd-store-statuses .vnd-status-color-cell .vnd-status-color-button{vertical-align:middle;margin-top:0;margin-bottom:0}

/* Clickable status labels retain the exact badge styling and dimensions. */
[data-quick-status]{cursor:pointer}
.vnd-quick-status-dialog>select,.vnd-quick-status-dialog>.vnd-partner-status-control{width:100%}

dialog.vnd-quick-status-dialog .vnd-dialog-actions{margin-top:12px}

/* Bulk action sits beside the title; selection reserves no right-hand slot. */
html body .vnd-bulk-heading{justify-content:flex-start;column-gap:8px!important}
html body .vnd-bulk-heading>:is(h1,h2){flex:0 1 auto!important;min-width:0;margin-right:0!important}
html body .vnd-bulk-heading:has(>.vnd-bulk-status-action[hidden])>:is(h1,h2){margin-right:auto!important}
html body .vnd-bulk-status-action{box-sizing:border-box;flex:0 0 auto;width:auto;min-width:0;padding:0 12px;display:inline-flex;align-items:center;justify-content:center;margin-right:auto;vertical-align:middle;white-space:nowrap}
html body :is(h1,h2)>.vnd-bulk-status-action{margin-left:8px}
html body .vnd-bulk-status-action[hidden]{display:none!important}
html body .vnd-bulk-status-action svg{display:none;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
html body .vnd-bulk-column{text-align:center!important;padding-inline:6px!important}
html body .vnd-bulk-column input[type=checkbox]{margin:0;vertical-align:middle;cursor:pointer}
@media(max-width:1100px),(pointer:coarse){html body .vnd-bulk-status-action{flex-basis:40px;width:40px;padding:0}html body .vnd-bulk-status-action svg{display:block}html body .vnd-bulk-status-action span{display:none}}

/* Shared company roles use the existing field controls and spacing. */
.vnd-entity-roles{display:grid;gap:12px;grid-column:1/-1;min-width:0;margin:0;}
.vnd-entity-role-options{display:flex;flex-wrap:wrap;gap:8px;align-items:center;}
.vnd-entity-role-options label,.vnd-entity-stock{display:inline-flex;align-items:center;gap:8px;margin:0;}
:is(.vnd-app.vnd-workspace,body.vnd-admin-workspace .wrap) .vnd-entity-role-options>label{display:inline-flex;flex:0 0 auto;flex-direction:row;justify-content:flex-start;align-items:center;width:auto;min-width:0;gap:8px;margin:0;padding:0;white-space:nowrap}
:is(.vnd-app.vnd-workspace,body.vnd-admin-workspace .wrap) .vnd-entity-role-options>label>input[type=checkbox]{flex:0 0 17px;width:17px;min-width:17px;max-width:17px;height:17px;min-height:17px;margin:0;padding:0}

/* Role and stock checkbox sections share one 12 px title-to-control gap. */
.vnd-entity-stock-section{display:grid;gap:12px}
:is(.vnd-app.vnd-workspace,body.vnd-admin-workspace .wrap) form .vnd-entity-stock-section>h3,
:is(.vnd-app.vnd-workspace,body.vnd-admin-workspace .wrap) form .vnd-entity-roles>h3.vnd-buyer-section-title{margin:0!important}

/* Saved/Save footers: keep the primary action at the right edge in every viewport. */
:is(.vnd-app.vnd-workspace,body.vnd-admin-workspace .wrap) .vnd-account-card .vnd-account-actions:has(> [data-account-save]){
 display:flex;flex-direction:row;justify-content:flex-end;flex-wrap:nowrap;gap:8px;
}
:is(.vnd-app.vnd-workspace,body.vnd-admin-workspace .wrap) .vnd-account-card .vnd-account-actions > [data-account-save]{order:1}

.vnd-web-profile-button{width:34px;min-width:34px;padding:0;display:inline-flex;align-items:center;justify-content:center}
@media(max-width:1100px),(pointer:coarse){.vnd-web-profile-button{width:40px;min-width:40px}}
/* Organization filtering adds one shared select only when the company has a tree. */
@media(min-width:1101px) and (pointer:fine){
 :is(.vnd-app.vnd-workspace,body.vnd-admin-workspace .wrap) .vnd-store-filter-selects:has(.vnd-organization-filter){grid-template-columns:repeat(3,minmax(0,1fr))}
 :is(.vnd-app.vnd-workspace,body.vnd-admin-workspace .wrap) form.vnd-store-filters:has(.vnd-organization-filter){grid-template-columns:minmax(0,1.2fr) minmax(0,2.4fr) minmax(100px,.7fr) auto}
 :is(.vnd-app.vnd-workspace,body.vnd-admin-workspace .wrap) form.vnd-store-filters--admin:has(.vnd-organization-filter){grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr) minmax(0,2.4fr) minmax(100px,.7fr) auto}
}
@media(max-width:1100px),(pointer:coarse){
 .vnd-store-filter-selects .vnd-partner-status-control:has(.vnd-organization-filter),.vnd-store-filter-selects>.vnd-organization-filter{grid-column:1/-1}
}