#inventorySection { color: #243239; overflow: visible; }
#inventorySection .ofd-product-mapping { --ofd-line: #dce2e5; --ofd-muted: #59666d; --ofd-ink: #1f292e; }
#inventorySection [hidden] { display: none !important; }
#inventorySection small { display: block; font-size: 12px; line-height: 1.5; font-weight: 400; color: #61727a; }
#inventorySection label { display: grid; gap: 6px; min-width: 0; font-size: 14px; }
#inventorySection input:not([type=checkbox]), #inventorySection select, #inventorySection textarea { width: 100%; min-width: 0; min-height: 44px; border: 1px solid #bdcdd3; border-radius: 5px; padding: 9px 11px; background: #fff; color: #243239; font-size: 16px; }
.stock-scope { display: grid; grid-template-columns: minmax(200px, 1fr) minmax(250px, 310px); gap: 16px; max-width: 860px; }
.stock-date { display: flex; align-items: flex-end; gap: 12px; }
.stock-date label { flex: 1; }
.stock-saved-heading { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 18px; margin-top: 14px; padding-bottom: 12px; border-bottom: 1px solid #d3dfe4; }
.stock-saved-summary { display: grid; gap: 2px; font-size: 13px; color: #536b73; }
.stock-saved-summary .stock-link { min-height: 32px; font-size: inherit; padding: 0 3px; }
.stock-acceptance-actions { display: flex; gap: 8px 20px; flex-wrap: wrap; margin-top: 4px; }
.stock-icon { display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; flex: 0 0 44px; border: 1px solid #d3dfe4; border-radius: 5px; background: #fff; color: #345965; }
.stock-overview { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin-top: 16px; padding-block: 12px; border-top: 1px solid #d3dfe4; }
.stock-overview > div { min-width: 0; }
.stock-overview span { display: block; font-size: 13px; color: #536b73; }
.stock-overview strong { display: block; font-size: 22px; margin-block: 4px; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.stock-summary { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin: 0 0 12px; padding-bottom: 12px; border-bottom: 1px solid #d3dfe4; }
.stock-summary > div { display: flex; gap: 3px 8px; align-items: baseline; flex-wrap: wrap; }
.stock-summary span { font-size: 13px; color: #61727a; }
.stock-summary strong { font-size: 17px; font-variant-numeric: tabular-nums; }
.stock-acceptance { border-left: 3px solid #b38b3d; background: #fbf7ec; padding: 10px 12px; margin-block: 12px; font-size: 13px; overflow-wrap: anywhere; }
.stock-acceptance.is-accepted { border-color: #32715a; background: #edf6f0; }
.stock-acceptance-heading { display: flex; align-items: baseline; flex-wrap: wrap; gap: 4px 16px; }
.stock-acceptance-heading span { color: #61727a; }
.stock-acceptance p { margin: 5px 0 0; }
.stock-notice { padding: 12px 16px; margin-block: 14px; border-left: 3px solid #3f8295; background: #edf5f8; font-size: 14px; }
.stock-notice.is-error { border-left-color: #b74646; background: #fff0f0; }
.stock-state { margin-block: 12px; font-size: 13px; }
.stock-state summary { cursor: pointer; font-weight: 600; color: #895f15; min-height: 32px; }
.stock-state.is-neutral summary { color: #536b73; font-weight: 400; }
.stock-diagnostic-group { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 0 16px; padding: 8px 0; border-bottom: 1px solid #d6e1e6; }
.stock-diagnostic-heading { display: flex; flex-wrap: wrap; align-items: center; gap: 2px 10px; grid-column: 1; min-width: 0; min-height: 36px; position: relative; padding-right: 42px; }
.stock-diagnostic-heading strong { color: #895f15; font-weight: 600; overflow-wrap: anywhere; }
.stock-diagnostic-heading > span { color: #61727a; }
.stock-diagnostic-heading .stock-help { position: absolute; top: 0; right: 0; }
.stock-diagnostic-products { display: flex; align-items: center; flex-wrap: wrap; gap: 0 8px; grid-column: 1; color: #61727a; min-width: 0; }
.stock-diagnostic-products .stock-link { min-width: 0; max-width: 100%; overflow-wrap: anywhere; font-size: 13px; }
.stock-diagnostic-group > .stock-link { grid-column: 2; grid-row: 1 / span 2; align-self: center; min-height: 44px; }
.stock-calculation-help { display: flex; align-items: center; gap: 6px; color: #61727a; padding-top: 4px; }
.stock-help { display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; flex: 0 0 36px; padding: 0; border: 0; border-radius: 4px; background: transparent; color: #536b73; }
.stock-help:hover { background: #e7eef1; color: #23647a; }
.stock-help svg { width: 18px; height: 18px; }
.stock-row-issue { display: flex; align-items: center; gap: 5px; max-width: 100%; min-height: 32px; padding: 3px 0; border: 0; background: transparent; text-align: left; font-size: 12px; font-weight: 400; }
.stock-row-issue span { min-width: 0; overflow-wrap: anywhere; }
.stock-row-issue svg { flex: 0 0 14px; width: 14px; height: 14px; }
.stock-help-dialog[open] { display: flex; flex-direction: column; }
.stock-help-dialog header { flex: 0 0 auto; }
.stock-help-dialog header > div { min-width: 0; }
.stock-help-dialog header p { margin: 6px 0 0; }
.stock-help-dialog .stock-dialog-body { min-height: 0; overflow-y: auto; overflow-wrap: anywhere; }
.stock-help-issue { border-bottom: 1px solid #d6e1e6; margin-bottom: 8px; }
.stock-help-issue > summary { min-height: 44px; padding: 10px 0; font-weight: 600; color: #895f15; cursor: pointer; }
.stock-help-issue .stock-help-text { margin-top: 4px; }
.stock-help-documents { list-style: none; padding: 0; margin: 4px 0 12px; }
.stock-help-documents li { border: 0; }
.stock-help-documents .stock-link { min-height: 44px; font-size: 14px; }
.stock-help-products > li { padding-block: 6px; }
.stock-help-text { display: grid; gap: 14px; margin: 16px 0; }
.stock-help-text dt { font-size: 12px; color: #61727a; font-weight: 500; margin-bottom: 4px; }
.stock-help-text dd { margin: 0; }
.stock-help-steps { list-style: none; padding: 0; margin: 12px 0 0; display: grid; gap: 10px; }
.stock-help-steps li { display: grid; gap: 2px; }
.stock-help-steps strong { font-size: 13px; font-weight: 600; }
.stock-help-products { list-style: none; padding: 0; margin: 0; }
.stock-help-products > li { border-top: 1px solid #d6e1e6; }
.stock-help-products .stock-link { min-height: 44px; }
.stock-link { display: inline-flex; align-items: center; justify-self: start; gap: 6px; border: 0; padding: 4px 0; min-height: 36px; color: #23647a; background: transparent; text-align: left; }
.stock-link svg { flex: 0 0 18px; }
#inventorySection :is(.stock-explanation, [data-stock-quantity]) { scroll-margin-block: calc(var(--ops-mobile-bar-height, 66px) + 180px) 24px; }
.stock-filters { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin: 18px 0; }
.stock-filters > label:first-child { flex: 1 1 200px; }
.stock-filter-control { display: flex; align-items: center; gap: 6px; min-width: 0; max-width: 100%; }
.stock-filter-control > label { flex: 1; }
#inventorySection .stock-check { display: flex; align-items: center; gap: 8px; }
.stock-check input { width: 18px; height: 18px; }
.stock-table-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 44px; margin-block: 10px; }
.stock-table-heading h3 { margin: 0; font-size: 16px; }
.stock-table-view { display: none; }
.stock-table-view button { flex: 1; min-height: 44px; padding: 6px 10px; border: 0; background: transparent; color: #536b73; font-size: 13px; }
.stock-table-view button[aria-pressed=true] { background: #fff; color: #245b45; box-shadow: inset 0 -3px #32715a; font-weight: 650; }
.stock-columns { display: flex; gap: 6px; flex-shrink: 0; }
.stock-table-frame { display: flex; flex-direction: column; max-height: max(300px, min(680px, calc(100dvh - var(--ops-mobile-bar-height, 66px) - var(--stock-toolbar-height, 0px) - 110px))); }
.stock-table-scroll { position: relative; flex: 1 1 auto; min-height: 100px; max-width: 100%; overflow: auto; overscroll-behavior-x: contain; isolation: isolate; scroll-margin-top: calc(var(--ops-mobile-bar-height, 66px) + var(--stock-toolbar-height, 0px) + 12px); border-block: 1px solid #d6e1e6; }
.stock-table-scroll:focus-visible { outline: 2px solid #32715a; outline-offset: 2px; }
.stock-table { width: 100%; min-width: 1050px; table-layout: fixed; border-collapse: separate; border-spacing: 0; }
.stock-table caption { caption-side: top; text-align: left; color: #536b73; font-size: 13px; padding: 0 0 10px; }
.stock-table col { width: 12%; }
.stock-table .stock-col-product { width: 23%; }
.stock-table .stock-col-calculation { width: 13%; }
.stock-table .stock-col-value { width: 14%; }
.stock-table th, .stock-table td { padding: 10px; border-bottom: 1px solid #d6e1e6; vertical-align: top; font-size: 14px; overflow-wrap: anywhere; }
.stock-table thead th { position: sticky; top: 0; z-index: 3; color: #536b73; font-size: 13px; font-weight: 600; background: #edf3f5; }
.stock-table :is(thead, tbody) th:first-child { position: sticky; left: 0; z-index: 2; text-align: left; background: #f5f8fa; border-right: 1px solid #d6e1e6; }
.stock-table thead th:first-child { background: #edf3f5; z-index: 4; }
.stock-table input { scroll-margin-top: 100px; }
.stock-table td:not(:first-child), .stock-table thead th:not(:first-child) { text-align: right; }
.stock-table td strong { display: block; padding-top: 9px; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.stock-calculation-short { display: none; }
.stock-table input { text-align: right; }
.stock-table .stock-value { background: #eff7f1; }
.stock-totals { flex: 0 0 auto; display: grid; grid-template-columns: minmax(0, .9fr) repeat(2, minmax(0, 1fr)); gap: 12px 20px; padding: 10px 12px; background: #e8f2ec; border-top: 2px solid #79a18a; font-size: 14px; }
.stock-totals > div { min-width: 0; overflow-wrap: anywhere; }
.stock-totals span { display: block; color: #536b73; font-size: 12px; }
.stock-totals strong { display: block; font-size: 16px; font-variant-numeric: tabular-nums; }
.stock-totals .stock-totals-label strong { font-size: 14px; }
.stock-detail-value { border-top: 2px solid #79a18a; margin-top: 16px; }
.stock-product { display: inline-flex; align-items: center; gap: 6px; padding: 0; min-height: 32px; border: 0; color: #23647a; background: transparent; text-align: left; font-weight: 650; overflow-wrap: anywhere; }
.stock-product svg { flex: 0 0 18px; }
.stock-product span { min-width: 0; }
#inventorySection .stock-warning { color: #895f15; }
.stock-negative { color: #b33f44; }
.stock-positive { color: #257357; }
.stock-muted { color: #61727a; font-size: 14px; }
.stock-period { margin: 10px 0 0; max-width: 860px; }
.stock-sales-days { list-style: none; margin: 12px 0; padding: 0; }
.stock-sales-days li { display: grid; grid-template-columns: 100px minmax(0, 1fr); gap: 10px; padding: 12px 0; border-top: 1px solid #d6e1e6; }
.stock-sales-days p { margin: 0 0 6px; overflow-wrap: anywhere; }
.stock-sales-days a { min-height: 44px; }
.stock-paging { display: flex; align-items: center; justify-content: space-between; margin: 14px 0; font-size: 14px; }
.stock-paging > div { display: flex; gap: 8px; }
.stock-save { position: sticky; top: var(--ops-mobile-bar-height, 66px); z-index: 20; padding: 8px 10px; background: #f2faf5; border-block: 1px solid #bad5c7; box-shadow: 0 3px 6px #24323912; }
.stock-save-controls { display: flex; align-items: center; flex-wrap: wrap; gap: 8px 12px; }
.stock-save-controls > span { margin-right: auto; font-size: 13px; color: #315b48; }
.stock-save-controls details { font-size: 13px; }
.stock-save-controls summary { cursor: pointer; color: #315b48; }
.stock-save-controls details[open] { flex-basis: 100%; }
.stock-save-controls details[open] label { margin-top: 6px; }
.stock-save p { margin: 6px 0 0; font-size: 13px; overflow-wrap: anywhere; }
#inventorySection input[aria-invalid=true] { border-color: #b33f44; outline: 1px solid #b33f44; }
#inventorySection [data-stock-input-error] { color: #b33f44; }
.stock-input-fix { display: inline-flex; align-items: center; justify-content: center; gap: 4px; min-height: 36px; padding: 4px; border: 0; background: transparent; color: #23647a; font-size: 12px; }
.stock-input-fix svg { flex: 0 0 16px; width: 16px; }
.stock-workflow { margin: 8px 0; font-size: 12px; }
.stock-risk-filter { min-height: 44px; font-size: 13px; }
.stock-count-risk { margin-top: 6px; padding-left: 7px; border-left: 2px solid #b38b3d; text-align: left; color: #895f15; font-size: 12px; }
.stock-count-risk summary { cursor: pointer; min-height: 32px; }
.stock-count-risk p { margin: 5px 0; }
.stock-baseline-risks { margin-block: 12px; padding: 10px; border-left: 3px solid #b38b3d; background: #fbf7ec; }
.stock-baseline-risks ul { max-height: 200px; overflow-y: auto; margin: 8px 0 0; padding-left: 18px; }
.stock-baseline-risks p { margin: 3px 0 8px; }
#inventorySection [data-stock-quantity][readonly] { background: #eef2f3; color: #536b73; }
.stock-risk-dialog[open] { display: flex; flex-direction: column; }
.stock-risk-dialog > header, .stock-risk-dialog > footer { flex: 0 0 auto; }
.stock-risk-dialog header p { margin: 6px 0 0; }
.stock-risk-list { min-height: 0; overflow-y: auto; margin: 0; padding: 0 18px; list-style: none; }
.stock-risk-list li { padding: 14px 0; border-bottom: 1px solid #d6e1e6; overflow-wrap: anywhere; }
.stock-risk-list p { margin: 6px 0; font-size: 14px; }
.stock-risk-actions, .stock-risk-dialog footer { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 16px; }
.stock-risk-dialog footer { justify-content: flex-end; padding: 14px 18px; border-top: 1px solid #d6e1e6; }
.stock-primary, .stock-secondary { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 44px; padding: 10px 14px; border-radius: 5px; border: 1px solid #32715a; font-size: 14px; font-weight: 650; }
.stock-primary { background: #267051; color: #fff; }
.stock-secondary { background: #fff; color: #276a51; }
#inventorySection :is(button, summary):focus-visible { outline: 2px solid #23647a; outline-offset: 3px; }
#inventorySection button:disabled { opacity: .5; cursor: default; }
.stock-explanation { padding-block: 16px; border-bottom: 1px solid #d6e1e6; font-size: 14px; }
.stock-explanation summary { color: #315c6a; font-weight: 600; cursor: pointer; }
.stock-explanation p { margin: 12px 0 0; max-width: 850px; }
.stock-unmatched { max-height: 350px; overflow: auto; padding: 0; margin: 12px 0; list-style: none; }
.stock-unmatched li { padding: 9px 0; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 10px; border-bottom: 1px solid #d6e1e6; }
.stock-dialog { padding: 0; border: 1px solid #d6e1e6; border-radius: 8px; width: min(650px, calc(100% - 24px)); max-height: calc(100dvh - 32px); color: #243239; }
.stock-dialog::backdrop { background: #172b3a80; }
.stock-dialog header { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; padding: 18px; border-bottom: 1px solid #d6e1e6; }
.stock-dialog h2 { margin: 0; font-size: 21px; overflow-wrap: anywhere; }
.stock-dialog h3 { font-size: 17px; margin: 20px 0 10px; }
.stock-dialog-body { padding: 18px; font-size: 14px; }
.stock-counts-dialog { width: min(960px, calc(100% - 24px)); }
.stock-counts-dialog[open] { display: flex; flex-direction: column; }
.stock-counts-dialog header p { margin: 6px 0 0; }
.stock-counts-dialog > header, .stock-counts-dialog > footer, .stock-count-toolbar { flex: 0 0 auto; }
.stock-count-toolbar { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 8px; padding: 10px 18px; }
.stock-count-toolbar > div { display: flex; align-items: center; gap: 8px; margin-left: auto; }
.stock-count-search { display: flex; align-items: center; gap: 8px 16px; flex-wrap: wrap; padding: 0 18px 10px; }
.stock-count-search label { flex: 1 1 200px; }
.stock-count-search small { flex: 0 0 auto; }
.stock-count-body { overflow: auto; min-height: 0; padding: 0 18px; }
.stock-counts-dialog footer, .stock-baseline-dialog footer { padding: 12px 18px; border-top: 1px solid #d6e1e6; }
.stock-counts-dialog footer p { margin: 0; }
.stock-count-session { width: 100%; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 14px 0; border: 0; border-bottom: 1px solid #d6e1e6; background: transparent; color: #243239; text-align: left; font-size: 14px; }
.stock-count-session strong { font-size: 16px; }
.stock-count-session-status { display: flex; align-items: center; gap: 10px; font-size: 13px; }
.stock-count-session-status svg { flex: 0 0 20px; }
.stock-count-sheet-summary { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; padding-block: 12px; border-block: 1px solid #d6e1e6; }
.stock-count-sheet-summary span { display: block; color: #536b73; font-size: 12px; }
.stock-count-sheet-summary strong { display: block; font-size: 18px; overflow-wrap: anywhere; }
.stock-count-table-scroll { overflow: visible; }
.stock-count-table { width: 100%; min-width: 650px; border-collapse: collapse; font-size: 14px; }
.stock-count-table th, .stock-count-table td { padding: 10px 8px; border-bottom: 1px solid #d6e1e6; text-align: right; vertical-align: top; }
.stock-count-table th:first-child { width: 36%; text-align: left; }
.stock-count-table thead { color: #536b73; background: #edf3f5; }
.stock-count-table thead th { position: sticky; top: 0; background: #edf3f5; z-index: 1; }
.stock-count-table details { font-size: 12px; font-weight: 400; text-align: left; margin-top: 6px; }
.stock-count-table summary { cursor: pointer; color: #23647a; }
.stock-count-table p { margin: 5px 0; }
.stock-baseline-dialog { width: min(900px, calc(100% - 24px)); }
.stock-baseline-dialog form { display: flex; flex-direction: column; max-height: calc(100dvh - 36px); }
.stock-baseline-dialog form > header, .stock-baseline-dialog footer { flex: 0 0 auto; }
.stock-baseline-dialog header p { margin: 6px 0 0; font-size: 13px; overflow-wrap: anywhere; }
.stock-baseline-dialog .stock-dialog-body { min-height: 0; overflow: auto; }
.stock-baseline-dialog footer { display: grid; gap: 8px; }
.stock-baseline-dialog footer p { margin: 0; font-size: 13px; }
.stock-baseline-dialog footer p:empty { display: none; }
.stock-baseline-dialog footer button { justify-self: end; }
.stock-review-context { display: grid; gap: 5px; }
.stock-review-context > strong { font-size: 16px; }
.stock-review-context > span { color: #536b73; }
.stock-review-context .stock-review-effect { margin-top: 5px; padding: 8px 10px; border-left: 3px solid #32715a; background: #edf6f0; color: #285d48; }
.stock-review-details { margin: 10px 0; font-size: 13px; color: #536b73; }
.stock-review-details summary { cursor: pointer; min-height: 32px; }
.stock-review-details p { margin: 4px 0 10px; }
.stock-review-reason { margin-block: 16px 6px; }
.stock-review-select-all { min-height: 44px; }
.stock-review-table { width: 100%; table-layout: fixed; border-collapse: collapse; font-size: 14px; }
.stock-review-table th, .stock-review-table td { padding: 12px 8px; border-bottom: 1px solid #d6e1e6; vertical-align: top; overflow-wrap: anywhere; }
.stock-review-table th:first-child { width: 40%; text-align: left; }
.stock-review-table td, .stock-review-table thead th:not(:first-child) { text-align: right; font-variant-numeric: tabular-nums; }
.stock-review-table thead th { position: sticky; top: -18px; background: #edf3f5; color: #536b73; font-size: 12px; z-index: 1; }
.stock-review-table .stock-check { align-items: flex-start; }
.stock-review-table .stock-check input { flex: 0 0 18px; margin-top: 2px; }
.stock-review-table .stock-review-fact { color: #285d48; }
.stock-review-table .stock-review-fact strong { font-size: 17px; }
.stock-count-note { white-space: pre-wrap; font-size: 12px; font-weight: 400; margin: 6px 0; }
.stock-count-calculation { font-size: 12px; font-weight: 400; text-align: left; margin-top: 8px; color: #536b73; }
.stock-count-calculation summary { cursor: pointer; padding-block: 6px; color: #23647a; }
.stock-count-calculation p { margin: 5px 0; }
.stock-review-total { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 2fr); gap: 8px 16px; font-size: 12px; }
.stock-review-total > div:last-child { text-align: right; }
.stock-review-total span { display: block; color: #536b73; }
.stock-review-total strong { font-size: 17px; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.stock-equation { margin: 18px 0; }
.stock-equation > div { display: flex; justify-content: space-between; gap: 16px; padding: 8px 0; border-bottom: 1px solid #e1e8eb; }
.stock-equation dt { font-weight: 400; }
.stock-equation dd { font-weight: 700; margin: 0; font-variant-numeric: tabular-nums; }
.stock-equation dt, .stock-equation dd { min-width: 0; overflow-wrap: anywhere; }
.stock-equation dd { text-align: right; }
.stock-movements { list-style: none; margin: 0 0 20px; padding: 0; }
.stock-movements li { display: flex; justify-content: space-between; gap: 12px; padding: 10px 0; border-bottom: 1px solid #e1e8eb; }
.stock-history-dialog { width: min(780px, calc(100% - 24px)); }
.stock-history-dialog[open] { display: flex; flex-direction: column; }
.stock-history-dialog > header { flex: 0 0 auto; }
.stock-history-dialog header p { margin: 6px 0 0; }
.stock-history-filters { display: grid; grid-template-columns: 190px minmax(0, 1fr) 44px; gap: 12px; padding: 14px 18px; border-bottom: 1px solid #d6e1e6; align-items: start; }
.stock-history-filters > button { margin-top: 27px; }
.stock-history-filters .stock-check { margin-top: 8px; }
.stock-history-body { overflow-y: auto; min-height: 0; padding: 0 18px 18px; overscroll-behavior: contain; }
.stock-history-body [role=alert] { margin: 12px 0 8px; padding: 10px 12px; border-left: 3px solid #b33f44; background: #fff4f4; font-size: 14px; overflow-wrap: anywhere; }
.stock-history-list { list-style: none; padding: 0; margin: 0; }
.stock-history-event { padding: 16px 0; border-bottom: 1px solid #d6e1e6; overflow-wrap: anywhere; }
.stock-history-event-head { display: flex; justify-content: space-between; gap: 8px 16px; flex-wrap: wrap; align-items: baseline; font-size: 12px; }
.stock-history-event-head time { color: #61727a; }
.stock-history-kind { border-left: 3px solid #32715a; padding-left: 8px; font-weight: 600; color: #285d48; }
.stock-history-kind.is-baseline { border-color: #5277a2; color: #365e89; }
.stock-history-event h3 { font-size: 16px; margin: 10px 0 5px; }
.stock-history-by { margin: 0; font-size: 13px; }
.stock-history-by span { display: block; color: #61727a; margin-top: 3px; }
.stock-history-change { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin: 12px 0; padding: 8px 0; border-block: 1px solid #e7ecef; }
.stock-history-change dt { font-size: 12px; color: #61727a; font-weight: 400; }
.stock-history-change dd { margin: 3px 0 0; font-size: 17px; font-weight: 650; font-variant-numeric: tabular-nums; }
.stock-history-unchanged { font-size: 14px; margin: 12px 0; }
.stock-history-note { font-size: 14px; margin: 8px 0; white-space: pre-wrap; }
.stock-history-note span { display: block; font-size: 12px; color: #61727a; margin-bottom: 3px; }
.stock-history-meta { font-size: 13px; margin-top: 10px; }
.stock-history-meta summary { color: #536b73; cursor: pointer; }
.stock-history-meta dl { margin: 8px 0 0; }
.stock-history-meta dl > div { display: flex; justify-content: space-between; gap: 12px; padding-block: 4px; }
.stock-history-meta dt { font-weight: 400; }
.stock-history-meta dd { margin: 0; text-align: right; }
@media (max-width: 600px) {
  .stock-review-table, .stock-review-table tbody { display: block; }
  .stock-review-table thead { display: none; }
  .stock-review-table tr { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px 12px; padding-block: 12px; border-bottom: 1px solid #d6e1e6; }
  .stock-review-table th:first-child { width: auto; grid-column: 1 / -1; }
  .stock-review-table th, .stock-review-table td { min-width: 0; padding: 0; border: 0; text-align: left; }
  .stock-review-table td::before { content: attr(data-label); display: block; color: #536b73; font-size: 12px; font-weight: 400; margin-bottom: 3px; }
  .stock-review-table .stock-review-amount { grid-column: 2; grid-row: 2; text-align: right; }
  .stock-review-table .stock-review-price { grid-column: 1 / -1; font-size: 12px; color: #536b73; }
  .stock-review-table .stock-review-price::before { display: inline; margin-right: 6px; }
  .stock-review-table .stock-review-price small { display: inline; margin-left: 6px; }
  .stock-baseline-dialog footer button { width: 100%; }
  .stock-count-sheet-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .stock-count-sheet-summary > div:last-child { grid-column: 1 / -1; display: flex; align-items: baseline; gap: 12px; }
  .stock-count-toolbar, .stock-counts-dialog footer { padding: 10px 14px; }
  .stock-count-body { padding-inline: 14px; }
  .stock-count-search { padding-inline: 14px; }
  .stock-count-table { min-width: 0; }
  .stock-count-table thead { display: none; }
  .stock-count-table tbody { display: block; }
  .stock-count-table tr { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); padding-block: 12px; border-bottom: 1px solid #d6e1e6; }
  .stock-count-table th, .stock-count-table td { border: 0; padding: 5px 0; text-align: left; overflow-wrap: anywhere; }
  .stock-count-table th:first-child { width: auto; grid-column: 1 / -1; }
  .stock-count-table td::before { content: attr(data-label); display: block; color: #536b73; font-size: 12px; margin-bottom: 3px; }
  .stock-history-filters { grid-template-columns: minmax(0, 1fr) 44px; padding: 12px 14px; }
  .stock-history-filters > div { grid-column: 1 / -1; display: flex; gap: 12px; align-items: center; }
  .stock-history-filters > div > label:first-child { flex: 1; }
  .stock-history-filters .stock-check { margin-top: 20px; flex-shrink: 0; }
  .stock-history-body { padding: 0 14px 14px; }
  .stock-sales-days li { grid-template-columns: minmax(0, 1fr); gap: 6px; }
  .stock-scope { grid-template-columns: minmax(0, 1fr); gap: 12px; }
  .stock-overview { gap: 12px; margin-top: 12px; }
  .stock-overview strong { font-size: 16px; }
  .stock-overview span { font-size: 12px; }
  .stock-summary { gap: 8px; }
  .stock-summary > div { display: grid; grid-template-rows: minmax(36px, auto) auto; gap: 2px; align-content: start; }
  .stock-summary span { font-size: 12px; }
  .stock-summary small { grid-column: 1 / -1; }
  .stock-summary strong { font-size: 16px; }
  .stock-filters > label { flex: 1 1 100%; }
  .stock-filters { gap: 8px; margin-block: 12px; }
  #inventorySection .stock-check { flex-basis: auto; }
  .stock-table { min-width: 908px; }
  .stock-table-heading { flex-wrap: wrap; gap: 8px; }
  .stock-table-heading h3 { flex: 1 1 180px; }
  .stock-table-view { display: flex; order: 3; flex: 1 0 100%; border: 1px solid #bdcdd3; border-radius: 5px; background: #edf3f5; }
  .stock-table-view button:first-child { border-radius: 4px 0 0 4px; }
  .stock-table-view button:last-child { border-radius: 0 4px 4px 0; }
  #inventorySection[data-stock-columns=quantity] .stock-table { min-width: 0; }
  #inventorySection[data-stock-columns=quantity] .stock-table :is(col, th, td):nth-child(n+4) { display: none; }
  #inventorySection[data-stock-columns=quantity] .stock-table col:nth-child(1) { width: 38%; }
  #inventorySection[data-stock-columns=quantity] .stock-table col:nth-child(2) { width: 26%; }
  #inventorySection[data-stock-columns=quantity] .stock-table col:nth-child(3) { width: 36%; }
  #inventorySection[data-stock-columns=quantity] .stock-table :is(thead, tbody) th:first-child { position: static; }
  #inventorySection[data-stock-columns=quantity] .stock-table thead th:first-child { position: sticky; }
  #inventorySection[data-stock-columns=quantity] .stock-table :is(th, td) { padding: 8px 5px; font-size: 13px; }
  #inventorySection[data-stock-columns=quantity] .stock-table small { font-size: 11px; }
  #inventorySection[data-stock-columns=quantity] .stock-calculation-full { display: none; }
  #inventorySection[data-stock-columns=quantity] .stock-calculation-short { display: inline; white-space: nowrap; }
  #inventorySection[data-stock-columns=quantity] .stock-product { gap: 3px; }
  #inventorySection[data-stock-columns=quantity] .stock-product svg { width: 14px; flex-basis: 14px; }
  .stock-table col { width: 116px; }
  .stock-table .stock-col-product { width: 148px; }
  .stock-table .stock-col-calculation { width: 128px; }
  .stock-table .stock-col-value { width: 142px; }
  .stock-table th, .stock-table td { padding: 8px; }
  .stock-product span { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
  .stock-diagnostic-group { grid-template-columns: minmax(0, 1fr); }
  .stock-diagnostic-heading { min-height: 44px; padding-right: 48px; }
  .stock-diagnostic-group > .stock-link { grid-column: 1; grid-row: auto; }
  .stock-diagnostic-products .stock-link { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
  .stock-filter-control { width: 100%; }
  .stock-help { width: 44px; height: 44px; flex-basis: 44px; }
  .stock-row-issue { min-height: 44px; font-size: 11px; }
  .stock-totals { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px 12px; padding: 8px 10px; }
  .stock-totals strong { font-size: 14px; }
  .stock-totals-label { grid-column: 1 / -1; display: flex; align-items: baseline; justify-content: space-between; gap: 4px 12px; flex-wrap: wrap; }
  .stock-table caption { width: 280px; max-width: 100%; }
  #inventorySection .stock-table input { padding: 8px 6px; }
  .stock-save-controls > span { flex-basis: 100%; }
  .stock-save-controls > button { flex: 1; }
  .stock-dialog header, .stock-dialog-body { padding: 14px; }
}
@media (max-height: 600px) {
  /* Scroll the whole journal when fixed controls would leave no room for products. */
  .stock-counts-dialog[open] { display: block; overflow: auto; }
  .stock-count-body { overflow: visible; }
  .stock-baseline-dialog header { padding: 10px 14px; }
  .stock-baseline-dialog { max-height: calc(100dvh - 16px); }
  .stock-baseline-dialog form { max-height: calc(100dvh - 20px); }
  .stock-baseline-dialog h2 { font-size: 18px; }
  .stock-baseline-dialog footer { padding: 8px 14px; }
  .stock-baseline-dialog footer { gap: 4px; }
  #inventorySection .stock-review-total small { font-size: 11px; line-height: 1.25; }
  .stock-review-total strong { font-size: 15px; }
}
@media (min-width: 600px) and (max-height: 600px) {
  .stock-review-context { grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: 12px; }
  .stock-review-context .stock-review-effect { margin-top: 0; }
}