/* Single command presentation: the established Stock/Partner card toolbar.
   Loaded after screen styles so pages cannot introduce their own button sizes. */
:root {
  --erp-command-height: 38px;
  --erp-command-radius: 11px;
  --erp-command-icon-size: 22px;
  --erp-command-label-size: 12px;
}
:root :is(.standard-command-set,.master-list-toolbar,.dc-actions,.dw-action-buttons,.finance-master-page,.quick-stock-commands,.dc-list-pager) .standard-icon-command {
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  min-height: var(--erp-command-height);
  height: var(--erp-command-height);
  gap: 5px;
  padding: 3px 7px 3px 4px;
  border: 1px solid var(--line);
  border-radius: var(--erp-command-radius);
  background: var(--paper);
  color: var(--brand-navy);
  font-family: var(--ui-font);
  box-shadow: none;
}
:root :is(.standard-command-set,.master-list-toolbar,.dc-actions,.dw-action-buttons,.finance-master-page,.quick-stock-commands,.dc-list-pager) .standard-icon-command b {
  font-size: var(--erp-command-label-size);
  font-weight: 850;
  white-space: nowrap;
}
:root :is(.standard-command-set,.master-list-toolbar,.dc-actions,.dw-action-buttons,.finance-master-page,.quick-stock-commands,.dc-list-pager) .standard-icon-command .command-icon {
  width: var(--erp-command-icon-size);
  height: var(--erp-command-icon-size);
  border-radius: var(--erp-command-radius);
  color: #087f7d;
  background: var(--brand-turquoise-pale);
}
:root :is(.standard-command-set,.master-list-toolbar,.dc-actions,.dw-action-buttons,.finance-master-page,.quick-stock-commands,.dc-list-pager) .standard-icon-command .command-icon svg {
  width: 17px;
  height: 17px;
}
:root :is(.standard-command-set,.master-list-toolbar,.dc-actions,.dw-action-buttons,.finance-master-page,.quick-stock-commands,.dc-list-pager) .standard-icon-command.primary {
  color: white;
  border-color: transparent;
  background: linear-gradient(135deg,#0aa7a5,#087d86);
}
:root :is(.standard-command-set,.master-list-toolbar,.dc-actions,.dw-action-buttons,.finance-master-page,.quick-stock-commands,.dc-list-pager) .standard-icon-command.primary .command-icon {
  background: white;
  color: #07686b;
}
:root :is(.standard-command-set,.master-list-toolbar,.dc-actions,.dw-action-buttons,.finance-master-page,.quick-stock-commands,.dc-list-pager) .standard-icon-command.danger:not(:disabled) { color: #a43d38; }
:root :is(.standard-command-set,.master-list-toolbar,.dc-actions,.dw-action-buttons,.finance-master-page,.quick-stock-commands,.dc-list-pager) .standard-icon-command.danger .command-icon { color: #bf4a43; background: #ffebe9; }
:root :is(.standard-command-set,.master-list-toolbar,.dc-actions,.dw-action-buttons,.finance-master-page,.quick-stock-commands,.dc-list-pager) .standard-icon-command:is(:hover,:active):not(:disabled) { transform: none; box-shadow: none; }

/* Bank Cards reference: shared command presentation, 19 October 2026.
   Tabs, column handles and field icons retain their native control geometry. */
:root :is(.standard-icon-command,.erp-bank-command):not([hidden]):not([role="menuitem"]) {
  box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;
  min-height:var(--erp-command-height)!important;height:var(--erp-command-height)!important;
  gap:5px!important;padding:5px 8px!important;
  border:1px solid var(--line,#dce3e7);border-radius:var(--erp-command-radius)!important;
  background:var(--paper,#fff);color:var(--brand-navy,#1c3359);
  font-family:var(--ui-font,Arial,sans-serif);font-size:var(--erp-command-label-size)!important;
  font-weight:850;line-height:1.2;white-space:nowrap;text-decoration:none;cursor:pointer;
  box-shadow:0 4px 12px rgb(6 46 91 / 4.5%);transform:none!important;
}
:root :is(.standard-icon-command,.erp-bank-command)>b {display:inline!important;font-size:var(--erp-command-label-size)!important;font-weight:850;line-height:1.2;white-space:nowrap;}
:root :is(.standard-icon-command,.erp-bank-command) :is(.command-icon,.button-icon) {
  box-sizing:border-box;display:inline-grid;place-items:center;
  width:var(--erp-command-icon-size)!important;height:var(--erp-command-icon-size)!important;flex:0 0 var(--erp-command-icon-size)!important;
  border-radius:9px!important;color:#3d8588;background:var(--brand-turquoise-pale,#eaf9f8);
}
:root :is(.standard-icon-command,.erp-bank-command) :is(.command-icon,.button-icon) svg {width:17px!important;height:17px!important;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;}
/* Decorative legacy icon; existing child nodes and event targets are untouched. */
:root .erp-bank-command[data-erp-command-icon]::before {content:'';display:inline-block;width:22px;height:22px;flex:0 0 22px;border-radius:9px;background:var(--brand-turquoise-pale,#eaf9f8) var(--erp-command-image) center/17px 17px no-repeat;}
:root :is(.standard-icon-command,.erp-bank-command):is(.primary,.button-primary,.erp-button-primary) {color:#fff;border-color:transparent;background:linear-gradient(135deg,#4c9c9e,#397d89);}
:root :is(.standard-icon-command,.erp-bank-command):is(.primary,.button-primary,.erp-button-primary) :is(.command-icon,.button-icon),
:root .erp-bank-command:is(.primary,.button-primary,.erp-button-primary)::before {background-color:#fff;color:#397d89;}
:root :is(.standard-icon-command,.erp-bank-command):is(.danger,.button-danger,.erp-button-danger):not(:disabled) {color:#a43d38;}
:root :is(.standard-icon-command,.erp-bank-command):hover:not(:disabled) {border-color:#72c9ca;transform:none;}
:root :is(.standard-icon-command,.erp-bank-command):focus-visible {outline:3px solid #65c6c5;outline-offset:2px;}
:root :is(.standard-icon-command,.erp-bank-command):disabled {opacity:.42;cursor:not-allowed;box-shadow:none;}
/* Grid actions share the design within the grid's native compact row. */
:root :is(td,[role="cell"]) :is(.standard-icon-command,.erp-bank-command) {--erp-command-height:28px;--erp-command-icon-size:20px;padding:3px 6px!important;}
:root .standard-document-date-quick-toggle {min-height:var(--erp-command-height)!important;border-radius:var(--erp-command-radius)!important;gap:5px!important;}
:root .standard-document-date-quick-icon {width:22px!important;height:22px!important;border-radius:9px!important;}
:root :is(.standard-command-set,.bank-master-toolbar,.bank-statement-actions) {display:flex;flex-wrap:wrap;gap:7px;}
@media screen {
  :root [data-erp-mascot-safe] {box-sizing:border-box;padding-inline-end:max(var(--erp-mascot-base-padding,0px),var(--erp-mascot-reserve,0px))!important;}
  :root [data-erp-mascot-safe="flex"] {flex-wrap:wrap;row-gap:6px;}
}
@media print { :root [data-erp-mascot-safe] {padding-inline-end:var(--erp-mascot-base-padding,0px)!important;} }

/* Workspace headers wrap independently of the horizontally scrolling data grid.
   Preserve native font sizes, command nodes and compact row geometry. */
@media screen {
  :root .app-page:not(.dashboard-page) .master-list-toolbar:not([hidden]) {
    display:flex;flex-direction:row;flex-wrap:wrap;min-width:0;max-width:100%;
    gap:7px;overflow:visible;
  }
  :root .app-page:not(.dashboard-page) .master-list-toolbar > .master-search {
    flex:1 1 250px;min-width:min(250px,100%);max-width:100%;
  }
  :root .app-page:not(.dashboard-page) .master-list-toolbar > .standard-command-set {
    flex:1 1 auto;min-width:0;max-width:100%;flex-wrap:wrap;justify-content:flex-start;
  }
  :root .app-page:not(.dashboard-page) :is(.document-list-heading,.master-data-hero,.erp-panel-header,.erp-panel-toolbar,.recipe-heading,.recipe-toolbar,.manufacturing-heading,.manufacturing-toolbar,.bank-master-heading,.bank-master-toolbar,.cash-master-heading,.cash-master-toolbar,.quick-stock-toolbar,.dw-grid-toolbar-actions) {
    min-width:0;max-width:100%;flex-wrap:wrap;
  }
  :root .app-page:not(.dashboard-page) :is(.document-list-heading,.master-data-hero,.erp-panel-header) > div {
    min-width:0;max-width:100%;
  }
  :root .app-page:not(.dashboard-page) :is(.document-list-heading,.master-data-hero,.erp-panel-header) :is(h1,h2) {
    max-width:100%;overflow-wrap:anywhere;white-space:normal;
  }
  :root .app-page:not(.dashboard-page) :is(.standard-command-set,.erp-action-group) {
    min-width:0;max-width:100%;flex-wrap:wrap;
  }
  :root .app-page:not(.dashboard-page) .standard-command-set .standard-icon-command b {display:inline;}
}

/* Stock list query and commands occupy separate rows, including the product
   query wrapper and receipt/issue paging controls. No toolbar horizontal scroll. */
@media screen {
  :root .app-page:is([data-page="products"],[data-page="stock-receipt"],[data-page="stock-issue"]) .master-list-toolbar:not([hidden]) {
    display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;
    min-width:0;max-width:100%;width:100%;box-sizing:border-box;overflow:visible;
  }
  :root [data-page="products"] .master-list-toolbar > .product-workspace-query-tools {grid-column:1 / -1;width:100%;min-width:0;}
  :root .app-page:is([data-page="products"],[data-page="stock-receipt"],[data-page="stock-issue"]) .master-list-toolbar .master-search {width:100%;min-width:0;max-width:100%;box-sizing:border-box;}
  :root .app-page:is([data-page="products"],[data-page="stock-receipt"],[data-page="stock-issue"]) .master-list-toolbar .master-search input {width:100%;min-width:0;flex:1 1 0;box-sizing:border-box;}
  :root .app-page:is([data-page="products"],[data-page="stock-receipt"],[data-page="stock-issue"]) .master-list-toolbar > .standard-command-set {
    grid-column:1 / -1;display:flex;flex-wrap:wrap;width:100%;min-width:0;max-width:100%;gap:7px;align-items:center;
  }
}

/* Stock voucher search and commands stay in one desktop row; paging belongs
   in the existing totals footer, with the shared mascot clearance retained. */
@media screen {
  :root .app-page:is([data-page="stock-receipt"],[data-page="stock-issue"]) .master-list-toolbar:not([hidden]) {
    display:flex;flex-wrap:wrap;align-items:center;gap:7px;
  }
  :root .app-page:is([data-page="stock-receipt"],[data-page="stock-issue"]) .master-list-toolbar > .master-search {
    flex:0 1 210px;width:210px;min-width:min(190px,100%);max-width:100%;
  }
  :root .app-page:is([data-page="stock-receipt"],[data-page="stock-issue"]) .master-list-toolbar > .standard-command-set {
    flex:1 1 650px;width:auto;min-width:0;max-width:100%;
  }
  :root .app-page:is([data-page="stock-receipt"],[data-page="stock-issue"]) > .document-grid-totals-band {
    flex-wrap:wrap;overflow:visible;
  }
  :root .app-page:is([data-page="stock-receipt"],[data-page="stock-issue"]) .stock-document-pager {
    display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin-inline-start:auto;min-width:0;max-width:100%;
  }
}

/* Transfer lists render inside the stock scaffold: retain its workspace frame,
   compact query/commands and independent table scrolling, with footer paging. */
@media screen {
  :root .content:has(> #stockScaffoldPage:not([hidden]) > [data-transfer-design]:not([hidden])) {
    display:flex;flex-direction:column;min-height:0;overflow:hidden;
  }
  :root #stockScaffoldPage:not([hidden]):has(> [data-transfer-design]:not([hidden])) {
    display:flex;flex-direction:column;flex:1 1 0;min-height:0;min-width:0;padding:0;overflow:hidden;
  }
  :root #stockScaffoldPage > [data-transfer-design]:not([hidden]) {
    display:flex;flex-direction:column;flex:1 1 0;min-height:0;min-width:0;
  }
  :root [data-transfer-design] .transfer-list:not([hidden]) {flex:1 1 0;min-height:0;min-width:0;width:100%;}
  :root [data-transfer-design] .transfer-list .master-list-toolbar:not([hidden]) {
    display:flex;flex-wrap:wrap;align-items:center;gap:7px;min-width:0;max-width:100%;overflow:visible;
  }
  :root [data-transfer-design] .transfer-list .master-list-toolbar > .master-search {
    flex:0 1 210px;width:210px;min-width:min(190px,100%);max-width:100%;box-sizing:border-box;
  }
  :root [data-transfer-design] .transfer-list .master-search input {min-width:0;width:100%;flex:1 1 0;box-sizing:border-box;}
  :root [data-transfer-design] .transfer-list .master-list-toolbar > .standard-command-set {
    flex:1 1 650px;width:auto;min-width:0;max-width:100%;flex-wrap:wrap;justify-content:flex-start;
  }
  :root [data-transfer-design] .transfer-list > .document-grid-totals-band {flex-wrap:wrap;overflow:visible;}
  :root [data-transfer-design] .transfer-list .stock-transfer-pager {
    display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin-inline-start:auto;min-width:0;max-width:100%;
  }
}

/* Stock card search absorbs spare width when the sidebar closes or the viewport
   grows. Commands retain their native size; narrow layouts wrap without clipping. */
@media screen {
  :root .app-page[data-page="products"] .master-list-toolbar:not([hidden]) {
    display:flex;flex-wrap:wrap;align-items:center;gap:7px;
  }
  :root .app-page[data-page="products"] .master-list-toolbar > .product-workspace-query-tools {
    grid-column:auto;flex:1 1 140px;width:140px;min-width:min(140px,100%);max-width:100%;
  }
  :root .app-page[data-page="products"] .master-list-toolbar > .standard-command-set {
    grid-column:auto;flex:0 1 auto;width:auto;min-width:0;max-width:100%;gap:5px;flex-wrap:wrap;
  }
}

/* Partner cards use the same compact desktop command row as stock cards. */
@media screen {
  :root .app-page[data-page="partners"] .master-list-toolbar:not([hidden]) {
    display:flex;flex-wrap:wrap;align-items:center;gap:7px;
  }
  :root .app-page[data-page="partners"] .master-list-toolbar > .master-search {
    grid-column:auto;flex:1 1 160px;width:160px;min-width:min(160px,100%);max-width:260px;box-sizing:border-box;
  }
  :root .app-page[data-page="partners"] .master-search input {
    min-width:0;width:100%;flex:1 1 0;box-sizing:border-box;
  }
  :root .app-page[data-page="partners"] .master-list-toolbar > .standard-command-set {
    grid-column:auto;flex:0 1 auto;width:auto;min-width:0;max-width:100%;gap:5px;flex-wrap:wrap;
  }
}

/* Account payment and collection queries share the desktop row; retain native paging
   in the totals footer. Other account money presets keep their own layout. */
@media screen {
  :root #moneyEntryList:has(.money-list-grid:is([data-standard-view-key="account-payment-cash"],[data-standard-view-key="account-payment-bank-transfer"],[data-standard-view-key="account-payment-credit-card"],[data-standard-view-key="account-payment-cheque"],[data-standard-view-key="account-payment-promissory-note"],[data-standard-view-key="account-collection-cash"],[data-standard-view-key="account-collection-bank-transfer"],[data-standard-view-key="account-collection-credit-card"],[data-standard-view-key="account-collection-cheque"],[data-standard-view-key="account-collection-promissory-note"])) .master-list-toolbar:not([hidden]) {
    display:flex;flex-wrap:wrap;align-items:center;gap:5px;
  }
  :root #moneyEntryList:has(.money-list-grid:is([data-standard-view-key="account-payment-cash"],[data-standard-view-key="account-payment-bank-transfer"],[data-standard-view-key="account-payment-credit-card"],[data-standard-view-key="account-payment-cheque"],[data-standard-view-key="account-payment-promissory-note"],[data-standard-view-key="account-collection-cash"],[data-standard-view-key="account-collection-bank-transfer"],[data-standard-view-key="account-collection-credit-card"],[data-standard-view-key="account-collection-cheque"],[data-standard-view-key="account-collection-promissory-note"])) .master-list-toolbar > .master-search {
    flex:1 1 160px;width:160px;min-width:min(160px,100%);max-width:260px;box-sizing:border-box;
  }
  :root #moneyEntryList:has(.money-list-grid:is([data-standard-view-key="account-payment-cash"],[data-standard-view-key="account-payment-bank-transfer"],[data-standard-view-key="account-payment-credit-card"],[data-standard-view-key="account-payment-cheque"],[data-standard-view-key="account-payment-promissory-note"],[data-standard-view-key="account-collection-cash"],[data-standard-view-key="account-collection-bank-transfer"],[data-standard-view-key="account-collection-credit-card"],[data-standard-view-key="account-collection-cheque"],[data-standard-view-key="account-collection-promissory-note"])) .master-search input {
    min-width:0;width:100%;flex:1 1 0;box-sizing:border-box;
  }
  :root #moneyEntryList:has(.money-list-grid:is([data-standard-view-key="account-payment-cash"],[data-standard-view-key="account-payment-bank-transfer"],[data-standard-view-key="account-payment-credit-card"],[data-standard-view-key="account-payment-cheque"],[data-standard-view-key="account-payment-promissory-note"],[data-standard-view-key="account-collection-cash"],[data-standard-view-key="account-collection-bank-transfer"],[data-standard-view-key="account-collection-credit-card"],[data-standard-view-key="account-collection-cheque"],[data-standard-view-key="account-collection-promissory-note"])) .master-list-toolbar > .standard-command-set {
    flex:0 1 auto;width:auto;min-width:0;max-width:100%;gap:5px;flex-wrap:wrap;
  }
  :root #moneyEntryList:has(.money-list-grid:is([data-standard-view-key="account-payment-cash"],[data-standard-view-key="account-payment-bank-transfer"],[data-standard-view-key="account-payment-credit-card"],[data-standard-view-key="account-payment-cheque"],[data-standard-view-key="account-payment-promissory-note"],[data-standard-view-key="account-collection-cash"],[data-standard-view-key="account-collection-bank-transfer"],[data-standard-view-key="account-collection-credit-card"],[data-standard-view-key="account-collection-cheque"],[data-standard-view-key="account-collection-promissory-note"])) > .document-grid-totals-band {
    flex-wrap:wrap;overflow:visible;gap:5px;
  }
}

/* Account adjustment, transfer and opening lists share the compact command row.
   Their existing footer pagination and all editor layouts remain independent. */
@media screen {
  :root .app-page:is([data-page="account-debit-credit"],[data-page="account-transfer"],[data-page="account-opening"]) .money-list-shell .master-list-toolbar:not([hidden]) {
    display:flex;flex-wrap:wrap;align-items:center;gap:5px;
  }
  :root .app-page:is([data-page="account-debit-credit"],[data-page="account-transfer"],[data-page="account-opening"]) .money-list-shell .master-list-toolbar > .master-search {
    flex:1 1 160px;width:160px;min-width:min(160px,100%);max-width:260px;box-sizing:border-box;
  }
  :root .app-page:is([data-page="account-debit-credit"],[data-page="account-transfer"],[data-page="account-opening"]) .money-list-shell .master-search input {
    min-width:0;width:100%;flex:1 1 0;box-sizing:border-box;
  }
  :root .app-page:is([data-page="account-debit-credit"],[data-page="account-transfer"],[data-page="account-opening"]) .money-list-shell .master-list-toolbar > .standard-command-set {
    flex:0 1 auto;width:auto;min-width:0;max-width:100%;gap:5px;flex-wrap:wrap;
  }
  :root .app-page:is([data-page="account-debit-credit"],[data-page="account-transfer"],[data-page="account-opening"]) .money-list-shell > .document-grid-totals-band {
    flex-wrap:wrap;overflow:visible;gap:5px;
  }
}

/* Sales workspace headers: explicit list/hub/shift scope excludes POS recovery
   and promotions. Native filters, paging and command handlers remain in place. */
@media screen {
  :root .app-page:is([data-page="sales-quotations"],[data-page="sales-orders"],[data-page="sales-dispatches"],[data-page="sales-invoices"],[data-page="sales-returns"]) .master-list-toolbar:not([hidden]) {
    display:flex;flex-wrap:wrap;align-items:center;gap:5px;
  }
  :root .app-page:is([data-page="sales-quotations"],[data-page="sales-orders"],[data-page="sales-dispatches"],[data-page="sales-invoices"],[data-page="sales-returns"]) .master-list-toolbar > .master-search {
    flex:1 1 160px;width:160px;min-width:min(160px,100%);max-width:260px;box-sizing:border-box;
  }
  :root .app-page:is([data-page="sales-quotations"],[data-page="sales-orders"],[data-page="sales-dispatches"],[data-page="sales-invoices"],[data-page="sales-returns"]) .master-search input {
    min-width:0;width:100%;flex:1 1 0;box-sizing:border-box;
  }
  :root .app-page:is([data-page="sales-quotations"],[data-page="sales-orders"],[data-page="sales-dispatches"],[data-page="sales-invoices"],[data-page="sales-returns"]) .master-list-toolbar > .standard-command-set {
    flex:0 1 auto;width:auto;min-width:0;max-width:100%;gap:5px;flex-wrap:wrap;
  }
  :root .app-page:is([data-page="sales-quotations"],[data-page="sales-orders"],[data-page="sales-dispatches"],[data-page="sales-invoices"],[data-page="sales-returns"]) > .document-grid-totals-band {
    flex-wrap:wrap;overflow:visible;gap:5px;
  }
  :root .sales-list-footer-command {margin-inline-start:auto;}
  :root .app-page[data-page="sales-documents"] :is(.sales-hub-heading,.cc-heading) {
    flex-direction:row;flex-wrap:wrap;align-items:center;gap:12px;padding:12px 16px;
  }
  :root .app-page[data-page="sales-documents"] :is(.sales-hub-heading,.cc-heading) > div {min-width:0;max-width:100%;}
  :root .app-page[data-page="sales-documents"] :is(.sales-hub-heading,.cc-heading) h2 {max-width:100%;overflow-wrap:anywhere;}
  :root #shiftMonitorFilters {display:flex;align-items:center;flex-wrap:wrap;gap:5px;min-width:0;}
  :root #shiftMonitorFilters > .master-search {flex:1 1 160px;width:160px;min-width:min(160px,100%);max-width:240px;box-sizing:border-box;}
  :root #shiftMonitorFilters .master-search input {width:100%;min-width:0;flex:1 1 0;box-sizing:border-box;}
  :root #shiftMonitorFilters > label:not(.master-search) {display:grid;gap:2px;min-width:0;max-width:100%;}
  :root #shiftMonitorFilters select {width:100px;min-width:0;max-width:100%;}
  :root #shiftMonitorListCommands {flex:0 1 auto;min-width:0;max-width:100%;gap:5px;}
  :root #shiftMonitorList > .document-grid-totals-band {flex-wrap:wrap;overflow:visible;gap:5px;}
}

/* Purchase workspace headers: compact list commands and center heading only. */
@media screen {
  :root .app-page:is([data-page="purchase-quotations"],[data-page="purchase-orders"],[data-page="purchase-dispatches"],[data-page="purchase-invoices"],[data-page="purchase-returns"]) .master-list-toolbar:not([hidden]) {
    display:flex;flex-wrap:wrap;align-items:center;gap:5px;
  }
  :root .app-page:is([data-page="purchase-quotations"],[data-page="purchase-orders"],[data-page="purchase-dispatches"],[data-page="purchase-invoices"],[data-page="purchase-returns"]) .master-list-toolbar > .master-search {
    flex:1 1 160px;width:160px;min-width:min(160px,100%);max-width:260px;box-sizing:border-box;
  }
  :root .app-page:is([data-page="purchase-quotations"],[data-page="purchase-orders"],[data-page="purchase-dispatches"],[data-page="purchase-invoices"],[data-page="purchase-returns"]) .master-search input {
    min-width:0;width:100%;flex:1 1 0;box-sizing:border-box;
  }
  :root .app-page:is([data-page="purchase-quotations"],[data-page="purchase-orders"],[data-page="purchase-dispatches"],[data-page="purchase-invoices"],[data-page="purchase-returns"]) .master-list-toolbar > .standard-command-set {
    flex:0 1 auto;width:auto;min-width:0;max-width:100%;gap:5px;flex-wrap:wrap;
  }
  :root .app-page:is([data-page="purchase-quotations"],[data-page="purchase-orders"],[data-page="purchase-dispatches"],[data-page="purchase-invoices"],[data-page="purchase-returns"]) > .document-grid-totals-band {
    flex-wrap:wrap;overflow:visible;gap:5px;
  }
  :root .app-page[data-page="purchase-documents"] :is(.purchase-hub-heading,.cc-heading) {
    flex-direction:row;flex-wrap:wrap;align-items:center;gap:12px;padding:12px 16px;
  }
  :root .app-page[data-page="purchase-documents"] :is(.purchase-hub-heading,.cc-heading) > div {min-width:0;max-width:100%;}
  :root .app-page[data-page="purchase-documents"] :is(.purchase-hub-heading,.cc-heading) h2 {max-width:100%;overflow-wrap:anywhere;}
}

/* Shared card/document list search contract. Spare width belongs to the query;
   command groups keep their intrinsic size at the right. Important declarations
   override legacy per-screen ID rules without changing handlers or form fields. */
@media screen {
  :root .app-page .master-list-toolbar:not([hidden]) {
    display:flex!important;flex-direction:row;flex-wrap:wrap!important;
    min-width:0;max-width:100%;box-sizing:border-box;overflow:visible!important;
  }
  :root .app-page .master-list-toolbar > :is(.master-search,.product-workspace-query-tools,.company-list-search,input[type="search"],.master-search-input,#cardTrackingSearch) {
    flex-grow:1!important;max-width:100%!important;box-sizing:border-box;
  }
  :root .app-page .master-list-toolbar > :is(input[type="search"],.master-search-input,#cardTrackingSearch) {
    flex-basis:240px;min-width:min(180px,100%);width:240px;
  }
  :root .app-page .master-list-toolbar > .standard-command-set {
    flex:0 1 auto!important;width:auto!important;min-width:0!important;
    max-width:100%;flex-wrap:wrap!important;
  }
  :root .app-page .master-list-toolbar > select {
    flex:0 0 auto;width:auto;max-width:100%;
  }
  :root .app-page .master-list-toolbar :is(.master-search,.company-list-search) input {
    width:100%;min-width:0;max-width:100%;box-sizing:border-box;
  }
  :root .app-page .recipe-frame > .recipe-toolbar > input[type="search"],
  :root .app-page .personnel-frame > .personnel-toolbar > input[type="search"],
  :root .app-page .warehouse-master-toolbar > .warehouse-search {
    flex:1 1 240px!important;width:240px;min-width:min(180px,100%)!important;
    max-width:100%!important;box-sizing:border-box;
  }
  :root .app-page .bank-master-toolbar > .bank-master-filters {
    order:-1;flex:1 1 280px;max-width:100%;box-sizing:border-box;
  }
  :root .app-page .quick-stock-toolbar {
    display:flex;flex-wrap:wrap;box-sizing:border-box;
  }
  :root .app-page .quick-stock-toolbar > .quick-stock-search-shell {
    flex:1 1 240px;max-width:100%;
  }
  :root .app-page .quick-stock-toolbar > .quick-stock-toolbar-field {
    flex:0 0 auto;max-width:100%;
  }
  :root .app-page .quick-stock-toolbar > .quick-stock-commands {
    flex:0 1 auto;flex-wrap:wrap;max-width:100%;
  }
  :root .app-page .quick-stock-commands .standard-icon-command {width:auto;}
}

/* Card/document list searches share the command surface, without changing
   their native inputs, query handlers or flexible width contract. */
@media screen {
  :root {
    --erp-list-search-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 22'%3E%3Crect width='22' height='22' rx='9' fill='%23e8fbfa'/%3E%3Cg fill='none' stroke='%233d8588' stroke-width='1.5' stroke-linecap='round'%3E%3Ccircle cx='9.5' cy='9.5' r='4.5'/%3E%3Cpath d='m13 13 4 4'/%3E%3C/g%3E%3C/svg%3E");
  }
  :root[data-theme="dark"] {
    --erp-list-search-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 22'%3E%3Crect width='22' height='22' rx='9' fill='%23103b45'/%3E%3Cg fill='none' stroke='%233d8588' stroke-width='1.5' stroke-linecap='round'%3E%3Ccircle cx='9.5' cy='9.5' r='4.5'/%3E%3Cpath d='m13 13 4 4'/%3E%3C/g%3E%3C/svg%3E");
  }
  :root .app-page :is(
    .master-list-toolbar label.master-search,
    .master-list-toolbar .company-list-search,
    .master-list-toolbar .ie-master-filters.master-search > label,
    .warehouse-master-toolbar > .warehouse-search,
    .quick-stock-toolbar .quick-stock-search,
    .master-list-toolbar > input:is([type="search"],.master-search-input,#cardTrackingSearch),
    .recipe-frame > .recipe-toolbar > input[type="search"],
    .personnel-frame > .personnel-toolbar > input[type="search"],
    .bank-master-toolbar > .bank-master-filters input,
    .cash-master-filters input:not([type="checkbox"]):not([type="radio"])
  ) {
    --ui-control-min-height:var(--erp-command-height);
    box-sizing:border-box!important;
    height:var(--erp-command-height)!important;min-height:var(--erp-command-height)!important;
    border:1px solid var(--line,#dce3e7)!important;
    border-radius:var(--erp-command-radius)!important;
    background-color:var(--paper,#fff)!important;
    box-shadow:0 4px 12px rgb(6 46 91 / 4.5%)!important;
    color:var(--ink);padding:0 8px!important;

    &:not(input) {
      display:flex!important;align-items:center;flex-direction:row!important;gap:5px!important;
      cursor:text;
    }
    &:not(input)::before {
      content:'';display:block;flex:0 0 var(--erp-command-icon-size);
      width:var(--erp-command-icon-size);height:var(--erp-command-icon-size);
      background:var(--erp-list-search-image) center/contain no-repeat;pointer-events:none;
    }
    & > :is(span[aria-hidden="true"],svg[aria-hidden="true"]),
    &.company-list-search > svg {display:none!important;}
    & > input {
      --ui-control-min-height:0px;
      box-sizing:border-box!important;flex:1 1 0;min-width:0;width:100%;max-width:100%;
      height:100%!important;min-height:0!important;max-height:100%;
      border:0!important;border-radius:0!important;padding:0!important;
      background:transparent!important;box-shadow:none!important;line-height:1!important;
      color:var(--ink);
      &:focus {outline:0!important;}
    }
    &:is(input) {
      padding-inline-start:calc(8px + var(--erp-command-icon-size) + 5px)!important;
      background-image:var(--erp-list-search-image)!important;
      background-position:8px center!important;background-size:var(--erp-command-icon-size)!important;
      background-repeat:no-repeat!important;line-height:1!important;
    }
    &:hover {border-color:#72c9ca!important;}
    &:has(input:not([aria-invalid="true"]):focus),
    &:is(input):not([aria-invalid="true"]):focus-visible {
      outline:1px solid var(--erp-focus-border,#6654ff)!important;outline-offset:-2px!important;
      border-color:var(--line,#dce3e7)!important;box-shadow:none!important;
    }
  }
  :root .app-page .master-list-toolbar .ie-master-filters.master-search:has(input:not([aria-invalid="true"]):focus) {
    outline:0!important;box-shadow:none!important;
  }
  :root .app-page .master-list-toolbar .ie-master-filters.master-search > label > span:first-child {display:none!important;}
}

/* Finance lists use the same compact starting width as invoice/card searches.
   Only the inner label is a search surface; its filter group has no frame. */
@media screen {
  :root .app-page.ie-voucher-list > .master-list-toolbar > .master-search,
  :root #moneyEntryList:has(.money-list-grid[data-standard-view-key^="bank-"]) .master-list-toolbar > .master-search,
  :root .app-page[data-page="credit-card-tracking"] .master-list-toolbar > #cardTrackingSearch {
    flex:1 1 160px!important;width:160px!important;min-width:min(160px,100%)!important;
  }
  :root .app-page .master-list-toolbar > .ie-master-filters.master-search {
    border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;
  }
}

/* Bank voucher paging remains reachable beside totals on narrow screens. */
@media screen {
  :root #moneyEntryList:has(.money-list-grid[data-standard-view-key^="bank-"]) > .document-grid-totals-band {
    flex-wrap:wrap;overflow:visible;gap:5px;
  }
}

/* Excel commands: spreadsheet + up/export or down/paste. Native nodes and
   accessible labels remain intact; only the visible caption is suppressed. */
:root :is(button,input).erp-bank-command[data-erp-excel-action]:not([hidden]) {
  --ui-content-font:0px;--erp-command-label-size:0px;
  width:58px!important;min-width:58px!important;max-width:58px!important;flex:0 0 58px!important;
  font-size:0!important;gap:0!important;padding:5px 8px!important;
  background:var(--paper,#fff) var(--erp-excel-image) center/40px 24px no-repeat!important;
  border-color:var(--line,#dce3e7);
}
:root button.erp-bank-command[data-erp-excel-action] > * {display:none!important;}
:root button.erp-bank-command[data-erp-excel-action]::before,
:root button.erp-bank-command[data-erp-excel-action]::after {content:none!important;display:none!important;}
@media (forced-colors:active) {
  :root :is(button,input).erp-bank-command[data-erp-excel-action] {border:1px solid ButtonText;}
}