#quickStock .qs-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:18px}
#quickStock .qs-head h2{margin:0;font-size:22px}
#quickStock .qs-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}
#quickStock .qs-tabs button{min-height:44px;border-radius:10px;text-align:left;padding:10px 16px}
#quickStock .qs-tabs button[aria-current="page"]{background:var(--blue);color:#fff;border-color:var(--blue)}
#quickStock .qs-tabs small{display:block;font-size:13px;margin-top:3px}
#quickStock .qs-filters,#quickStock .qs-form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:start}
#quickStock .qs-filters{margin:16px 0}
#quickStock .qs-wide{grid-column:1/-1}
#quickStock .field{min-width:0}
#quickStock .field small{color:var(--muted);font-size:13px;display:block;margin-top:4px}
#quickStock .qs-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:18px 0}
#quickStock .qs-stat{background:#fff;border:1px solid var(--line);border-radius:12px;padding:18px;min-width:0}
#quickStock .qs-stat strong{display:block;font-size:26px;overflow-wrap:anywhere;margin:8px 0}
#quickStock .qs-price{background:#edf0f4;border:1px solid var(--line);border-radius:10px;padding:14px;color:var(--text)}
#quickStock .qs-price p{margin:6px 0;font-size:14px}
#quickStock .qs-note{color:var(--muted);font-size:14px;line-height:1.6}
#quickStock .qs-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin:16px 0}
#quickStock .qs-empty{text-align:center;padding:32px;color:var(--muted)}
#quickStock table{min-width:690px}
#quickStock td{vertical-align:top;overflow-wrap:anywhere;max-width:260px}
#quickStock td small{display:block;margin-top:5px;color:var(--muted)}
#quickStock .qs-thumb{width:56px;height:56px;object-fit:contain;vertical-align:middle;background:#fff;border:1px solid var(--line);border-radius:8px}
#quickStock .qs-detail-image{display:block;max-width:260px;max-height:260px;object-fit:contain;margin:14px 0}
#quickStock .qs-result{background:#eef6ff;border-radius:10px;padding:16px;font-size:18px;margin:14px 0}
#quickStock .qs-master-options{display:flex;gap:12px;flex-wrap:wrap;align-items:end}
#quickStock .qs-master-options>.field{flex:1;min-width:160px}
#quickStock details{margin-top:18px;border-top:1px solid var(--line);padding-top:14px}
#quickStock summary{min-height:36px;color:var(--text);font-weight:600}
#quickStock .qs-feedback{padding:12px 0;line-height:1.5}
#quickStock .qs-feedback:empty{display:none}
#quickStock [role="alert"]{color:#a32922}
#quickStock .qs-success{color:#17623d}
#quickStock .qs-role{background:#edf2f7;color:#425970;border-radius:8px;padding:8px 12px;font-size:13px}
#quickStock button{min-height:40px}
@media(max-width:1000px){#quickStock .qs-filters,#quickStock .qs-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){#quickStock .qs-filters,#quickStock .qs-form-grid{grid-template-columns:minmax(0,1fr)}#quickStock .qs-stats{grid-template-columns:minmax(0,1fr)}#quickStock .qs-stat strong{font-size:24px}#quickStock .qs-tabs button{flex:1;font-size:14px;padding:10px}#quickStock .qs-tabs small{font-size:12px}#quickStock .qs-master-options>.field{flex-basis:100%}#quickStock .qs-head h2{font-size:20px}}
#quickStock .qs-dialog{width:min(960px,calc(100vw - 32px));max-height:90dvh;padding:0;border:1px solid var(--line);border-radius:14px;background:var(--bg,#f5f7fb);color:var(--text);overflow:auto;box-sizing:border-box}
#quickStock .qs-dialog::backdrop{background:rgba(20,35,55,.5)}
#quickStock .qs-dialog .panel{margin:0;border:0;padding:24px}
#quickStock .qs-dialog h3{margin:0}
#quickStock .qs-dialog [role="alert"]:not(:empty){padding:12px 0;white-space:pre-wrap}
#quickStock .qs-template{display:inline-flex;align-items:center;min-height:40px;padding:8px 12px;border:1px solid var(--line);border-radius:8px;color:var(--text);text-decoration:none;box-sizing:border-box;background:#fff}
@media(max-width:600px){#quickStock .qs-dialog .panel{padding:16px}#quickStock .qs-dialog .actions{flex-wrap:wrap}}
/* Compact shared module layout: one search, column filters and English labels. */
#quickStock .qs-tabs{justify-content:space-between;align-items:center;margin-bottom:12px}
#quickStock .qs-work-tabs{display:flex;gap:8px;flex-wrap:wrap}
#quickStock .qs-guide{margin-left:auto;white-space:nowrap}
#quickStock .qs-toolbar{margin:0 0 12px}
#quickStock .qs-search{display:flex;gap:8px;align-items:center;flex:1;min-width:260px;max-width:560px}
#quickStock .qs-search input{flex:1;min-width:100px}
#quickStock .qs-stat{padding:12px 16px}
#quickStock .qs-stat strong{font-size:24px;margin:6px 0}
#quickStock .qs-stats{margin:12px 0}
#quickStock .qs-column-head{display:flex;align-items:center;gap:4px;flex-wrap:wrap}
#quickStock .qs-sort{border:0;background:transparent;padding:4px 0;font-weight:600;text-align:left;min-height:32px;color:var(--text)}
#quickStock .qs-filter-button{font-size:11px;min-height:28px;padding:3px 6px;border:1px solid var(--line);background:#fff;color:var(--muted)}
#quickStock .qs-column-filter{position:fixed;inset:auto;margin:0;width:240px;max-width:calc(100vw - 24px);max-height:70dvh;overflow:auto;padding:14px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--text);box-shadow:0 8px 24px #102e4f33;box-sizing:border-box}
#quickStock .qs-column-filter .field{display:flex;flex-direction:column;margin-bottom:12px;gap:5px}
#quickStock .qs-column-filter .actions{margin-top:12px}
#quickStock .qs-filter-state{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:8px 0 12px}
#quickStock .qs-filter-state span{background:#eef5ff;border-radius:6px;padding:5px 9px;font-size:13px}
#quickStock .qs-row-actions{display:flex;gap:4px;flex-wrap:wrap}
#quickStock .qs-row-actions button{min-height:32px;padding:5px 8px}
#quickStock .qs-product-description{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
#quickStock .qs-settings-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}
#quickStock .qs-setting-checks{display:flex;flex-direction:column;gap:12px;padding-top:24px}
#quickStock .qs-dialog:has(#qsProductForm)[open]{display:flex;flex-direction:column;overflow:hidden}
#quickStock .qs-dialog:has(#qsProductForm)>.panel{display:flex;flex-direction:column;min-height:0;max-height:90dvh;box-sizing:border-box}
#quickStock .qs-dialog:has(#qsProductForm) .qs-toolbar{flex-shrink:0}
#quickStock #qsProductForm{display:flex;flex-direction:column;min-height:0}
#quickStock .qs-product-scroll{overflow:auto;min-height:0;padding:0 6px 10px 0}
#quickStock .qs-dialog-footer{flex-shrink:0;padding-top:12px;margin:0;border-top:1px solid var(--line);background:#fff}
#quickStock .qs-product-extra{margin-top:0}
#quickStock .qs-product-extra>.qs-form-grid{padding-top:12px}
#peopleStockAccess{display:grid;grid-template-columns:2fr 1fr;gap:16px}
@media(max-width:600px){#quickStock .qs-search{min-width:0;flex-basis:100%;max-width:none}#quickStock .qs-work-tabs{gap:4px}#quickStock .qs-tabs button{flex:initial;font-size:13px}#quickStock .qs-settings-tabs button{padding:8px}#quickStock .qs-dialog:has(#qsProductForm)>.panel{padding:16px}#peopleStockAccess{grid-template-columns:1fr}}
#quickStock input[type="checkbox"]{width:auto;flex-shrink:0;margin:0}
#quickStock .qs-setting-checks label{display:flex;align-items:center;gap:8px}
#quickStock .qs-dialog:has(#qsSettingForm){width:min(760px,calc(100vw - 32px))}
#quickStock #qsSettingForm{grid-template-columns:repeat(2,minmax(0,1fr))}
#quickStock .qs-setting-checks{grid-column:1/-1;padding-top:0;flex-direction:row;flex-wrap:wrap;gap:20px}
@media(max-width:600px){#quickStock #qsSettingForm{grid-template-columns:minmax(0,1fr)}}

/* Approved demo catalogue controls, within the existing Scotty theme. */
#quickStock .qs-group-row th {background:var(--blue-light,#eef5ff);text-align:left;padding:12px}
#quickStock .qs-column-choice {display:block;padding:6px}
#quickStock .qs-column-filter select[multiple] {min-width:190px;max-width:280px}
#quickStock #qsAdminDashboard {margin:12px 0;border:1px solid #d6e1ef;border-radius:8px;padding:14px}
#quickStock #qsAdminDashboard>summary {font-weight:600;color:#163d72;cursor:pointer}
#quickStock #qsDashboardContent {padding-top:12px}
#quickStock .table-scroll td {vertical-align:top}
#quickStock .table-scroll td:nth-child(3) {min-width:220px;max-width:380px;white-space:normal}
#quickStock .qs-dialog pre {white-space:pre-wrap;overflow-wrap:anywhere;max-width:100%}
#quickStock .qs-column-filter {max-height:380px;overflow:auto}

/* UAT: keep operational actions compact instead of creating very tall rows. */
#quickStock .qs-row-actions{width:max-content;flex-wrap:nowrap;align-items:center}
#quickStock .table-scroll td:last-child{max-width:none}

/* Match the approved Quick Stock demo while keeping Scotty navigation and theme. */
#quickStock{--qs-demo-blue:#1265d8;--qs-demo-navy:#0a2c5d;--qs-demo-line:#dce4ee;--qs-demo-bg:#f4f7fb;--qs-demo-muted:#6c7886;--qs-demo-text:#172b42}
#quickStock .qs-tabs{margin:0 0 16px;align-items:center}
#quickStock .qs-work-tabs{gap:6px}
#quickStock .qs-tabs button{min-height:40px;border-radius:8px;padding:10px 14px;font-size:14px}
#quickStock .qs-tabs button[aria-current="page"]{background:#1265d8;border-color:#1265d8}
#quickStock .qs-tabs small{font-size:12px}
#quickStock .qs-catalogue{padding:0;overflow:hidden;border-radius:13px;background:#fff}
#quickStock .qs-main-toolbar{display:flex;align-items:center;gap:10px;padding:20px 20px 12px;margin:0}
#quickStock .qs-search{display:flex;align-items:center;gap:8px;flex:1;min-width:220px;max-width:none;margin:0}
#quickStock .qs-search input{width:100%;min-height:40px;padding:10px;background:#f8faff;border:1px solid #bac9da;border-radius:7px;color:#172b42}
#quickStock .qs-main-actions,#quickStock .qs-master-tools{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
#quickStock .qs-main-actions button,#quickStock .qs-master-tools button{min-height:40px;padding:8px 12px;border-radius:8px;font-size:13px}
#quickStock .qs-main-actions .primary,#quickStock .qs-master-tools .primary{background:#1265d8;border-color:#1265d8;color:#fff}
#quickStock .qs-master-tools{padding:0 20px 12px;justify-content:flex-end}
#quickStock .qs-template{min-height:40px;padding:8px 12px;border-radius:8px;font-size:13px}
#quickStock .qs-filter-panel{background:#f7faff;border-block:1px solid #dce4ee;padding:16px 20px;margin:0}
#quickStock .qs-filter-panel.hidden{display:none!important}
#quickStock #qsFacetFields{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
#quickStock .qs-filter-control{display:flex;flex-direction:column;gap:6px;font-size:12px;color:#6c7886}
#quickStock .qs-filter-control select{width:100%;min-width:0;padding:7px 9px;border:1px solid #dce4ee;border-radius:7px;background:#fff;font-size:12px;color:#172b42}
#quickStock .qs-facet-filter{min-width:0;margin:0;padding:0;border:0}
#quickStock .qs-facet-filter legend{padding:0;margin-bottom:6px;font-size:12px;color:#6c7886}
#quickStock .qs-facet-options{min-height:112px;max-height:176px;overflow-y:auto;border:1px solid #dce4ee;border-radius:7px;background:#fff;padding:4px;scrollbar-gutter:stable}
#quickStock .qs-facet-option{display:flex;align-items:center;gap:9px;min-height:36px;padding:6px 8px;border-radius:4px;color:#172b42;cursor:pointer;overflow-wrap:anywhere}
#quickStock .qs-facet-option:hover,#quickStock .qs-facet-option:focus-within{background:#f0f5fc}
#quickStock .qs-facet-option:has(input:checked){background:#e8f1ff;color:#174b8c}
#quickStock .qs-facet-option input{flex:0 0 auto;width:16px;height:16px;margin:0;accent-color:#2563eb}
#quickStock .qs-facet-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}
#quickStock .qs-facet-footer small{font-size:11px}
#quickStock .qs-facet-footer button{padding:5px 8px;min-height:30px;font-size:11px}
#quickStock .qs-facet-empty{display:block;padding:8px;color:#6c7886}
#quickStock .qs-filter-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-top:12px}
#quickStock .qs-filter-actions button{min-height:36px;padding:7px 12px}
#quickStock .qs-view-tools{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:0 20px 16px}
#quickStock .qs-view-tools label{display:flex;align-items:center;gap:7px;font-size:12px;color:#6c7886}
#quickStock .qs-view-tools select{min-height:36px;padding:8px;border:1px solid #bac9da;border-radius:7px;background:#fff;font-size:12px;color:#172b42}
#quickStock .qs-direction{min-height:36px;padding:7px 10px;font-size:12px}
#quickStock .qs-sort-note{font-size:11px;color:#6c7886}
#quickStock .qs-admin-dashboard{margin:0 20px 18px;padding:0;border:1px solid #dce4ee;border-radius:10px;background:#f7faff}
#quickStock .qs-admin-dashboard>summary{display:flex;align-items:center;gap:14px;width:100%;min-height:44px;padding:12px 16px;list-style:none;color:#0a2c5d;font-weight:600;cursor:pointer;border:0}
#quickStock .qs-admin-dashboard>summary::-webkit-details-marker{display:none}
#quickStock .qs-admin-dashboard>summary:before{content:'▸';color:#1265d8;font-size:18px}
#quickStock .qs-admin-dashboard[open]>summary:before{content:'▾'}
#quickStock .qs-admin-dashboard>summary strong{font-size:14px}
#quickStock .qs-admin-dashboard>summary span{margin-left:auto;color:#6c7886;font-size:11px;font-weight:400}
#quickStock #qsDashboardContent{padding:0 18px 18px;border-top:1px solid #dce4ee}
#quickStock .qs-dashboard-heading{margin-top:14px}
#quickStock .qs-dashboard-heading h3{margin:0 0 4px;font-size:16px;color:#0a2c5d}
#quickStock .qs-dashboard-heading p,#quickStock .qs-comparison-result{font-size:12px;color:#6c7886;line-height:1.6;margin:5px 0 10px}
#quickStock .qs-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:10px 0}
#quickStock .qs-stat{padding:12px 16px;border-radius:9px}
#quickStock .qs-stat strong{font-size:22px;margin:5px 0;line-height:1.3}
#quickStock .qs-dashboard-lower{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
#quickStock .qs-dashboard-actions,#quickStock .qs-compare-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
#quickStock .qs-dashboard-actions button,#quickStock .qs-compare-controls button{min-height:36px;padding:7px 10px;font-size:12px}
#quickStock .qs-compare-controls label{display:flex;align-items:center;gap:6px;color:#6c7886;font-size:12px}
#quickStock .qs-compare-controls select{min-width:165px;max-width:220px;min-height:34px;padding:6px 8px;font-size:12px}
#quickStock .qs-compare-validation{flex:0 0 100%;margin:0;color:#536274;font-size:12px;line-height:1.4}
#quickStock .qs-compare-validation[data-state="invalid"]{color:#a33131}
#quickStock .qs-compare-controls button:disabled{opacity:.48;cursor:not-allowed}
#quickStock .qs-comparison-result{margin:8px 0 0;padding:8px 10px;border-radius:7px;background:#fff}
#quickStock .qs-results-head{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:0 20px 12px;font-size:12px;color:#6c7886}
#quickStock .qs-results-head button{min-height:32px;padding:5px 10px;font-size:12px}
#quickStock .qs-filter-state{display:flex;flex-wrap:wrap;gap:7px;padding:0 20px 12px;margin:0}
#quickStock .qs-filter-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border:0;border-radius:6px;background:#e9f2ff;color:#134f9e;font-size:12px}
#quickStock .qs-filter-chip button{min-height:20px;padding:0;border:0;background:transparent;color:inherit;font-size:16px;line-height:1}
#quickStock .table-scroll{overflow:auto}
#quickStock .table-scroll table{width:100%;min-width:690px;border-collapse:collapse;white-space:nowrap}
#quickStock .table-scroll th{padding:11px 12px;border-block:1px solid #dce4ee;background:#f4f7fb;color:#53677f;text-align:left;font-size:12px}
#quickStock .table-scroll td{max-width:300px;padding:13px 12px;border-bottom:1px solid #e8edf4;vertical-align:middle;overflow-wrap:anywhere}
#quickStock .table-scroll tbody tr:hover{background:#f7faff}
#quickStock .table-scroll td.qs-price{background:#f0f2f6}
#quickStock .qs-select-column,#quickStock .qs-row-select{width:38px;min-width:38px}
#quickStock .qs-row-select{text-align:center;white-space:nowrap}
#quickStock .qs-sort-header{display:inline-flex;align-items:center;gap:7px;min-height:24px;padding:0;border:0;background:transparent;color:#53677f;font-size:12px;font-weight:700;white-space:nowrap;text-align:left}
#quickStock .qs-sort-header:hover,#quickStock .qs-sort-header.selected{color:#1265d8;background:transparent}
#quickStock .qs-sort-header span:last-child{font-size:15px}
#quickStock .qs-group-row th{padding:7px 14px;background:#e8f0fb;border-block:1px solid #d0ddec;text-align:left}
#quickStock .qs-group-row.depth-1 th{padding-left:28px;background:#f3f7fc}
#quickStock .qs-group-toggle{min-height:30px;padding:4px 2px;border:0;background:transparent;color:#0a2c5d;font-size:13px;font-weight:700;text-align:left}
#quickStock .qs-group-toggle:hover{background:transparent;color:#1265d8}
#quickStock .qs-group-toggle small{margin-left:12px;color:#6c7886;font-size:11px;font-weight:400}
#quickStock .qs-condition-badge{display:inline-block;padding:4px 8px;border-radius:5px;font-size:11px;font-weight:700;white-space:nowrap}
#quickStock .qs-condition-badge.new{background:#dff3e7;color:#23643c}
#quickStock .qs-condition-badge.rf{background:#ece6fb;color:#633b94}
#quickStock .qs-condition-badge.used{background:#e4effe;color:#215c9b}
#quickStock .qs-condition-badge.other{background:#fff0d3;color:#946019}
#quickStock .qs-row-actions{display:flex;align-items:center;gap:6px;flex-wrap:nowrap;width:max-content}
#quickStock .qs-row-actions>button{min-height:33px;padding:6px 10px;border-radius:7px;font-size:12px}
#quickStock .qs-row-menu{position:relative;margin:0;padding:0;border:0}
#quickStock .qs-row-menu>summary{display:flex;align-items:center;justify-content:center;min-height:33px;padding:6px 10px;border:1px solid #dce4ee;border-radius:7px;background:#fff;color:#0a2c5d;font-size:12px;cursor:pointer;list-style:none}
#quickStock .qs-row-menu>summary::-webkit-details-marker{display:none}
#quickStock .qs-row-menu>div{position:absolute;z-index:5;top:calc(100% + 5px);right:0;display:grid;min-width:150px;padding:6px;border:1px solid #dce4ee;border-radius:8px;background:#fff;box-shadow:0 8px 24px #18345025}
#quickStock .qs-row-menu>div button{min-height:34px;padding:6px 8px;border:0;border-radius:5px;background:#fff;text-align:left;font-size:12px;white-space:nowrap}
#quickStock .qs-row-menu>div button:hover{background:#f2f7ff}
#quickStock .qs-pagination{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 20px;color:#6c7886;font-size:12px}
#quickStock .qs-pagination .actions{display:flex;gap:8px}
#quickStock .qs-pagination button{min-height:36px;padding:7px 12px;font-size:12px}
#quickStock .qs-mobile-cards{display:none}
#quickStock .qs-stock-card{padding:16px;margin:0 12px 10px;border:1px solid #dce4ee;border-radius:10px;background:#fff}
#quickStock .qs-card-group{margin:12px 12px 8px;padding:6px 10px;border-radius:6px;background:#e8f0fb}
#quickStock .qs-card-group.depth-1{margin-left:20px;background:#f3f7fc}
#quickStock .qs-card-top{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}
#quickStock .qs-card-select{display:flex;align-items:center;gap:10px;min-width:0}
#quickStock .qs-card-select h3{margin:0;color:#132e4e;font-size:16px;overflow-wrap:anywhere}
#quickStock .qs-product-meta{margin:4px 0 0 26px;color:#6c7886;font-size:12px}
#quickStock .qs-card-description{margin:10px 0 0;color:#6c7886;font-size:12px;line-height:1.6;overflow-wrap:anywhere}
#quickStock .qs-card-numbers{display:flex;justify-content:space-between;gap:12px;margin:16px 0}
#quickStock .qs-card-numbers small{display:block;margin-bottom:4px;color:#6c7886;font-size:12px}
#quickStock .qs-card-numbers b{font-size:23px}
#quickStock .qs-card-details{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px;font-size:12px;overflow-wrap:anywhere}
#quickStock .qs-card-details span{display:block;margin-bottom:3px;color:#6c7886}
#quickStock .qs-card-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-top:12px;border-top:1px solid #dce4ee}
#quickStock .qs-stamp{color:#4f647b;font-size:11px;line-height:1.6;overflow-wrap:anywhere}
#quickStock .qs-dialog{width:min(760px,calc(100vw - 24px));max-height:90dvh;padding:0;border:1px solid #dce4ee;border-radius:14px;background:#f4f7fb;color:#172b42;overflow:auto;box-sizing:border-box}
#quickStock .qs-dialog .panel{margin:0;padding:20px 24px;border:0;border-radius:14px;background:#fff;box-shadow:none}
#quickStock .qs-dialog-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}
#quickStock .qs-dialog-heading h3{margin:0;color:#0a2c5d;font-size:19px}
#quickStock .qs-dialog-heading p{margin:5px 0 0;color:#6c7886;font-size:12px;line-height:1.6}
#quickStock .qs-dialog-heading>button{min-width:36px;min-height:36px;padding:4px;border:0;background:transparent;font-size:22px}
#quickStock .qs-dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:14px;padding-top:12px;border-top:1px solid #dce4ee}
#quickStock .qs-history-list{max-height:65dvh;overflow:auto}
#quickStock .qs-history-event{position:relative;margin-left:5px;padding:12px 8px 12px 20px;border-left:2px solid #d8e6fa}
#quickStock .qs-history-marker{position:absolute;top:19px;left:-5px;width:8px;height:8px;border-radius:50%;background:#1265d8}
#quickStock .qs-history-event-head{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:5px}
#quickStock .qs-history-kind{color:#0a2c5d;font-size:13px;font-weight:700;text-transform:capitalize}
#quickStock .qs-history-event time{color:#4f647b;font-size:11px}
#quickStock .qs-history-event>strong{font-size:12px}
#quickStock .qs-history-event>p{margin:5px 0;font-size:12px;line-height:1.6}
#quickStock .qs-history-note{color:#6c7886}
#quickStock .qs-history-event details{margin-top:6px;padding:0;border:0}
#quickStock .qs-history-event details summary{min-height:24px;color:#1265d8;font-size:11px}
#quickStock .qs-history-event pre{max-height:220px;overflow:auto;padding:10px;border-radius:7px;background:#f4f7fb;font-size:11px;white-space:pre-wrap;overflow-wrap:anywhere}
#quickStock .qs-columns-dialog h3{margin:0}
#quickStock #qsColumnChoices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 12px}
#quickStock .qs-column-choice{display:flex;align-items:center;gap:8px;padding:6px;font-size:12px;color:#172b42}
#quickStock #qsColumnChoices .actions{grid-column:1/-1;display:flex;justify-content:flex-end;gap:8px;margin-top:10px}
#quickStock .qs-part-matches{max-height:60dvh;overflow:auto;margin-top:12px}
#quickStock .qs-part-choice{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid #e8edf4}
#quickStock .qs-part-choice strong{display:block;color:#132e4e;font-size:13px}
#quickStock .qs-part-choice small{display:block;margin-top:3px;color:#6c7886;font-size:11px}
#quickStock .qs-part-actions{display:flex;gap:5px;flex-wrap:wrap}
#quickStock .qs-part-actions button{min-height:32px;padding:5px 8px;font-size:11px}
@media(max-width:1000px){#quickStock #qsFacetFields{grid-template-columns:repeat(3,minmax(0,1fr))}#quickStock .qs-sort-note{flex-basis:100%}#quickStock .qs-admin-dashboard{margin-inline:16px}#quickStock .qs-dashboard-lower{align-items:flex-start}#quickStock .qs-compare-controls{flex:1}}
@media(max-width:800px){#quickStock .qs-dashboard-lower{display:grid;grid-template-columns:1fr;gap:8px}#quickStock .qs-compare-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}#quickStock .qs-compare-controls label{display:grid;grid-template-columns:minmax(0,1fr);gap:4px}#quickStock .qs-compare-controls select{min-width:0;max-width:none;width:100%}#quickStock .qs-desktop-table{display:none}#quickStock .qs-mobile-cards{display:block;padding:0 12px 8px}}
@media(max-width:640px){#quickStock .qs-main-toolbar{padding:16px 16px 10px;gap:7px}#quickStock .qs-search{flex-basis:100%;min-width:0}#quickStock .qs-search input{min-width:100px}#quickStock .qs-main-actions{width:100%;justify-content:flex-start;gap:6px}#quickStock .qs-main-actions button{min-height:36px;padding:7px 10px;font-size:12px}#quickStock .qs-master-tools{justify-content:flex-start;padding:0 16px 12px}#quickStock .qs-master-tools button,#quickStock .qs-template{min-height:36px;padding:7px 10px;font-size:12px}#quickStock .qs-filter-panel{padding:14px 16px}#quickStock #qsFacetFields{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}#quickStock .qs-filter-control select{font-size:11px}#quickStock .qs-filter-actions{justify-content:flex-start;flex-wrap:wrap}#quickStock .qs-view-tools{gap:8px;padding:0 16px 14px}#quickStock .qs-view-tools label{flex:1;min-width:145px;justify-content:space-between}#quickStock .qs-view-tools select{min-width:0;max-width:170px}#quickStock .qs-sort-note{flex-basis:100%}#quickStock .qs-admin-dashboard{margin:0 12px 14px}#quickStock .qs-admin-dashboard>summary{gap:8px;padding:10px 12px}#quickStock .qs-admin-dashboard>summary span{flex-basis:100%;margin-left:22px}#quickStock #qsDashboardContent{padding:0 12px 12px}#quickStock .qs-stats{grid-template-columns:1fr;gap:8px}#quickStock .qs-stat{padding:10px 12px}#quickStock .qs-stat strong{font-size:20px}#quickStock .qs-compare-controls{grid-template-columns:1fr}#quickStock .qs-compare-controls label{grid-template-columns:minmax(0,1fr)}#quickStock .qs-results-head{padding:0 16px 10px}#quickStock .qs-filter-state{padding:0 16px 10px}#quickStock .qs-desktop-table{display:none}#quickStock .qs-mobile-cards{display:block;padding:0 0 4px}#quickStock .qs-pagination{padding:12px 16px}#quickStock .qs-row-actions>button{min-height:33px}#quickStock .qs-stock-card{padding:14px}#quickStock .qs-card-bottom{align-items:flex-start;flex-direction:column}#quickStock .qs-dialog .panel{padding:16px}#quickStock #qsFacetFields{grid-template-columns:1fr}#quickStock .qs-filter-control select{min-height:80px}#quickStock #qsColumnChoices{grid-template-columns:1fr}#quickStock .qs-part-choice{align-items:flex-start;flex-direction:column}#quickStock .qs-part-actions{width:100%}#quickStock .qs-part-actions button{flex:1}#quickStock .qs-history-event-head{align-items:flex-start;flex-direction:column}}

/* Approved demo details: catalogue intro, product identity, stock emphasis and compact controls. */
#quickStock .qs-view-tools{gap:12px}
#quickStock .qs-view-tools label{white-space:nowrap;flex-wrap:nowrap;gap:7px}
#quickStock .qs-stock-intro{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:0 20px 14px}
#quickStock .qs-stock-intro h1{margin:0;color:#172b42;font-size:20px;line-height:1.3;font-weight:650}
#quickStock .qs-stock-intro p{margin:5px 0 0;color:#6c7886;font-size:12px;line-height:1.6}
#quickStock .qs-stock-count{color:#6c7886;font-size:12px;white-space:nowrap}
#quickStock .qs-product-cell{width:245px;min-width:245px}
#quickStock .qs-product-title{display:flex;align-items:flex-start;gap:10px;white-space:normal}
#quickStock .qs-product-title>div{min-width:0}
#quickStock .qs-product-title strong{color:#172b42;font-size:14px;font-weight:700}
#quickStock .qs-product-meta{margin-top:4px;color:#6c7886;font-size:12px;line-height:1.4;white-space:nowrap}
#quickStock .qs-description-cell{min-width:220px;max-width:380px;white-space:normal;line-height:1.55}
#quickStock .qs-stock-number{color:#172b42;font-size:20px;font-weight:750;line-height:1}
#quickStock .qs-quantity-cell small{display:inline;color:#6c7886;font-size:11px}
#quickStock .table-scroll td{padding:16px}
#quickStock .table-scroll th{padding:13px 16px}
#quickStock .qs-group-row th{padding:7px 14px}
#quickStock .qs-row-actions>button{padding:6px 10px;font-size:12px;min-height:33px}
#quickStock .qs-condition-badge{padding:4px 8px;border-radius:5px;font-size:11px}
#quickStock .qs-dialog .qs-toolbar{min-height:44px;margin:0 0 14px;padding-bottom:12px;border-bottom:1px solid #dce4ee}
#quickStock .qs-dialog .qs-toolbar h3{color:#0a2c5d;font-size:19px}
#quickStock .qs-settings-tabs{gap:8px;margin:10px 0 16px}
#quickStock .qs-settings-tabs button{min-height:36px;padding:7px 11px;font-size:12px}
#quickStock #qsSettingBody{padding:14px;border:1px solid #dce4ee;border-radius:8px;background:#f8faff}
#quickStock .qs-setting-checks{padding-top:4px}
@media(max-width:1000px){#quickStock .qs-view-tools{gap:10px}#quickStock .qs-view-tools label{flex:0 0 auto}}
@media(max-width:800px){#quickStock .qs-stock-intro{padding-inline:16px}#quickStock .qs-product-cell{min-width:0}}
@media(max-width:640px){#quickStock .qs-view-tools{align-items:flex-start;gap:8px}#quickStock .qs-view-tools label{flex:1 1 100%;justify-content:flex-start;gap:8px}#quickStock .qs-view-tools label select{flex:1;max-width:none}#quickStock .qs-stock-intro{align-items:flex-start;padding:0 16px 12px}#quickStock .qs-stock-intro h1{font-size:17px}#quickStock .qs-stock-intro p{font-size:11px}#quickStock .qs-stock-count{padding-top:3px}#quickStock .qs-results-head{padding-inline:16px}#quickStock .qs-dialog .qs-toolbar{align-items:center}}

#quickStock .qs-dialog .field{gap:6px;color:#52677e;font-size:12px}
#quickStock .qs-dialog .qs-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
#quickStock .qs-dialog .qs-product-extra>.qs-form-grid{gap:16px}
@media(max-width:640px){#quickStock .qs-dialog .qs-form-grid{grid-template-columns:minmax(0,1fr)}}
#quickStock .qs-dialog:has(.qs-master-settings){width:min(900px,calc(100vw - 32px))}
#quickStock .qs-master-settings{max-height:90dvh;overflow:auto}
#quickStock .qs-master-settings>.qs-dialog-heading{position:sticky;top:-20px;z-index:2;padding:4px 0 12px;background:#fff;border-bottom:1px solid #dce4ee}
#quickStock .qs-master-setting-sections{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px}
#quickStock .qs-master-setting-section{min-width:0;padding:12px;border:1px solid #dce4ee;border-radius:9px;background:#f8faff}
#quickStock .qs-master-setting-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}
#quickStock .qs-master-setting-heading h4,#quickStock .qs-master-setting-form h4{margin:0;color:#0a2c5d;font-size:14px}
#quickStock .qs-master-setting-heading button{min-height:32px;padding:5px 9px;font-size:11px;white-space:nowrap}
#quickStock .qs-settings-list{display:grid;gap:6px;margin:0}
#quickStock .qs-master-option{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 9px;border-radius:7px;background:#fff}
#quickStock .qs-master-option strong{display:block;color:#172b42;font-size:12px}
#quickStock .qs-master-option small{display:block;margin-top:3px;color:#6c7886;font-size:10px}
#quickStock .qs-master-option button{min-height:28px;padding:4px 8px;font-size:11px}
#quickStock .qs-master-setting-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px;padding:14px;border:1px solid #dce4ee;border-radius:9px;background:#fff}
#quickStock .qs-master-setting-form-head{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center}
#quickStock .qs-master-setting-form-head button{min-height:32px;border:0;background:transparent;font-size:20px}
#quickStock .qs-master-setting-form .actions{grid-column:1/-1;display:flex;justify-content:flex-end;gap:8px}
@media(max-width:640px){#quickStock .qs-master-setting-sections,#quickStock .qs-master-setting-form{grid-template-columns:minmax(0,1fr)}#quickStock .qs-master-setting-form-head,#quickStock .qs-master-setting-form .actions{grid-column:1}}

/* Product identity display: model heading with readable secondary part number. */
#quickStock .qs-product-part{display:block;margin-top:4px;color:#334155;font-size:13px;font-weight:500;line-height:1.45;white-space:normal;overflow-wrap:anywhere}
#quickStock .qs-filter-control[hidden]{display:none!important}

#quickStock .qs-locations summary{cursor:pointer;color:#1265d8;font-weight:600;white-space:nowrap}
#quickStock .qs-locations ul{list-style:none;padding:6px 0;margin:0;min-width:0}
#quickStock .qs-locations li{display:flex;justify-content:space-between;gap:12px;padding:4px 0;white-space:normal}
#quickStock .qs-locations li span{flex:1;min-width:0;overflow-wrap:break-word}
#quickStock .qs-locations li strong{flex:0 0 auto;white-space:nowrap;overflow-wrap:normal}
#quickStock .qs-desktop-table table{table-layout:auto}
@media(min-width:801px){#quickStock .qs-desktop-table td:has(.qs-locations){min-width:280px}}

/* Group column choices while retaining Scotty's responsive blue/white controls. */
#quickStock #qsColumnChoices{display:flex;flex-direction:column;gap:14px}
#quickStock .qs-column-group{min-width:0;margin:0;padding:12px 0;border:0;border-bottom:1px solid #dce4ee}
#quickStock .qs-column-group legend{font-weight:700;color:#0a2c5d;padding:0}
#quickStock .qs-column-group>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 20px}
#quickStock .qs-column-choice{align-items:flex-start;min-width:0}
#quickStock .qs-column-choice span{min-width:0;overflow-wrap:break-word}
#quickStock .qs-column-choice small{display:block;margin-top:3px;color:#6c7886;font-size:11px;font-weight:400}
@media(max-width:640px){#quickStock .qs-column-group>div{grid-template-columns:1fr}}

/* Saved stock history follows the existing modal, palette and mobile flow. */
.qs-history-policy{font-size:.85rem;color:var(--muted,#64748b);line-height:1.6;margin:12px 0}
.qs-snapshot-list,.qs-delete-records{max-height:40vh;overflow:auto;margin:16px 0}
.qs-snapshot-list label{display:flex;align-items:center;gap:12px;padding:12px 6px;border-bottom:1px solid #e2e8f0}
.qs-snapshot-list input[type=checkbox]{width:18px;height:18px;flex:0 0 18px}
.qs-history-dialog .actions{flex-wrap:wrap}
#qsConfirmHistoryDelete label{display:grid;gap:10px}
#qsHistoryDeleteError{color:#b91c1c;margin:10px 0}
.qs-compare-controls label{min-width:0;flex:1 1 240px}
.qs-compare-controls select{width:100%;max-width:100%}