/* Order workspace: compact list and detail, scoped away from catalog/settings. */
body:has(.orders-shell) .app-header { position:sticky; top:0; z-index:85; }
.order-detail-shell #order-packing { scroll-margin-top:70px; }
@media print {
  body:has(.sales-document) .app-header,body:has(.sales-document) .rail { display:none !important; }
  body:has(.sales-document) .page { margin:0 !important; padding:0 !important; }
  .sales-document thead { display:table-header-group; }
  .sales-document tr,.sales-document .document-parties,.sales-document .document-totals { break-inside:avoid; }
}
.document-module .document-tabs { background:white; gap:30px; padding:0 12px; border-bottom:1px solid #d4dde5; }
.document-module .document-tabs a { font-size:13px; font-weight:400; padding:16px 0; }
.document-module .document-note { margin:20px 0; font-size:12px; padding:14px; }
.document-module .document-filters { display:flex; flex-wrap:wrap; align-items:end; gap:8px; padding:14px; border:1px solid #dce3e8; border-radius:7px 7px 0 0; background:white; }
.document-module .document-filters label { font-size:10px; gap:3px; }
.document-module .document-filters input,.document-module .document-filters select { height:34px; min-height:34px; width:130px; font-size:12px; padding:5px 8px; }
.document-module .document-filters label:has([name=q]) { margin-left:auto; }
.document-module .document-filters [name=q] { width:210px; }
.document-module .document-filters button { height:34px; padding:5px 16px; border-radius:18px; font-size:12px; }
.document-module .document-list-card { margin-top:0; border-radius:0 0 7px 7px; overflow-x:auto; }
.document-module .document-table { width:100%; font-size:12px; }
.document-module .document-table th { padding:20px 12px; background:white; font-size:10px; font-weight:400; }
.document-module .document-table td { padding:12px; font-size:12px; }
.document-module .document-table .icon-action { display:inline-flex; align-items:center; justify-content:center; width:30px; height:30px; margin-left:4px; border-radius:50%; border:1px solid #e3e8ed; background:#fafbfc; }
.orders-shell { grid-template-columns:196px minmax(0,1fr); font-size:12px; color:#334656; }
.orders-shell .orders-sidebar { position:sticky; top:58px; align-self:start; height:calc(100vh - 58px); padding:10px 7px; scrollbar-width:thin; }
.orders-shell .orders-sidebar h3 { margin:16px 0 7px; font-size:12px; }
.orders-shell .status-nav-item { padding:3px 0; min-height:22px; gap:4px; }
.orders-shell .status-nav-item strong { font-weight:400; }
.orders-shell .status-nav-item em { font-size:10px; font-weight:800; font-variant-numeric:tabular-nums; }
.orders-shell .manual-order-create { margin-bottom:10px; }
.orders-shell .manual-source-label { display:flex; align-items:center; gap:5px; margin-top:5px; font-size:10px; color:#6c7b85; }
.orders-shell .manual-source-label select { width:100%; min-width:0; font-size:10px; border:1px solid #d9e0e6; background:transparent; }
.orders-shell .primary-pill { width:100%; font-size:12px; padding:9px 5px; }
.orders-shell a.primary-pill { display:block; box-sizing:border-box; border:0; color:#fff; font-weight:700; text-decoration:none; }
.orders-shell .orders-topbar { padding:15px 12px; background:white; min-height:64px; }
.orders-shell .orders-topbar h1 { font-size:18px; font-weight:500; margin:0; }
.orders-shell .orders-topbar p { display:none; }
.orders-shell .orders-action-result[data-dismissible-result] { position:relative; padding-right:40px; }
.orders-shell .result-dismiss { position:absolute; top:50%; right:8px; display:inline-flex; align-items:center; justify-content:center; width:26px; height:26px; padding:0; transform:translateY(-50%); border:0; border-radius:3px; background:transparent; color:currentColor; font-size:21px; line-height:1; cursor:pointer; opacity:.72; }
.orders-shell .result-dismiss:hover,.orders-shell .result-dismiss:focus-visible { background:rgb(255 255 255 / 65%); opacity:1; outline:2px solid currentColor; outline-offset:1px; }
.orders-shell .bulk-toolbar { position:sticky; top:58px; z-index:70; padding:7px 12px; gap:0; background:rgb(255 255 255 / 97%); box-shadow:0 3px 10px rgb(20 35 50 / 10%); backdrop-filter:blur(6px); }
.orders-shell .bulk-toolbar > a,.orders-shell .bulk-toolbar summary { min-height:28px; height:28px; min-width:35px; padding:4px 10px; border-radius:3px; background:#fafbfc; color:#38546b; font-size:14px; }
.orders-shell .toolbar-pagination { margin-left:auto; display:flex; align-items:center; gap:15px; }
.orders-shell .toolbar-pagination a { padding:4px 8px; }
.orders-shell .toolbar-pagination [aria-disabled=true] { pointer-events:none; opacity:.35; }
.orders-shell .status-menu[open] > .dropdown-panel { width:340px; max-height:calc(100vh - 110px); padding:4px 0; }
.orders-shell .status-menu .dropdown-panel strong { padding:7px 10px 3px; font-size:10px; }
.orders-shell .status-menu .dropdown-panel button { min-height:25px; padding:3px 10px; gap:7px; font-size:12px; line-height:1.2; }
.orders-shell .status-menu .status-nav-dot { width:9px; height:9px; }
.orders-shell .orders-table { table-layout:fixed; width:100%; font-size:12px; }
.orders-shell .order-list-item.without-thumbnail { grid-template-columns:minmax(0,1fr); }
.orders-shell .order-list-item.without-thumbnail.has-variant-visuals { grid-template-columns:minmax(0,1fr) auto; }
.orders-shell .orders-table th { padding:10px 5px; font-size:10px; font-weight:400; background:white; }
.orders-shell .orders-table th small { font-size:10px; font-weight:400; }
.orders-shell .orders-table td { padding:7px 5px; vertical-align:top; font-size:12px; overflow-wrap:anywhere; }
.orders-shell .orders-table th:nth-child(1) { width:76px; }
.orders-shell .orders-table th:nth-child(2) { width:140px; }
.orders-shell .orders-table th:nth-child(3) { width:145px; }
.orders-shell .orders-table th:nth-child(5) { width:80px; }
.orders-shell .orders-table th:nth-child(6) { width:210px; }
.orders-shell .orders-table th:nth-child(7) { width:112px; }
.orders-shell .orders-table .select-col { width:76px; min-width:76px; white-space:nowrap; }
.orders-shell .orders-table th.select-col { text-align:left; }
.orders-shell .orders-table .order-select-primary { justify-content:flex-start; gap:3px; min-width:66px; overflow:visible; }
.orders-shell .orders-table .row-star-menu { display:inline-block; margin:0; }
.orders-shell .orders-table input[type=checkbox] { position:relative; z-index:2; flex:0 0 16px; width:16px; height:16px; margin:2px 1px; cursor:pointer; }
.orders-shell .orders-table strong,.orders-shell .orders-table .money,.orders-shell .orders-table .order-link,.orders-shell .store-order-number { font-weight:400; }
.orders-shell .orders-table small { margin-top:2px; font-size:10px; }
.orders-shell .order-list-item { grid-template-columns:var(--order-list-thumb-width,79px) minmax(0,1fr); min-height:var(--order-list-thumb-height,64px); gap:7px; align-items:start; }
.orders-shell .order-list-thumb-wrap { width:var(--order-list-thumb-width,79px); height:var(--order-list-thumb-height,64px); border-radius:3px; }
.orders-shell .order-list-thumb,.orders-shell .order-list-thumb-placeholder { width:var(--order-list-thumb-width,79px); height:var(--order-list-thumb-height,64px); }
/* Keep the large preview while reducing only the resting list footprint. */
.orders-shell .order-list-thumb:hover { left:auto; right:0; width:var(--order-list-thumb-hover-width,300px); height:var(--order-list-thumb-hover-height,300px); }
.orders-shell .order-list-item-copy { display:block; font-size:12px; line-height:1.35; }
.orders-shell .order-list-item-copy .list-item-customization { padding:0; background:none; font-weight:400; color:#0877cf; }
.orders-shell .list-items { gap:4px; }
.orders-shell .order-row-status { display:grid; grid-template-columns:minmax(0,1fr) 70px; gap:1px 5px; }
.orders-shell .order-row-status > .status { grid-column:1; justify-self:start; font-size:10px; padding:1px 4px; line-height:15px; }
.orders-shell .order-row-status > small { grid-column:1; }
.orders-shell .order-row-status .mini-flags { grid-column:2; grid-row:1 / span 3; display:flex; flex-wrap:wrap; gap:2px; align-content:start; margin:0; }
.orders-shell .order-info-flag { width:20px; height:20px; min-width:20px; border-radius:3px; box-shadow:none; }
.orders-shell .order-info-flag svg { width:15px; height:15px; }
.orders-shell .packing-pending { display:none; }
.orders-shell .order-collection-badge { display:block; width:100%; margin-top:5px; padding:3px 6px; border:1px solid transparent; border-radius:3px; box-sizing:border-box; font-size:10px; font-weight:750; line-height:1.2; text-align:center; white-space:nowrap; }
.orders-shell .order-collection-badge.is-collected { border-color:#9ed9b6; background:#dff5e7; color:#11643a; }
.orders-shell .order-collection-badge.needs-picking { border-color:#efb9b9; background:#fde4e4; color:#9a2929; }
.orders-shell .order-collection-badge.not-required { border-color:#cbd5e1; background:#eef2f6; color:#475569; }
.order-detail-shell .order-page { min-width:0; margin:0; padding:0 12px 24px; gap:18px; }
.order-detail-shell .order-detail-title { padding:12px 0 0; gap:8px; }
.order-detail-shell .order-detail-title h1 { margin:0; font-size:22px; font-weight:400; }
.order-detail-shell .order-detail-source { margin:5px 0 0 34px; color:#607383; font-size:12px; }
.order-detail-shell .order-detail-source strong { color:#135365; font-weight:700; }
.order-detail-shell .order-detail-title h1 span { font-size:14px; margin-left:8px; }
.order-detail-shell .order-detail-title h1 .detail-star { font-size:24px; margin-left:0; }
.order-detail-shell .order-number-copy { font-size:inherit; font-weight:750; }
.order-detail-shell .top-actions { gap:5px; flex-wrap:wrap; }
.order-detail-shell .top-actions a,.order-detail-shell .order-product-actions summary { border:1px solid #d0d9e2; border-radius:18px; padding:6px 10px; background:white; color:#365c78; font-size:11px; font-weight:400; }
.order-detail-shell .barcode-scanner-bar { margin:-9px 0 -9px; padding:2px 0; border:0; background:transparent; gap:6px; }
.order-detail-shell .barcode-scanner-bar div { display:flex; gap:8px; flex-wrap:wrap; }
.order-detail-shell .barcode-scanner-bar strong,.order-detail-shell .barcode-scanner-bar small { font-size:10px; font-weight:400; }
.order-detail-shell .scanner-indicator { width:6px; height:6px; box-shadow:none; }
.order-detail-shell .order-items-table { table-layout:fixed; width:100%; }
.order-detail-shell .order-items-table th { font-size:10px; font-weight:400; padding:10px 6px; background:white; }
.order-detail-shell .order-items-table td { padding:7px 6px; font-size:12px; overflow-wrap:anywhere; }
.order-detail-shell .order-items-table th:nth-child(1) { width:calc(var(--order-card-thumb-width,96px) + 38px); }
.order-detail-shell .order-items-table th:nth-child(2) { width:auto; }
.order-detail-shell .order-items-table th:nth-child(3) { width:76px; }
.order-detail-shell .order-items-table th:nth-child(4) { width:140px; }
.order-detail-shell .order-items-table th:nth-child(5) { width:140px; }
.order-detail-shell .order-items-table th:nth-child(6) { width:132px; }
.order-detail-shell .order-items-table th:nth-child(7) { width:48px; }
.order-detail-shell .order-product-thumb-wrap { display:inline-flex; width:var(--order-card-thumb-width,96px); height:var(--order-card-thumb-height,72px); vertical-align:middle; }
.order-detail-shell .order-product-thumb,.order-detail-shell .thumb-placeholder { width:var(--order-card-thumb-width,96px); height:var(--order-card-thumb-height,72px); }
.order-detail-shell .order-product-thumb:hover { width:var(--order-card-thumb-hover-width,300px); height:var(--order-card-thumb-hover-height,300px); }
.order-detail-shell .return-item-select { width:12px; height:12px; margin:0 3px 0 0; vertical-align:middle; }
.order-detail-shell .order-item-selection { display:flex; align-items:center; gap:6px; flex-wrap:nowrap; }
.order-detail-shell .order-item-selection > * { flex-shrink:0; }
.order-detail-shell .item-actions-menu summary { padding:3px 8px; font-size:18px; }
.order-detail-shell .order-product-actions { padding:0; margin-top:-8px; gap:8px; }
.order-detail-shell .order-add-products { order:-1; margin-right:auto; }
.order-detail-shell .order-product-menu { position:relative; }
.order-detail-shell .order-product-menu .dropdown-panel { left:auto; right:0; width:300px; }
.order-detail-shell .panel-title { padding:12px; }
.order-detail-shell h2 { font-size:16px; font-weight:500; margin:0; }
.order-detail-shell .order-info-grid { grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:24px; padding:0 12px 12px; }
.order-detail-shell .order-data-form { padding:6px 0 0; gap:0; }
.order-detail-shell .form-row { grid-template-columns:145px minmax(0,1fr); gap:7px; min-height:23px; margin:0; }
.order-detail-shell .form-row label,.order-detail-shell .form-row > span { font-size:11px; }
.order-detail-shell .click-edit-field,.order-detail-shell .card-data-form label { min-height:23px; }
.order-detail-shell .click-edit-value { min-height:23px; padding:2px 4px; line-height:18px; font-size:11px; }
.order-detail-shell .form-row-wide .click-edit-value { white-space:pre-wrap; overflow-wrap:anywhere; }
.order-detail-shell .order-data-form > .form-row:has(#delivery-method),.order-detail-shell .order-inline-extras { border-top:1px solid #e5eaee; margin-top:7px; padding-top:7px; }
.order-detail-shell .paid-line { min-height:30px; padding:3px 0; font-size:12px; }
.order-detail-shell .paid-line > span:first-child { width:145px; }
.order-detail-shell .control-line { min-height:31px; flex-wrap:wrap; }
.order-detail-shell .control-line > span { flex-basis:108px; width:108px; font-size:11px; }
.order-detail-shell .control-line select,.order-detail-shell .control-line button { padding:4px 6px; min-height:26px; font-size:11px; min-width:0; }
.order-detail-shell .document-issue-line form { flex-wrap:wrap; gap:3px; }
.order-detail-shell .document-issue-line input { max-width:48px; min-height:26px; padding:4px; }
.order-detail-shell .status-picker summary { min-height:28px; padding:4px 7px; font-size:11px; }
.order-detail-shell .order-info-panel dl { display:grid; grid-template-columns:145px minmax(0,1fr); gap:2px 7px; padding:6px 0; font-size:11px; line-height:21px; }
.order-detail-shell .order-info-panel dd { margin:0; overflow-wrap:anywhere; }
.order-detail-shell .order-inline-extras summary { font-size:10px; color:#0877cf; cursor:pointer; }
.order-detail-shell .order-extra-editor { display:grid; gap:6px; padding-top:8px; }
.order-detail-shell .order-extra-editor label { display:grid; grid-template-columns:145px minmax(0,1fr); align-items:center; }
.order-detail-shell .order-extra-editor input,.order-detail-shell .order-extra-editor select { width:100%; min-width:0; padding:5px; border:1px solid #cfd8de; }
.order-detail-shell .order-extra-editor button { justify-self:end; }
.order-detail-shell .order-link-box { font-size:10px; overflow-wrap:anywhere; margin-top:8px; padding-top:8px; }
.order-detail-shell .order-packing-details > summary { padding:10px 12px; cursor:pointer; }
.order-detail-shell .order-packing-details .packing-actions { padding:0 12px; }
.order-detail-shell .packing-actions button { background:#fff; color:#365c78; border:1px solid #cad5df; font-size:12px; }
.order-detail-shell .address-grid { gap:16px; }
.order-detail-shell .info-card { padding:12px; }
.order-detail-shell .info-card h2 { margin-bottom:9px; }
.order-detail-shell .card-data-form { gap:0; }
.order-detail-shell .card-data-form label { grid-template-columns:102px minmax(0,1fr); gap:6px; font-size:11px; }
.order-detail-shell .lower-grid { grid-template-columns:minmax(0,2fr) minmax(0,1fr); }
.order-detail-shell .order-history-panel > summary { background:#f8fafb; border:1px solid #dce2e7; padding:10px; }
/* Readable text without the former extra spacing on every extra-field form. */
.order-detail-shell .order-page { font-size:13px; gap:12px; }
.order-detail-shell .order-page label,.order-detail-shell .order-page input,.order-detail-shell .order-page select,.order-detail-shell .order-page textarea,.order-detail-shell .order-page button,.order-detail-shell .order-page summary { font-size:13px; }
.order-detail-shell .order-page .order-number-copy { font-size:inherit; }
.order-detail-shell .order-page .click-edit-value,.order-detail-shell .form-row label,.order-detail-shell .form-row > span,.order-detail-shell .card-data-form label,.order-detail-shell .control-line > span,.order-detail-shell .order-info-panel dl { font-size:13px; }
.order-detail-shell .order-page .click-edit-value { min-height:22px; line-height:20px; padding:1px 3px; }
.order-detail-shell .form-row,.order-detail-shell .click-edit-field,.order-detail-shell .card-data-form label { min-height:22px; }
.order-detail-shell .order-inline-extras .order-data-form { padding:0; margin:0; }
.order-detail-shell .order-info-panel dl { line-height:20px; gap:2px 7px; }
.order-detail-shell .order-items-table td { font-size:13px; padding:6px; }
.order-detail-shell .order-items-table th,.order-detail-shell .order-items-table small,.order-detail-shell .order-link-box,.order-detail-shell .barcode-scanner-bar strong,.order-detail-shell .barcode-scanner-bar small { font-size:12px; }
.order-detail-shell .control-line { min-height:28px; }
.order-detail-shell .extra-panel { gap:6px; align-content:start; }
.order-detail-shell .extra-panel > p { margin:4px 0 6px; }
.order-detail-shell .order-history-panel { margin:0; }
.order-detail-shell .order-history-panel > summary { font-size:13px; padding:8px 10px; border-radius:4px; cursor:pointer; }
.order-detail-shell .order-history-list { max-height:360px; overflow:auto; font-size:13px; }
.order-detail-shell .order-history-list article { display:grid; gap:3px; padding:7px 0; border-bottom:1px solid #e5eaee; overflow-wrap:anywhere; }
.order-detail-shell .order-history-list p { margin:8px 0; line-height:1.4; }
.order-detail-shell .catalog-selected-fields { display:grid; gap:10px; }
.order-detail-shell .catalog-selected-fields[hidden],.order-detail-shell .catalog-search-results[hidden] { display:none; }
.order-detail-shell .catalog-search-field { display:grid; gap:5px; }
.order-detail-shell .catalog-search-results { position:static; max-height:280px; width:100%; }
.order-detail-shell .catalog-search-results strong { white-space:normal; line-height:1.3; }
.order-detail-shell .catalog-search-results small { font-size:12px; overflow-wrap:anywhere; }
.order-detail-shell .catalog-search-results .catalog-product-result { grid-template-columns:56px minmax(0,1fr) auto; align-items:center; gap:4px 10px; min-height:76px; }
.catalog-product-result .catalog-result-thumbnail { grid-column:1; grid-row:1 / span 2; display:flex; align-items:center; justify-content:center; width:56px; height:56px; border:1px solid #dce5ec; border-radius:4px; background:#fff; overflow:hidden; }
.catalog-result-thumbnail img { display:block; width:100%; height:100%; object-fit:contain; object-position:center; }
.catalog-result-thumbnail.is-empty { color:#71818c; font-size:10px; font-weight:400; line-height:1.2; text-align:center; }
.catalog-product-result strong { grid-column:2; grid-row:1; }
.catalog-product-result small { grid-column:2; grid-row:2; }
.order-detail-shell .catalog-product-result em { grid-column:3; grid-row:1 / span 2; white-space:nowrap; }
@media(max-width:560px) { .order-detail-shell .catalog-search-results .catalog-product-result { grid-template-columns:48px minmax(0,1fr); } .catalog-product-result .catalog-result-thumbnail { width:48px; height:48px; grid-row:1 / span 3; } .order-detail-shell .catalog-product-result em { grid-column:2; grid-row:3; } }
.order-detail-shell .catalog-selection-label { font-weight:600; margin:0; color:#276040; }
.order-detail-shell [data-catalog-add-button]:disabled { opacity:.55; cursor:not-allowed; }
.invoice-row-actions { display:flex; gap:7px; flex-wrap:wrap; min-width:165px; }
.invoice-editor { max-width:1200px; margin:20px auto; padding:24px; }
.invoice-editor form { display:grid; gap:18px; }
.invoice-editor-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
.invoice-editor-grid.parties { grid-template-columns:1fr 1fr; }
.invoice-editor fieldset { display:grid; gap:10px; border:1px solid #cbd4dc; padding:14px; }
.invoice-editor label { display:grid; gap:5px; font-size:13px; }
.invoice-editor input,.invoice-editor textarea { width:100%; min-width:0; padding:8px; border:1px solid #cbd4dc; border-radius:4px; }
.invoice-editor .invoice-confirm { display:flex; gap:9px; align-items:start; }
.invoice-editor .invoice-confirm input { width:18px; flex-shrink:0; }
.invoice-lines-scroll { overflow:auto; }
.invoice-lines-scroll table { min-width:850px; width:100%; }
.invoice-lines-scroll td:first-child { width:35%; }
.document-preview-actions { flex-wrap:wrap; gap:10px; }
@media(max-width:800px) { .invoice-editor-grid,.invoice-editor-grid.parties {grid-template-columns:1fr;} }
@media(max-width:1250px) {
  .orders-shell { grid-template-columns:175px minmax(0,1fr); }
  .orders-shell .orders-table th:nth-child(3) { width:110px; }
  .orders-shell .orders-table th:nth-child(6) { width:150px; }
  .orders-shell .order-row-status { display:block; }
  .order-detail-shell .order-detail-title { flex-wrap:wrap; }
  .order-detail-shell .order-info-grid { gap:14px; }
  .order-detail-shell .form-row,.order-detail-shell .order-info-panel dl { grid-template-columns:112px minmax(0,1fr); }
  .order-detail-shell .address-grid { grid-template-columns:1fr; }
}
@media(max-width:900px) {
  .orders-shell { grid-template-columns:1fr; }
  .orders-shell .orders-sidebar { position:static; height:auto; max-height:190px; }
  .orders-shell .orders-table-section,.order-detail-shell .products-panel { overflow-x:auto; }
  .orders-shell .orders-table { min-width:900px; }
  .order-detail-shell .order-items-table { min-width:740px; }
  .order-detail-shell .order-info-grid,.order-detail-shell .lower-grid { grid-template-columns:1fr; }
  .orders-shell .toolbar-pagination { margin-left:8px; }
}
@media(max-width:760px) {
  body:has(.orders-shell) .app-header { position:static; }
  .orders-shell .orders-sidebar { max-height:164px; padding:8px 10px; overflow-y:auto; border-bottom:1px solid #cbd7df; box-shadow:inset 0 -10px 14px -14px rgb(20 35 50 / 55%); }
  .orders-shell .bulk-toolbar { position:sticky; top:58px; z-index:70; gap:4px; overflow-x:auto; padding:8px 10px; box-shadow:0 3px 10px rgb(20 35 50 / 12%); scrollbar-width:none; }
  .orders-shell .bulk-toolbar::-webkit-scrollbar { display:none; }
  .orders-shell .bulk-toolbar > a,.orders-shell .bulk-toolbar summary { min-width:42px; height:36px; min-height:36px; padding:6px 10px; }
  .orders-shell .toolbar-pagination { flex:0 0 auto; margin-left:4px; }
  .orders-shell .orders-table-section { overflow:visible; padding:0; border:0; background:transparent; }
  .orders-shell .orders-table { display:block; min-width:0; width:100%; background:transparent; }
  .orders-shell .orders-table thead { position:absolute; width:1px; height:1px; padding:0; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; border:0; }
  .orders-shell .orders-table tbody { display:grid; gap:10px; padding:10px; }
  .orders-shell .orders-table tbody tr { display:grid; grid-template-columns:76px minmax(0,1fr) auto; gap:7px 9px; padding:10px; overflow:visible; border:1px solid #d5e0e8; border-radius:10px; background:#fff; box-shadow:0 2px 8px rgb(20 35 50 / 7%); }
  .orders-shell .orders-table.striped-orders tbody tr:nth-child(even) { background:#f8fbfd; }
  .orders-shell .orders-table tbody td { display:block; width:auto; padding:0; overflow:visible; border:0; min-width:0; }
  .orders-shell .orders-table .order-select { grid-column:1; grid-row:1; }
  .orders-shell .orders-table .order-number { grid-column:2; grid-row:1; align-self:center; }
  .orders-shell .orders-table .order-total { grid-column:3; grid-row:1; align-self:center; white-space:nowrap; font-size:13px; font-weight:750; }
  .orders-shell .orders-table .order-buyer { grid-column:1 / -1; grid-row:2; padding:8px 0; border-top:1px solid #e7edf2; border-bottom:1px solid #e7edf2; }
  .orders-shell .orders-table .order-products { grid-column:1 / -1; grid-row:3; }
  .orders-shell .orders-table .order-operations { grid-column:1 / -1; grid-row:4; padding-top:9px; border-top:1px solid #e7edf2; }
  .orders-shell .orders-table .order-dates { grid-column:1 / -1; grid-row:5; display:flex; gap:8px; align-items:center; color:#667987; font-size:10px; }
  .orders-shell .orders-table .order-dates::before { content:"Data:"; font-weight:750; }
  .orders-shell .order-dates .order-collection-badge { width:auto; min-width:86px; margin:0 0 0 auto; }
  .orders-shell .order-link { font-size:15px; font-weight:750; }
  .orders-shell .store-order-number { display:inline; margin-left:5px; }
  .orders-shell .order-list-item,.orders-shell .order-list-item.has-variant-visuals { grid-template-columns:var(--order-list-thumb-mobile-width,90px) minmax(0,1fr); gap:9px; min-height:var(--order-list-thumb-mobile-height,77px); padding:4px 0; }
  .orders-shell .order-list-thumb-wrap,.orders-shell .order-list-thumb,.orders-shell .order-list-thumb-placeholder { width:var(--order-list-thumb-mobile-width,90px); height:var(--order-list-thumb-mobile-height,77px); }
  .orders-shell .order-list-thumb:hover { width:var(--order-list-thumb-mobile-width,90px); height:var(--order-list-thumb-mobile-height,77px); padding:3px; box-shadow:none; cursor:default; }
  .orders-shell .order-list-item-copy { display:grid; gap:2px; font-size:12px; line-height:1.38; }
  .orders-shell .order-list-item-copy strong { display:block; width:100%; white-space:normal; overflow:visible; text-overflow:clip; overflow-wrap:anywhere; }
  .orders-shell .order-list-item-copy small { white-space:normal; overflow-wrap:anywhere; }
  .orders-shell .order-list-item.has-variant-visuals > .variant-visuals { grid-column:1 / -1; justify-content:flex-start; max-width:100%; padding-left:calc(var(--order-list-thumb-mobile-width,90px) + 9px); }
  .orders-shell .order-list-item.without-thumbnail { grid-template-columns:minmax(0,1fr); }
  .orders-shell .order-list-item.without-thumbnail > .variant-visuals { padding-left:0; }
  .orders-shell .order-row-status { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:5px 9px; align-items:start; }
  .orders-shell .order-row-status > .status,.orders-shell .order-row-status > .order-courier-line,.orders-shell .order-row-status > .packing-state { grid-column:1; }
  .orders-shell .order-row-status .mini-flags { grid-column:2; grid-row:1 / span 3; display:flex; gap:5px; margin:0; }
  .orders-shell .order-info-flag { width:30px; height:30px; min-width:30px; border-radius:6px; }
  .orders-shell .order-info-flag svg { width:19px; height:19px; }
  .orders-shell .packing-pending { display:block; }
  .orders-shell .pagination { padding:8px 10px 18px; }
}
/* Native invoice preview: external stylesheet complies with the strict CSP. */
.invoice-pdf-preview { display:block; width:100%; height:1100px; border:1px solid #ccd3da; background:#eee; }
.order-detail-shell .order-item-price { white-space:normal; overflow-wrap:anywhere; }
.order-detail-shell .order-item-price small { display:block; margin-top:2px; font-size:12px; line-height:1.25; color:#5e6c79; }

/* Full-width order filtering and labelled, accessible list actions. */
.order-filter-card { border:1px solid #cbd5e1; border-radius:7px; background:#fff; margin-bottom:8px; }
.order-filter-card > summary { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:12px 16px; background:#f8fafc; cursor:pointer; list-style:none; }
.order-filter-card > summary::-webkit-details-marker { display:none; }
.order-filter-card h1 { margin:0; font-size:17px; line-height:1.4; font-weight:600; }
.filter-toggle { display:flex; align-items:center; gap:12px; color:#0069ba; border:1px solid #b8d9f7; background:#f1f8ff; padding:8px 12px; border-radius:24px; font-size:13px; }
.order-filter-card:not([open]) .filter-toggle > span { transform:rotate(180deg); }
.order-filter-grid { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:8px; padding:12px 14px 6px; }
.order-filter-field { min-width:0; margin:0; padding:0 6px 2px; border:1px solid #cbd5e1; border-radius:4px; }
.order-filter-field.date_range { grid-column:span 2; }
.order-filter-field legend { max-width:100%; padding:0 3px; font-size:11.5px; color:#17476d; line-height:1.2; }
.order-filter-field legend label { margin:0; font-size:inherit; font-weight:400; }
.order-filter-field input,.order-filter-field select { width:100%; min-width:0; height:31px; margin:0; padding:3px 4px; border:0; box-shadow:none; border-radius:2px; background:transparent; color:#193b57; font-size:12px; }
.order-filter-field:focus-within { border-color:#007acb; outline:1px solid #007acb; }
.order-filter-field input:focus-visible,.order-filter-field select:focus-visible { outline:2px solid #007acb; outline-offset:1px; }
.order-filter-range { display:grid; grid-template-columns:minmax(0,1fr) 9px minmax(0,1fr); align-items:center; }
.order-filter-range input { font-size:11px; padding:2px; }
.order-filter-range span { text-align:center; color:#61778a; }
.order-filter-field.is-unavailable { background:#f6f7f8; border-style:dashed; }
.order-filter-field.is-unavailable input { font-size:11px; cursor:not-allowed; }
.order-filter-general { padding:7px 14px 2px; }
.order-filter-general label { display:block; max-width:520px; font-size:11.5px; color:#17476d; }
.order-filter-general input { display:block; width:100%; height:36px; margin-top:4px; border:1px solid #cbd5e1; border-radius:4px; padding:6px 9px; }
.order-filter-builder { display:grid; grid-template-columns:minmax(240px,32%) minmax(0,1fr); border-top:1px solid #d8e0e7; border-bottom:1px solid #d8e0e7; background:#fbfcfd; }
.order-filter-builder[hidden],.order-filter-basic[hidden] { display:none!important; }
.advanced-filter-summary,.advanced-filter-editor { min-width:0; padding:16px; }
.advanced-filter-summary { border-right:1px solid #d8e0e7; background:#f6f8fa; }
.order-filter-builder h2 { margin:0 0 12px; font-size:13px; text-transform:uppercase; letter-spacing:.02em; color:#1d405b; }
.advanced-summary-group { padding:10px 11px; border:1px solid #d4dde5; border-radius:5px; background:#fff; font-size:12px; line-height:1.55; overflow-wrap:anywhere; }
.advanced-summary-and { color:#667b8c; }
.advanced-summary-or,.advanced-group-separator { padding:7px 0; text-align:center; color:#0072bd; font-size:11px; font-weight:800; letter-spacing:.08em; }
.advanced-filter-group { padding:10px; border:1px solid #cbd5e1; border-radius:6px; background:#fff; box-shadow:0 1px 2px #142f4610; }
.advanced-filter-rule { display:grid; grid-template-columns:minmax(160px,1.2fr) minmax(135px,.75fr) minmax(210px,1.8fr) 38px 38px; gap:7px; align-items:start; }
.advanced-filter-rule select,.advanced-filter-rule input { width:100%; min-width:0; min-height:38px; margin:0; border:1px solid #bfcbd6; border-radius:4px; padding:6px 8px; background:#fff; color:#173a55; font-size:12px; }
.advanced-filter-rule select:focus,.advanced-filter-rule input:focus { border-color:#0078ce; outline:2px solid #c8e8ff; }
.advanced-value-select { max-height:112px; }
.advanced-value-host { display:flex; align-items:center; gap:6px; min-width:0; }
.advanced-range-separator { color:#60778a; }
.advanced-rule-add,.advanced-rule-remove { width:38px; height:38px; margin:0; border:1px solid #bfcbd6; border-radius:4px; background:#f8fafc; color:#006cb7; font-size:19px; cursor:pointer; }
.advanced-rule-remove { color:#a0333d; }
.advanced-rule-connector { width:fit-content; margin:6px 0 6px 12px; padding:2px 8px; border-left:2px solid #9ecbec; color:#486579; font-size:10px; font-weight:800; }
.advanced-add-group { display:block; margin:12px auto 0; border:0; background:transparent; color:#0072bd; font-weight:650; cursor:pointer; }
.filter-mode-toggle { margin-right:auto!important; }
.order-filter-actions { display:flex; flex-wrap:wrap; align-items:flex-start; justify-content:flex-end; gap:10px; padding:12px 14px; }
.order-filter-actions > a,.order-filter-actions > button,.order-filter-actions > details > summary { margin:0; border:1px solid #cbd5e1; border-radius:24px; padding:10px 16px; font-size:13px; line-height:1.3; background:#f8fafc; color:#17476d; cursor:pointer; list-style:none; text-decoration:none; }
.order-filter-actions > button.filter-apply { background:#0078ce; border-color:#0078ce; color:white; font-weight:600; }
.order-filter-actions > details { position:relative; }
.order-filter-actions > details[open] > div { position:absolute; top:44px; right:0; width:330px; max-width:80vw; z-index:80; padding:14px; border:1px solid #cbd5e1; border-radius:6px; background:white; box-shadow:0 5px 20px #17355226; }
.order-filter-actions label { display:block; font-size:12px; margin:6px 0; }
.order-filter-actions label input,.order-filter-actions label select { display:block; width:100%; margin-top:5px; }
.order-filter-actions small { display:block; font-size:11.5px; color:#596b7c; }
.order-filter-result { display:flex; align-items:center; gap:8px; padding:2px 4px 9px; font-size:12px; color:#526678; }
.order-filter-result-text { flex:1; min-width:0; overflow-wrap:anywhere; }
.order-filter-result strong { color:#24465f; font-weight:800; font-variant-numeric:tabular-nums; }
.order-filter-clear-inline { position:relative; display:inline-flex; align-items:center; justify-content:center; flex:none; width:24px; height:24px; margin-left:auto; border:1px solid #b8cadb; border-radius:4px; background:#fff; color:#365875; font-size:0; text-decoration:none; }
.order-filter-clear-inline::before,.order-filter-clear-inline::after { content:""; position:absolute; top:50%; left:50%; width:13px; height:2px; border-radius:1px; background:currentColor; }
.order-filter-clear-inline::before { transform:translate(-50%,-50%) rotate(45deg); }
.order-filter-clear-inline::after { transform:translate(-50%,-50%) rotate(-45deg); }
.order-filter-clear-inline:hover { border-color:#0b70be; color:#0b70be; background:#edf6ff; }
.order-filter-clear-inline:focus-visible { outline:2px solid #0b70be; outline-offset:2px; }
.active-filter-summary { color:#294d68; font-weight:600; }
.filter-errors { margin:12px 14px; padding:10px; border:1px solid #bd3945; border-radius:4px; background:#fff2f3; color:#842b35; }
.filter-errors ul { margin:4px 0; padding-left:22px; }
.saved-filter-row { display:flex; justify-content:space-between; align-items:center; gap:8px; padding:7px 0; border-bottom:1px solid #e2e8f0; }
.saved-filter-row a { overflow-wrap:anywhere; }
.orders-shell .bulk-toolbar { flex-wrap:wrap; gap:5px; padding:8px 0; }
.orders-shell .bulk-toolbar .toolbar-menu > summary,.orders-shell .bulk-toolbar > a.active-tool { display:flex; align-items:center; gap:5px; min-width:36px; height:36px; padding:6px 8px; font-size:12px; color:#184364; background:#f8fafc; border:1px solid #becbd7; border-radius:4px; }
.orders-shell .bulk-toolbar .toolbar-menu[open] > summary { color:#006abb; background:#eaf5ff; border-color:#0078ce; }
.order-action-icon { width:20px; height:20px; flex:none; }
.orders-shell .bulk-toolbar .toolbar-menu > summary:hover,.orders-shell .bulk-toolbar > a:hover { background:#eaf5ff; }
.orders-shell .toolbar-selection-count { display:inline-grid; place-items:center; min-width:18px; height:18px; padding:0 5px; border-radius:9px; background:#0877cf; color:#fff; font-size:10px; line-height:1; font-variant-numeric:tabular-nums; }
.orders-shell .orders-table { font-size:13px; }
.orders-shell .orders-table td { padding-top:9px; padding-bottom:9px; line-height:1.35; }
.orders-shell .orders-table td small { font-size:11.5px; line-height:1.3; }
.orders-shell .orders-table .order-info-flag { width:26px; height:26px; border:1px solid #afbfcc; }
.orders-shell .orders-table .order-info-flag svg { width:19px; height:19px; stroke-width:1.8; }
.order-source { display:inline-block!important; width:max-content; max-width:100%; box-sizing:border-box; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; overflow-wrap:normal; word-break:normal; padding:3px 6px; margin-top:4px; border:1px solid #bacbd7; border-radius:4px; font-weight:600; }
.orders-shell .orders-table .order-link { font-weight:750; }
.orders-shell .order-number .order-source,.orders-shell .order-number .store-order-number { display:block!important; margin-left:0; }
.source-allegro { color:#a13900!important; background:#fff3e8; border-color:#edc4a7; }
.source-store { color:#135365!important; background:#eaf7f8; border-color:#afced3; }
@media(max-width:1500px) { .order-filter-grid { grid-template-columns:repeat(4,minmax(0,1fr)); } }
@media(max-width:1100px) { .order-filter-grid { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media(max-width:900px) { .order-filter-builder { grid-template-columns:1fr; } .advanced-filter-summary { border-right:0; border-bottom:1px solid #d8e0e7; } .advanced-filter-rule { grid-template-columns:minmax(0,1fr) minmax(125px,.7fr) 38px 38px; } .advanced-value-host { grid-column:1 / -1; grid-row:2; } }
@media(max-width:800px) { .order-filter-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .order-filter-card > summary { padding:10px; } }
@media(max-width:520px) { .order-filter-grid { grid-template-columns:1fr; } .order-filter-field.date_range { grid-column:auto; } .order-filter-card > summary { align-items:flex-start; flex-direction:column; } .order-filter-actions { justify-content:flex-start; } .filter-mode-toggle { margin-right:0!important; } .order-filter-actions > details[open] > div { left:0; right:auto; } .advanced-filter-rule { grid-template-columns:minmax(0,1fr) 38px 38px; } .advanced-operator-select,.advanced-value-host { grid-column:1 / -1; } .advanced-value-host { grid-row:auto; } }

  .orders-shell .list-customer-notes { margin-top:4px; }
  .orders-shell .list-customer-notes-summary { display:flex; align-items:start; gap:5px; }
  .orders-shell .list-customer-notes-summary small { min-width:0; overflow-wrap:anywhere; }
  .orders-shell .list-customer-notes button { padding:2px 5px; border:1px solid #cbd5e1; border-radius:3px; background:#fff; color:#245378; font-size:10px; cursor:pointer; }
  .orders-shell .list-customer-notes button:hover { background:#eef5fa; }
  .orders-shell .list-customer-notes .list-customer-notes-edit { display:inline-flex; align-items:center; justify-content:center; flex:0 0 22px; width:22px; height:22px; padding:2px; border:0; background:transparent; }
  .orders-shell .list-customer-notes-edit svg { width:15px; height:15px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
  .orders-shell .list-customer-notes-form:not([hidden]) { display:grid; gap:5px; margin-top:4px; }
  .orders-shell .list-customer-notes-form textarea { box-sizing:border-box; width:100%; min-height:66px; padding:5px; border:1px solid #b8c8d5; border-radius:3px; font:inherit; resize:vertical; }
  .orders-shell .list-customer-notes-actions { display:flex; align-items:center; flex-wrap:wrap; gap:5px; }
  .orders-shell .list-customer-notes-actions [data-customer-notes-save] { background:#245378; color:#fff; }
  .orders-shell .list-customer-notes-actions [data-customer-notes-status] { font-size:10px; }