/* One shared part heading, followed by independently editable inventory lines. */ .stock-visibility-tag { display:inline-flex; align-items:center; justify-content:center; gap:6px; width:max-content; min-width:0; min-height:24px; margin:0; padding:3px 7px; border:1px solid var(--line-strong); border-radius:8px; background:var(--surface); color:var(--ink); box-shadow:none; font-size:11px; font-weight:650; line-height:1.25; white-space:nowrap; } @media (hover:hover) and (pointer:fine) { .stock-visibility-tag:hover { background:var(--surface); color:var(--ink); border-color:var(--line-strong); transform:none; } } .stock-visibility-tag svg { display:block; flex:none; width:16px; height:16px; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; } #panel-stock .stock-sort-controls { display:flex; align-items:center; gap:7px; min-width:0; margin-inline-start:auto; } #panel-stock .stock-sort-controls > label { white-space:nowrap; } #panel-stock .stock-sort-controls select { width:auto; min-width:0; } #stockTable { width:100%; min-width:660px; border-collapse:separate; border-spacing:0; } #stockTable .stock-part-heading > td { padding:10px 12px 6px; border:0; border-top:10px solid var(--bg); border-radius:16px 16px 0 0; background:var(--surface); } #stockTable .stock-part-heading-content { display:flex; align-items:flex-start; justify-content:space-between; gap:14px; min-width:0; } #stockTable .stock-part-copy { display:grid; gap:3px; min-width:0; } #stockTable button.stock-part-copy { width:100%; margin:0; padding:0; border:0; border-radius:4px; background:transparent; color:inherit; box-shadow:none; text-align:left; white-space:normal; } #stockTable button.stock-part-copy:focus-visible,#stockTable tr[data-stock-editable]:focus-visible { outline:2px solid var(--primary); outline-offset:2px; } #stockTable tr[data-stock-editable] { cursor:pointer; } #stockTable .stock-part-copy .pn { color:var(--ink); font-family:inherit; font-size:16px; font-weight:800; line-height:1.2; white-space:normal; overflow-wrap:anywhere; } #stockTable .stock-part-description { color:var(--ink-2); font-size:12px; font-weight:400; line-height:1.3; overflow-wrap:anywhere; } #stockTable .stock-part-total { flex:none; padding:5px 9px; border-radius:8px; background:var(--primary-soft); color:var(--primary); font-size:12px; font-weight:750; font-variant-numeric:tabular-nums; white-space:nowrap; } #stockTable .stock-needed { display:block; margin-top:6px; color:var(--primary); font-size:12px; font-weight:700; line-height:1.4; white-space:normal; } #stockTable .stock-needed span { color:var(--ink-2); font-weight:400; } #stockTable .stock-variant-row > td { padding:7px 10px; border:0; border-bottom:1px solid var(--line); background:var(--surface); vertical-align:middle; } #stockTable .stock-variant-row > td:first-child { border-left:1px solid var(--line); } #stockTable .stock-variant-row > td:last-child { border-right:1px solid var(--line); } #stockTable .stock-variant-last > td:first-child { border-radius:0 0 0 14px; } #stockTable .stock-variant-last > td:last-child { border-radius:0 0 14px 0; } #stockTable .stock-variant-row:has(.stock-mass-select:checked) > td { background:color-mix(in srgb,var(--primary) 7%,var(--surface)); } #stockTable .stock-select-col { width:44px; } #stockTable .stock-select-col input { width:20px; height:20px; margin:0; accent-color:var(--primary); } body[data-theme="agilent-web-dark"] #stockTable .stock-select-col input { color-scheme:dark; } #stockTable .stock-variant-status { display:flex; align-items:center; flex-wrap:wrap; gap:6px; } #stockTable .stock-variant-status .disp { display:inline-flex; align-items:center; width:auto; min-width:0; min-height:24px; margin:0; padding:4px 7px; border-radius:6px; font-size:11px; font-weight:700; line-height:1.25; white-space:normal; } #stockTable .stock-variant-status button { cursor:pointer; } #stockTable .stock-variant-status button:focus-visible { outline:2px solid var(--primary); outline-offset:2px; } #stockTable .stock-variant-facts { display:flex; align-items:center; flex-wrap:wrap; gap:5px 8px; margin-top:6px; color:var(--ink-2); font-size:12px; line-height:1.4; overflow-wrap:anywhere; } #stockTable .stock-variant-facts .badge { margin:0; padding:3px 6px; font-size:11px; white-space:normal; } #stockTable .stock-variant-description { flex-basis:100%; } #stockTable .stock-qty-col { width:64px; text-align:center; font-variant-numeric:tabular-nums; } #stockTable .stock-qty-static { display:inline-flex; align-items:center; justify-content:center; gap:5px; color:var(--primary); font-size:16px; } #stockTable .stock-qty-label { color:var(--ink-2); font-size:11px; font-weight:650; line-height:1; } #stockTable .stock-qty-trigger { display:inline-flex; align-items:center; justify-content:center; gap:5px; min-width:54px; min-height:36px; padding:4px 6px; border:1px solid var(--line); border-radius:8px; background:var(--primary-soft); color:var(--primary); box-shadow:none; font-size:15px; font-variant-numeric:tabular-nums; } #stockTable .stock-qty-trigger svg { display:block; width:12px; height:20px; flex:none; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; } #stockTable .stock-qty-trigger:focus-visible { border-color:var(--primary); transform:none; } @media (hover:hover) and (pointer:fine) { #stockTable .stock-qty-trigger:hover { border-color:var(--primary); transform:none; } } #stockTable .stock-actions-col { white-space:nowrap; text-align:right; } #stockTable .stock-actions-col > button { display:inline-flex; align-items:center; justify-content:center; gap:5px; min-height:36px; margin:0 0 0 5px; padding:5px 8px; border:1px solid var(--line-strong); border-radius:10px; box-shadow:none; font-size:12px; line-height:1.25; } #stockTable .stock-actions-col > button:first-child { margin-left:0; } #stockTable .stock-actions-col svg { display:block; width:17px; height:17px; flex:none; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; } #stockTable .stock-actions-col .stock-reserve-trigger { background:var(--primary-soft); color:var(--primary); } #stockTable.stock-notes-hidden .stock-notes-col, #stockTable.stock-location-hidden .stock-location-col, #stockTable.stock-serial-hidden .stock-serial-col, #stockTable.stock-lot-hidden .stock-lot-col, #stockTable.stock-expiration-hidden .stock-expiration-col, #stockTable.stock-replenishment-hidden .stock-replenishment-col { display:none; } @media (max-width:900px) { #panel-stock #stockSelectAllBtn:not([hidden]) { display:inline-flex; } #panel-stock .table-wrap { background:transparent; } #stockTable.operational-list { display:block; width:100%; min-width:0; max-width:100%; table-layout:fixed; background:transparent; } #stockTable thead { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; } #stockTable tbody { display:block; width:100%; min-width:0; padding:8px 5px 16px; } #stockTable .stock-part-heading { display:block; width:100%; margin-top:10px; } #stockTable .stock-part-heading:first-child { margin-top:0; } #stockTable .stock-part-heading > td { display:block; padding:8px 10px 3px; border:1px solid var(--line); border-bottom:0; } #stockTable .stock-part-heading-content { gap:10px; } #stockTable .stock-part-copy { gap:2px; } #stockTable .stock-part-description { font-size:11px; } #stockTable .stock-part-total { padding:5px 7px; font-size:11px; } #stockTable .stock-variant-row { display:grid; grid-template-columns:22px minmax(0,1fr) auto auto; grid-template-areas:"select identity qty actions"; gap:4px 6px; width:100%; min-width:0; margin:0; padding:6px 10px; border:1px solid var(--line); border-top:0; border-radius:0; background:var(--surface); box-shadow:none; } #stockTable .stock-variant-row:has(.stock-mass-select:checked) { background:color-mix(in srgb,var(--primary) 7%,var(--surface)); } #stockTable .stock-variant-last { border-radius:0 0 14px 14px; } #stockTable .stock-variant-row > td { display:block; min-width:0; max-width:100%; padding:0; border:0; background:transparent; text-align:left; overflow-wrap:anywhere; } #stockTable .stock-variant-row > td:first-child, #stockTable .stock-variant-row > td:last-child { border:0; } #stockTable .stock-variant-row > td::before { content:attr(data-label); display:inline; margin-right:6px; color:var(--muted); font-size:10px; font-weight:650; } #stockTable .stock-variant-row .stock-select-col { grid-area:select; width:auto; padding-top:3px; } #stockTable .stock-variant-row .stock-disposition-col { grid-area:identity; } #stockTable .stock-variant-row .stock-qty-col { grid-area:qty; justify-self:end; align-self:start; width:auto; } #stockTable .stock-variant-row .stock-actions-col { grid-area:actions; align-self:start; display:flex; align-items:center; justify-content:flex-end; flex-wrap:wrap; gap:6px; width:auto; margin:0; } #stockTable .stock-select-col::before, #stockTable .stock-disposition-col::before, #stockTable .stock-qty-col::before, #stockTable .stock-actions-col::before { display:none !important; } #stockTable .stock-variant-status .disp { min-height:24px; padding:4px 6px; font-size:11px; } #stockTable .stock-variant-facts { margin-top:4px; gap:3px 6px; font-size:11px; } #stockTable .stock-variant-facts .badge { font-size:10px; } #stockTable .stock-variant-row .stock-location-col, #stockTable .stock-variant-row .stock-notes-col, #stockTable .stock-variant-row .stock-serial-col, #stockTable .stock-variant-row .stock-lot-col, #stockTable .stock-variant-row .stock-expiration-col, #stockTable .stock-variant-row .stock-replenishment-col { grid-column:2 / -1; font-size:12px; line-height:1.4; } #stockTable .stock-qty-trigger { min-height:32px; padding:4px; } #stockTable .stock-actions-col > button { flex:none; min-height:32px; height:32px; margin:0; padding:4px 6px; font-size:11px; } #stockTable .stock-actions-col svg { width:15px; height:15px; } #stockTable .stock-actions-col .stock-reserve-trigger { min-width:84px; } #stockTable .stock-variant-row .stock-actions-col:empty { display:none; } #stockTable .empty-row { display:block; width:100%; padding:24px 12px; text-align:center; } #stockTable .empty-row > td { display:block; padding:0; border:0; white-space:normal; } #stockTable.stock-notes-hidden .stock-notes-col, #stockTable.stock-location-hidden .stock-location-col, #stockTable.stock-serial-hidden .stock-serial-col, #stockTable.stock-lot-hidden .stock-lot-col, #stockTable.stock-expiration-hidden .stock-expiration-col, #stockTable.stock-replenishment-hidden .stock-replenishment-col { display:none; } } /* Keep the condition and visibility tags legible when the viewport cannot accommodate them beside both compact actions. */ @media (max-width:360px) { #stockTable .stock-variant-row { grid-template-columns:22px minmax(0,1fr) auto; grid-template-areas:"select identity qty" ". identity actions"; } } /* A sibling of the masthead, outside the scrolling canvas, like the dashboard editor bar. Native dropdowns and existing dialogs keep their own controls. */ .stock-selection-bar { position:sticky; top:var(--stock-toolbar-top,0px); z-index:99; flex:none; width:100%; margin:0; padding:5px max(6px,env(safe-area-inset-right)) 5px max(6px,env(safe-area-inset-left)); background:#005783; color:white; } .stock-selection-bar[hidden] { display:none; } .stock-selection-actions { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(0,1.15fr) minmax(0,1fr) minmax(0,.95fr) minmax(0,.75fr); gap:3px; } .stock-bulk-action { position:relative; min-width:0; } .stock-bulk-action > summary,.stock-selection-actions > button { display:flex; flex-direction:column; gap:4px; align-items:center; justify-content:center; min-height:50px; padding:5px 2px; border:0; border-radius:9px; background:transparent; color:white; font-size:clamp(12px,3.2vw,13px); font-weight:500; line-height:1.2; white-space:normal; text-align:center; list-style:none; cursor:pointer; box-shadow:none; } .stock-bulk-action > summary::-webkit-details-marker { display:none; } .stock-selection-actions svg { width:20px; height:20px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; flex:none; } .stock-selection-actions #massDeleteBtn svg { color:#ffc2af; } .stock-bulk-action[open] > summary { background:#ffffff25; } @media (hover:hover) and (pointer:fine) { .stock-selection-actions > button:hover { background:#ffffff25; } } .stock-bulk-menu { position:absolute; z-index:2; left:0; top:calc(100% + 4px); width:min(260px,calc(100vw - 24px)); max-height:min(45dvh,290px); overflow:auto; overscroll-behavior:contain; padding:6px 12px; border:1px solid var(--line); border-radius:13px; background:var(--surface); color:var(--ink); box-shadow:0 6px 18px #00273b30; box-sizing:border-box; } .stock-bulk-action:nth-child(2) .stock-bulk-menu { width:min(240px,calc(100vw - 100px)); } .stock-bulk-end .stock-bulk-menu { left:auto; right:0; width:190px; } .stock-bulk-menu-title { margin:0; padding:8px 4px 5px; color:var(--muted); font-size:12px; font-weight:600; line-height:1.4; } .stock-bulk-menu button { display:flex; align-items:center; gap:8px; width:100%; min-height:48px; padding:10px 4px; border:0; border-radius:0; background:transparent; color:inherit; text-align:left; font-size:15px; font-weight:500; line-height:1.35; white-space:normal; overflow-wrap:anywhere; box-shadow:none; } .stock-bulk-menu button + button { border-top:1px solid var(--line); } .stock-bulk-menu button[data-bulk-space]::after,.stock-bulk-menu button[data-bulk-location]::after { content:"›"; margin-left:auto; padding-left:8px; color:var(--primary); font-size:22px; line-height:1; } @media (hover:hover) and (pointer:fine) { .stock-bulk-menu button:hover { background:var(--surface-2); } } .stock-selection-bar :is(button,summary):focus-visible { outline:2px solid currentColor; outline-offset:-2px; } @media(max-width:900px) { #panel-stock #stockColumnPicker { display:none; } #panel-stock > .panel > .toolbar { display:flex; flex-wrap:wrap; align-items:center; gap:8px; min-width:0; max-width:100%; } #panel-stock #stockFilter { flex:1 1 180px; width:0; min-width:110px; max-width:none; } #panel-stock > .panel > .toolbar > .spacer { display:none; } #panel-stock .stock-sort-controls { flex:1 1 160px; justify-content:flex-end; max-width:100%; } #panel-stock .stock-sort-controls select { max-width:150px; flex:1; } #panel-stock #stockMatchedBadge { max-width:100%; white-space:normal; } } @media(prefers-reduced-motion:no-preference) { .stock-visibility-tag { transition:opacity 120ms,background-color 120ms; } .stock-visibility-tag[aria-busy="true"] { opacity:.65; } } /* Space settings uses the same content-sized shell as other short tasks. */ #spaceSettingsModal .modal { width:min(520px,100%); } #spaceSettingsModal .modal-body { display:block; padding:8px 16px 14px; } .space-settings-name { display:grid; grid-template-columns:56px minmax(0,1fr); align-items:center; gap:12px; padding:12px 0; border-bottom:1px solid var(--line); font-size:14px; } .space-settings-name button { display:flex; align-items:center; justify-content:space-between; gap:10px; min-width:0; min-height:44px; padding:8px 10px; background:var(--surface); border:1px solid var(--line); color:var(--ink); text-align:left; } .space-settings-name strong { min-width:0; white-space:normal; overflow-wrap:anywhere; font-weight:600; } .space-settings-name button > svg { flex:none; } .space-settings-name button:disabled { opacity:1; border-color:transparent; background:transparent; } .space-settings-name button:disabled svg { display:none; } .space-settings-row { position:relative; border-bottom:1px solid var(--line); } .space-settings-row:not(:has(button:not([hidden]))) { display:none; } .space-settings-row:last-child { border-bottom:0; } .space-settings-row > svg,.space-settings-fixed > svg { position:absolute; left:3px; top:50%; transform:translateY(-50%); width:22px; height:22px; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linejoin:round; stroke-linecap:round; pointer-events:none; } .space-settings-row > button { position:relative; display:block; width:100%; min-height:54px; padding:14px 22px 14px 38px; border:0; border-radius:0; background:transparent; color:var(--ink); text-align:left; font-size:14px; font-weight:550; white-space:normal; } .space-settings-row > button::after { content:'›'; position:absolute; right:4px; top:50%; transform:translateY(-50%); color:var(--muted); font-size:22px; } @media (hover:hover) and (pointer:fine) { .space-settings-row > button:hover { background:var(--surface-2); } } .space-settings-row.space-settings-danger,.space-settings-row.space-settings-danger > button { color:var(--danger); } .space-settings-fixed { position:relative; display:flex; align-items:center; gap:12px; min-height:54px; padding:12px 0 12px 38px; box-sizing:border-box; border-bottom:1px solid var(--line); font-size:14px; } .space-settings-fixed small { margin-left:auto; color:var(--muted); font-size:13px; } /* Stock-space overview and compact inventory list. */ #panel-stock > .stock-space-header { min-height:0; gap:18px; overflow:visible; padding-top:8px; } #panel-stock > .stock-space-header { --workspace-hero-height:340px; } #panel-stock > .stock-space-header::before, #panel-stock > .stock-space-header::after { inset:calc(-1 * var(--workspace-back-clearance)) -18px auto; height:calc(var(--workspace-hero-height) + 20px); } #panel-stock > .stock-space-header::before { opacity:1; background-size:auto 100%; background-position:right bottom; } #panel-stock > .stock-space-header::after { background:linear-gradient(0deg,var(--bg),transparent 14%),linear-gradient(90deg,var(--bg),transparent 55%); } #panel-stock .stock-space-identity { min-height:126px; } #panel-stock .stock-space-identity > h1::after { content:""; display:block; width:50px; height:3px; margin-top:7px; border-radius:2px; background:var(--primary); } #panel-stock .stock-space-title { margin:8px 0 0; font-size:17px; line-height:1.3; font-weight:650; } #panel-stock .stock-space-owner { display:grid; justify-items:start; gap:3px; margin-top:12px; } #panel-stock .stock-manager-pill { padding:2px 0; gap:8px; border:0; background:transparent; font-size:13px; } #panel-stock .stock-manager-pill-label { min-width:62px; } #panel-stock .stock-manager-pill svg { width:18px; height:18px; flex:none; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; } .stock-space-metrics { display:flex; flex-wrap:wrap; width:100%; align-items:stretch; gap:0; } .stock-summary-item { display:flex; flex:1 1 110px; align-items:center; gap:10px; min-width:0; min-height:44px; padding:8px 12px; border:0; border:0; border-radius:0; background:transparent; color:var(--ink); text-align:left; box-shadow:none; } .stock-summary-item:not([hidden]) ~ .stock-summary-item:not([hidden]) { border-left:1px solid var(--line-strong); } button.stock-summary-item[aria-pressed="true"] { background:var(--primary-soft); color:var(--ink); transform:none; } @media (hover:hover) and (pointer:fine) { button.stock-summary-item:hover { background:var(--primary-soft); color:var(--ink); transform:none; } } .stock-summary-item > span:last-child { display:grid; gap:2px; min-width:0; } .stock-summary-item strong { font-size:18px; line-height:1.15; font-variant-numeric:tabular-nums; } .stock-summary-item small { color:var(--ink-2); font-size:12px; line-height:1.2; } .stock-summary-icon { display:block; flex:none; width:25px; height:25px; color:var(--primary); fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; } .stock-summary-attention .stock-summary-icon,.stock-summary-expired .stock-summary-icon,.stock-summary-expiring .stock-summary-icon { color:#c87a08; } .stock-summary-writeoff .stock-summary-icon { color:#178a63; } .stock-summary-writeoff > span:last-child { position:relative; isolation:isolate; } .stock-summary-writeoff > span:last-child::before { content:''; position:absolute; z-index:-1; inset:-12px -20px; pointer-events:none; background:radial-gradient(ellipse,rgba(245,250,253,.94) 0%,rgba(245,250,253,.75) 42%,transparent 75%); } [data-theme="agilent-web-dark"] .stock-summary-writeoff > span:last-child::before { background:radial-gradient(ellipse,rgba(7,23,34,.94) 0%,rgba(7,23,34,.76) 42%,transparent 75%); } #panel-stock .stock-space-actions { flex-wrap:nowrap; width:100%; } #panel-stock .stock-space-actions > #openScanBtn { flex:1 1 34%; } #panel-stock .stock-space-actions > #cycleCountBtn { flex:1 1 34%; } #panel-stock > .panel { border:0; background:var(--surface); box-shadow:none; } #stockTable .stock-mobile-identity { display:none; } #stockTable .stock-qty-trigger strong,#stockTable .stock-qty-static strong { font-size:14px; font-weight:650; } @media(max-width:900px) { #panel-stock > .stock-space-header::before,#panel-stock > .stock-space-header::after { left:-12px; right:-12px; } #panel-stock > .panel > .toolbar { display:grid; grid-template-columns:minmax(0,1fr) minmax(55px,auto) 44px 54px; gap:8px; padding:8px 0; background:transparent; border:0; } #panel-stock #stockFilter { grid-column:1 / 3; width:100%; min-width:0; max-width:none; } #panel-stock #stockAdvancedFilterBtn { grid-column:3; width:44px; min-width:44px; min-height:44px; padding:8px; } #panel-stock #stockAdvancedFilterBtn span { display:none; } #panel-stock .stock-sort-controls { display:contents; } #panel-stock #stockSortDirectionBtn { grid-column:4; grid-row:1; width:44px; min-height:44px; padding:6px; border:1px solid var(--line-strong); background:var(--surface); } #panel-stock #stockSelectAllBtn { grid-column:1; grid-row:2; justify-self:start; border:0; background:transparent; box-shadow:none; padding-left:0; } #panel-stock #stockSortSelect { grid-column:2 / 4; grid-row:2; justify-self:end; max-width:100%; } #panel-stock #stockCountBadge { grid-column:4; grid-row:2; justify-self:end; background:transparent; color:var(--ink-2); } #panel-stock .table-wrap { background:var(--bg); } #stockTable tbody { padding:4px 0 16px; } #stockTable .stock-part-heading { margin:0; } #stockTable .stock-part-heading > td { padding:12px 12px 4px 40px; border:0; border-radius:0; background:transparent; } #stockTable .stock-part-heading:has(+ .stock-single-variant) { display:none; } #stockTable .stock-single-variant .stock-mobile-identity { display:grid; width:100%; gap:3px; padding:0; border:0; border-radius:4px; background:transparent; color:var(--ink); box-shadow:none; text-align:left; white-space:normal; } #stockTable .stock-mobile-identity .pn { color:var(--ink); font-size:16px; line-height:1.2; overflow-wrap:anywhere; } #stockTable .stock-mobile-identity span { color:var(--ink-2); font-size:12px; line-height:1.3; overflow-wrap:anywhere; } #stockTable .stock-variant-row { grid-template-columns:22px minmax(0,1fr) auto; grid-template-areas:"select identity qty" "select identity actions"; align-items:start; gap:6px; padding:12px 3px; border:0; border-bottom:1px solid var(--line); border-radius:0; background:transparent; } #stockTable .stock-variant-row { margin:0 0 6px; padding:12px 10px; border:1px solid var(--line); border-radius:12px; background:var(--surface); } #stockTable .stock-variant-row:last-child { border-bottom:1px solid var(--line); } #stockTable .stock-variant-row .stock-select-col { padding-top:4px; } #stockTable .stock-variant-status { margin-top:5px; } #stockTable .stock-variant-row .stock-qty-col { align-self:end; justify-self:end; } #stockTable .stock-variant-row .stock-actions-col { align-self:start; justify-self:end; width:auto; } #stockTable .stock-qty-trigger { min-height:32px; padding:4px 7px; } #stockTable .stock-actions-col .stock-reserve-trigger { min-height:30px; padding:4px 8px; border-color:var(--line-strong); background:var(--surface); color:var(--primary); font-size:11px; } #stockTable .stock-reserve-trigger svg { display:none; } #panel-stock #stockFilter { font-size:16px !important; } #panel-stock #stockAdvancedFilterBtn, #panel-stock #stockSortDirectionBtn { height:32px; min-height:32px; align-self:center; } #panel-stock #stockSortSelect { width:auto; padding-right:24px; } #panel-stock #stockCountBadge { align-self:center; min-height:0; padding-block:0; } } @media(max-width:360px) { #stockTable .stock-variant-row { grid-template-columns:20px minmax(0,1fr) auto; grid-template-areas:"select identity qty" "select identity actions"; } .stock-summary-item { flex-basis:95px; padding:7px 6px; } } #panel-stock .stock-summary-item:focus-visible { outline:2px solid var(--primary); outline-offset:2px; } @media (orientation:landscape) and (max-width:900px) { #panel-stock #stockAdvancedFilterBtn, #panel-stock #stockSortDirectionBtn { height:42px; min-height:42px; } } /* Top-layer menus retain viewport positioning next to their trigger. */ @media (max-width:900px) { #panel-stock > .stock-space-header { --workspace-hero-height:clamp(230px,58vw,340px); } } @media (max-height:500px) and (orientation:landscape) { #panel-stock > .stock-space-header { --workspace-hero-height:270px; } } @media (min-width:769px) { body:has(#massMoveBar:not([hidden])) header #universalBackBtn { display:none; } } body:has(#massMoveBar:not([hidden])) main { padding-top:18px; }