.stock-workspace { min-width: 0; padding-bottom: var(--work-bottom-gap); background: #F4F7FA; }
.stock-workspace > :not(.team-topbar) { margin-left: var(--page-x); margin-right: var(--page-x); }
.stock-toolbar, .stock-actions, .stock-tabs, .stock-search, .stock-filter-controls, .stock-pagination, .stock-pagination > div, .stock-row-actions { display: flex; align-items: center; gap: var(--page-x); flex-wrap: wrap; }
.stock-toolbar { justify-content: space-between; margin-bottom: var(--page-x); }
.stock-main-toolbar { display: flex; gap: var(--page-x); align-items: center; min-height: var(--toolbar-control-h); }
.stock-workspace .team-topbar-actions { gap: 8px; }
.stock-filter-controls { min-width: 0; justify-content: flex-end; }
.stock-main-toolbar .stock-filter-controls { flex: 1 1 340px; justify-content: flex-start; }
.stock-command-actions { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.stock-section-topbar .team-topbar-actions { gap: 20px; flex-wrap: wrap; }
.stock-section-topbar .stock-tabs { gap: 16px; flex-wrap: nowrap; padding-right: 20px; border-right: 1px solid var(--border-light); }
.stock-section-topbar .stock-tabs .btn { position: relative; min-height: var(--toolbar-control-h); padding: 0; border: 0; border-radius: 0; background: none; box-shadow: none; color: var(--text-secondary); transform: none; transition: none; }
.stock-section-topbar .stock-tabs .btn.active { color: var(--primary-hover); }
.stock-section-topbar .stock-tabs .btn.active::after { content: ""; position: absolute; bottom: 0; left: 0; right: 0; height: 2px; background: var(--primary); }
.stock-section-topbar .stock-tabs .btn:hover { color: var(--text-primary); }
.stock-section-topbar .stock-tabs .btn:focus-visible { outline: 2px solid var(--primary); outline-offset: 4px; }
.stock-section-topbar .stock-command-actions .btn { min-height: var(--toolbar-control-h); transform: none; }
@media (hover: hover) {
  .stock-section-topbar .stock-command-actions .btn:hover { background: var(--primary); border-color: var(--primary); color: #fff; }
}
.stock-section-topbar .stock-command-actions .btn:focus-visible { outline: 2px solid var(--primary); outline-offset: 2px; }
.stock-section-topbar .stock-command-actions .btn:active { transform: scale(.97); }
.stock-inline-topbar .team-topbar-actions { flex: 0 0 auto; margin-right: 0; }
.stock-inline-topbar .stock-filter-controls { flex: 1 1 230px; flex-wrap: nowrap; }
.stock-inline-topbar .stock-search { max-width: none; }
.stock-inline-topbar .stock-search > .input { min-width: 0; width: 100%; }
.stock-inline-topbar .stock-archive { flex-shrink: 0; padding: 0; font-size: var(--toolbar-font-size); white-space: nowrap; }
.stock-inline-topbar .stock-tabs { flex-wrap: nowrap; }
.stock-inline-topbar .stock-tabs .btn { font-size: var(--toolbar-font-size); }
@media (min-width: 761px) {
  .stock-search .input { min-height: var(--toolbar-control-h); height: var(--toolbar-control-h); border-radius: var(--toolbar-control-radius); font-size: var(--toolbar-font-size); }
  .stock-inline-topbar .stock-search > .btn { min-height: var(--toolbar-control-h); height: var(--toolbar-control-h); padding: 0 var(--toolbar-control-padding-x); font-size: var(--toolbar-font-size); }
  .stock-main-toolbar .stock-archive { padding: 0; min-height: var(--toolbar-control-h); }
}
.stock-main-toolbar .stock-search { margin-left: 0; }
.stock-search { flex: 1; max-width: 540px; }
.stock-search > .input, .stock-search > .field { flex: 1; min-width: 150px; }
.stock-tabs .active { background: var(--surface-soft, #e5f6f3); }
.stock-summary { display: flex; align-items: center; gap: var(--page-x); margin: 0 0 var(--page-x); padding: 12px 16px; color: var(--muted, #718299); background: #fff; border: 1px solid var(--border, #dce6ed); border-radius: var(--card-radius); }
.stock-summary b { color: var(--text, #202d42); font-size: 18px; }
.stock-summary .stock-low b { color: #9a610b; }
.stock-supplier-field > div { display: flex; gap: 8px; align-items: center; }
.stock-supplier-field .select { min-width: 0; flex: 1; }
.stock-supplier-directions { display: flex; flex-wrap: wrap; gap: 10px 18px; margin: 18px 0 0; padding: 12px 14px; border: 1px solid var(--border, #dce6ed); border-radius: 12px; }
.stock-supplier-directions legend { padding: 0 4px; color: var(--muted, #718299); font-size: 13px; font-weight: 600; }
.stock-supplier-directions label { display: inline-flex; align-items: center; gap: 8px; color: var(--text, #202d42); }
.stock-supplier-directions small { flex-basis: 100%; color: var(--muted, #718299); }
.stock-table-wrap { position: relative; overflow-x: auto; background: #fff; border: 1px solid var(--border, #dce6ed); border-radius: 16px; }
.stock-table-wrap.is-loading { min-height: 166px; }
.stock-loading { min-height: 164px; display: flex; align-items: center; justify-content: center; gap: 10px; color: var(--muted, #718299); }
.stock-loading-spinner { width: 18px; height: 18px; border: 2px solid #c8dadf; border-top-color: #0c9e91; border-radius: 50%; animation: stock-spin .7s linear infinite; }
.stock-refresh-indicator { position: absolute; top: 10px; right: 12px; display: inline-flex; align-items: center; gap: 7px; padding: 5px 8px; color: var(--muted, #718299); background: color-mix(in srgb, #fff 92%, transparent); border-radius: 999px; font-size: 12px; pointer-events: none; }
.stock-refresh-indicator .stock-loading-spinner { width: 13px; height: 13px; border-width: 2px; }
.stock-summary-loading { min-height: 46px; }
@keyframes stock-spin { to { transform: rotate(360deg); } }
.stock-table { width: 100%; border-collapse: collapse; font-size: 14px; }
.stock-table th, .stock-table td { padding: 16px; border-bottom: 1px solid var(--border, #e4edf2); text-align: left; }
.stock-table th { color: var(--muted, #718299); font-size: 12px; font-weight: 600; white-space: nowrap; }
.stock-table tbody tr:last-child td { border-bottom: 0; }
.stock-table td { vertical-align: middle; }
.stock-table small { display: block; color: var(--muted, #718299); margin-top: 6px; }
.stock-name { border: 0; background: none; padding: 0; color: var(--text, #202d42); font: inherit; font-weight: 600; text-align: left; cursor: pointer; }
.stock-name:hover { color: #0c9e91; }
.stock-name:focus-visible { outline: 2px solid #0c9e91; outline-offset: 4px; }
.stock-low { color: #9a610b; font-weight: 600; }
.stock-archive { display: flex; align-items: center; gap: 8px; padding: 10px 0; }
.stock-pagination { justify-content: space-between; margin: var(--page-x) 0; color: var(--muted, #718299); }
.stock-row-actions { gap: 4px; }
.stock-client-results { display: grid; gap: 6px; margin-top: 16px; }
.stock-client-results .btn { text-align: left; justify-content: flex-start; }
.stock-sale-customer { padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid var(--line); }
.stock-sale-customer h3 { margin: 0 0 12px; }
.stock-sale-client-options { display: grid; max-height: 260px; overflow-y: auto; overscroll-behavior: contain; border: 1px solid var(--line); border-radius: 10px; }
.stock-sale-client-option { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 44px; padding: 10px 14px; border: 0; border-bottom: 1px solid var(--line); background: var(--surface, #fff); color: var(--text); text-align: left; font: inherit; cursor: pointer; }
.stock-sale-client-option:last-child { border-bottom: 0; }
.stock-sale-client-option:hover, .stock-sale-client-option:focus-visible { background: var(--primary-soft); outline: none; }
.stock-sale-client-option span, .stock-sale-selected-client span { color: var(--muted); font-size: 12px; }
.stock-sale-selected-client { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px; }
.stock-sale-selected-client > div { display: grid; gap: 4px; }
@media (max-width: 600px) { .stock-sale-client-option { flex-direction: column; align-items: flex-start; gap: 4px; } }
.stock-sale-picker { min-width: 0; padding: 12px 0 20px; }
.sale-catalog-picker { display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, 1fr); align-items: center; gap: 8px 14px; min-width: 0; padding: 8px 0; }
.sale-catalog-picker-label { margin: 0; min-width: 0; color: var(--muted); font-weight: 600; }
.sale-catalog-picker .stock-sale-product-feedback { grid-column: 1 / -1; margin: 0; }
.sale-catalog-picker .stock-sale-product-feedback:empty { display: none; }
.stock-sale-search-control { position: relative; min-width: 0; }
.stock-sale-search-control > .input { width: 100%; }
.stock-sale-product-results { position: absolute; top: calc(100% + 4px); inset-inline: 0; z-index: 5; max-height: 260px; overflow-y: auto; overscroll-behavior: contain; border: 1px solid var(--line); border-radius: 10px; background: var(--surface, #fff); box-shadow: var(--shadow-sm, 0 4px 12px #10243a12); }
.stock-sale-product-results[hidden] { display: none; }
.stock-sale-product-results > p { margin: 0; padding: 12px 14px; }
.stock-sale-product-option { display: flex; align-items: center; justify-content: space-between; gap: 12px; width: 100%; min-height: 48px; padding: 10px 14px; border: 0; border-bottom: 1px solid var(--line); background: transparent; color: var(--text); font: inherit; text-align: left; cursor: pointer; }
.stock-sale-product-option:last-child { border-bottom: 0; }
.stock-sale-product-option > span { display: grid; gap: 4px; min-width: 0; overflow-wrap: anywhere; }
.stock-sale-product-option small, .stock-sale-product-feedback { color: var(--muted); font-size: 12px; line-height: 1.4; }
.stock-sale-product-option > b { flex-shrink: 0; white-space: nowrap; }
.stock-sale-product-feedback { display: block; margin-top: 6px; }
.stock-sale-product-option:focus-visible { background: var(--primary-soft); outline: 2px solid var(--primary); outline-offset: -2px; }
@media (hover: hover) and (pointer: fine) { .stock-sale-product-option:hover { background: var(--primary-soft); } }
.stock-sale-product { display: grid; grid-template-columns: minmax(150px, 1fr) 90px; gap: 10px; }
.sale-item-row:has(.stock-sale-product) { grid-template-columns: minmax(240px, 1.4fr) minmax(140px, 1fr) 90px 90px 36px; }
.stock-modal .form-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.stock-modal .form-grid > .field { align-content: start; }
.stock-modal .input, .stock-modal .select { height: var(--control-h); min-height: var(--control-h); }
.stock-modal .field > small { color: var(--text-secondary); font-size: 12px; line-height: 1.4; }
.stock-modal h3 { margin: 0 0 16px; }
.stock-operation-fields { margin: 0; padding: 0; border: 0; min-inline-size: 0; }
.stock-operation-choice { margin-bottom: 18px; }
.stock-operation-hint { margin: 16px 0 0; color: var(--text-secondary); font-size: 13px; line-height: 1.5; }
.stock-transfer-target > .select { margin-top: 8px; }
.stock-transfer-search { display: flex; gap: 8px; }
.stock-transfer-search .input { min-width: 0; flex: 1; }
.stock-transfer-status { display: block; min-height: 38px; margin-top: 8px; line-height: 1.4; overflow-wrap: anywhere; }
.stock-transfer-route { color: var(--text-primary); font-weight: var(--weight-semibold); overflow-wrap: anywhere; }
.stock-transfer-summary { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; margin: 20px 0; }
.stock-transfer-summary dt { color: var(--text-secondary); font-size: 12px; }
.stock-transfer-summary dd { margin: 6px 0 0; color: var(--text-primary); overflow-wrap: anywhere; }
.stock-last-receipt { margin-top: 22px; padding-top: 18px; border-top: 1px solid var(--line); }
.stock-last-receipt h4 { margin: 0 0 14px; font-size: 14px; font-weight: var(--weight-semibold); color: var(--text-primary); }
.stock-last-receipt dl { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; margin: 0; }
.stock-last-receipt dl > div { min-width: 0; }
.stock-last-receipt dt, .stock-last-receipt-supplier > span { color: var(--text-secondary); font-size: 12px; line-height: 1.4; }
.stock-last-receipt dd { margin: 5px 0 0; color: var(--text-primary); font-size: 14px; font-weight: var(--weight-semibold); font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.stock-last-receipt-supplier { display: flex; align-items: baseline; flex-wrap: wrap; gap: 6px 10px; margin: 14px 0 0; }
.stock-last-receipt-supplier strong { min-width: 0; color: var(--text-secondary); font-size: 13px; font-weight: var(--weight-medium); overflow-wrap: anywhere; }
.stock-last-receipt-empty { margin: 0; color: var(--text-secondary); font-size: 13px; }
@media (max-width: 600px) { .stock-last-receipt dl { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px 18px; } }
.inventory-receipt-modal { width: min(1280px, calc(100vw - 32px)); max-width: none; }
.inventory-receipt-modal > .modal-body { position: relative; --receipt-body-inset: 14px; padding-top: var(--receipt-body-inset); }
.receipt-loading-layer { position: absolute; inset: 0; z-index: 40; display: flex; align-items: center; justify-content: center; gap: 10px; padding: 24px; text-align: center; line-height: 1.5; background: #ffffffeb; color: var(--text-secondary); }
.receipt-loading-layer[hidden] { display: none; }
.inventory-receipt-modal button[type="submit"]:disabled { opacity: .5; box-shadow: none; cursor: wait; }
.receipt-editor { border: 0; padding: 0; margin: 0; min-inline-size: 0; }
.receipt-header-fields { margin-bottom: var(--page-x); }
.receipt-header-fields small, .receipt-selected small { display: block; color: var(--muted); margin-top: 6px; }
.receipt-table { width: 100%; table-layout: fixed; border-collapse: collapse; }
.receipt-table th { position: sticky; top: calc(-1 * var(--receipt-body-inset)); z-index: 20; background: #fff; box-shadow: 0 1px 0 var(--border); text-align: left; color: var(--muted); font-size: 12px; font-weight: 600; white-space: nowrap; }
.receipt-table th, .receipt-table td { padding: 10px 5px; border-bottom: 1px solid var(--border); vertical-align: top; }
.receipt-col-unit { width: 80px; }
.receipt-col-sku { width: 96px; }
.receipt-col-retail { width: 104px; }
.receipt-col-quantity { width: 80px; }
.receipt-col-purchase { width: 114px; }
.receipt-col-total { width: 110px; }
.receipt-col-supplier { width: 168px; }
.receipt-col-remove { width: 32px; }
.receipt-field { display: flex; flex-direction: column; gap: 6px; min-width: 0; font-size: 12px; color: var(--muted); }
.receipt-field .input, .receipt-field .select { min-width: 0; width: 100%; }
.receipt-field .input::placeholder { color: var(--text-secondary); opacity: .85; }
.receipt-table .input[type="number"] { appearance: textfield; -moz-appearance: textfield; }
.receipt-table .input[type="number"]::-webkit-inner-spin-button,
.receipt-table .input[type="number"]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }
.receipt-catalog-value { background: var(--surface-soft, #f7fafb); color: var(--text-secondary); cursor: default; }
.receipt-selected-control { text-align: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; cursor: pointer; }
.receipt-selected-control:active { background: var(--surface-soft, #f7fafb); border-color: var(--primary, #12b7a6); }
@media (hover: hover) and (pointer: fine) {
  .receipt-selected-control:hover { border-color: var(--primary, #12b7a6); }
}
.receipt-table .receipt-field > span:not(.podo-select-control) { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
.receipt-picker { position: relative; }
.receipt-options { position: absolute; left: 0; right: 0; top: 100%; max-height: 240px; overflow-y: auto; z-index: 30; padding: 6px; border: 1px solid var(--border); border-radius: var(--control-radius, 12px); background: #fff; box-shadow: 0 12px 32px #162d4424; }
.receipt-options[hidden] { display: none; }
.receipt-options button { display: block; width: 100%; padding: 10px; border: 0; background: transparent; text-align: left; color: var(--text); font: inherit; font-size: 13px; cursor: pointer; border-radius: 6px; overflow-wrap: anywhere; }
.receipt-options button:hover, .receipt-options button:focus-visible { background: var(--surface-soft, #e5f6f3); outline: 2px solid var(--primary, #12b7a6); outline-offset: -2px; }
.receipt-options small { display: block; color: var(--muted); margin-top: 4px; }
.receipt-options > span { display: block; padding: 10px; font-size: 13px; }
.receipt-switch { display: inline-block; margin-top: 8px; font-size: 12px; }
.receipt-selected strong { display: block; overflow-wrap: anywhere; }
.receipt-add-row { display: flex; gap: 12px; align-items: center; flex-wrap: wrap; margin: 16px 0; }
.receipt-total { margin-right: auto; color: var(--muted); }
.receipt-total span { display: block; font-size: 12px; margin-bottom: 4px; }
.receipt-total strong { color: var(--text); }
.receipt-footer { flex-wrap: wrap; }
@media (max-width: 1100px) {
  .receipt-table, .receipt-table tbody { display: block; }
  .receipt-table colgroup { display: none; }
  .receipt-table thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
  .receipt-table tr { position: relative; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; padding: 16px 0; border-bottom: 1px solid var(--border); }
  .receipt-table td { display: block; padding: 0; border: 0; min-width: 0; }
  .receipt-table .receipt-position { grid-column: 1 / -1; padding-right: 42px; }
  .receipt-table .receipt-field > span:not(.podo-select-control) { position: static; width: auto; height: auto; overflow: visible; clip-path: none; }
  .receipt-table .receipt-remove-cell { position: absolute; top: 16px; right: 0; }
  .receipt-footer .receipt-total { flex-basis: 100%; }
}
.sale-modal, .stock-modal { display: flex; flex-direction: column; max-height: calc(100dvh - 32px); }
.sale-modal > .modal-header, .sale-modal > .modal-footer,
.stock-modal > .modal-header, .stock-modal > .modal-footer { flex: 0 0 auto; }
.sale-modal > .modal-body, .stock-modal > .modal-body { flex: 1 1 auto; min-height: 0; max-height: none; overflow-y: auto; }
@media (max-width: 1400px) {
  .stock-workspace .stock-section-topbar { height: auto; flex-wrap: wrap; }
}
@media (max-width: 1000px) {
  .stock-workspace .stock-inline-topbar { height: auto; flex-wrap: wrap; }
  .stock-inline-topbar .stock-filter-controls { flex-basis: 100%; order: 3; }
  .stock-inline-topbar .team-desktop-account { margin-left: auto; }
  .stock-inline-topbar .team-topbar-actions { flex: 1 1 300px; flex-wrap: wrap; }
}
.stock-report-filters { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; margin-bottom: 20px; }
.stock-report-filters .field { min-width: 0; }
.stock-report-date { position: relative; }
.stock-report-date-hint { display: none; position: absolute; left: 12px; right: 12px; top: 50%; transform: translateY(-50%); color: var(--muted, #718299); pointer-events: none; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.stock-report-date.is-empty:not(:focus-within) .stock-report-date-hint { display: block; }
.stock-report-date.is-empty:not(:focus-within) input { color: transparent; }
.stock-report-date.is-empty:not(:focus-within) input::-webkit-datetime-edit { opacity: 0; }
.stock-report-sort { display: inline-flex; align-items: center; gap: 6px; border: 0; background: transparent; padding: 4px 0; color: inherit; font: inherit; text-align: left; cursor: pointer; }
.stock-report-sort::after { content: "↕"; opacity: .45; }
.stock-report-sort.is-active { color: var(--accent, #0eb5a4); }
.stock-report-sort.is-active::after { content: "↓"; opacity: 1; }
.stock-report-sort.is-active[data-direction="asc"]::after { content: "↑"; }
.stock-report-sort:focus-visible { outline: 2px solid var(--accent, #0eb5a4); outline-offset: 4px; border-radius: 3px; }
.stock-report-filters .input, .stock-report-filters .select, .stock-report-filters .podo-select-control { width: 100%; min-width: 0; }
.stock-report-filter-actions { grid-column: 1 / -1; display: flex; gap: 8px; }
.stock-report-summary { flex-wrap: wrap; }
.stock-report-summary > span { display: flex; gap: 8px; align-items: baseline; }
.stock-report-table small { display: block; margin-top: 5px; color: var(--muted, #718299); font-size: 12px; }
.stock-report-table th, .stock-report-table td { padding: 18px 14px; }
.stock-report-table td:first-child { min-width: 180px; }
.stock-report-table td:nth-child(5) { font-weight: 650; white-space: nowrap; }
@media (max-width: 760px) {
  .stock-report-filters { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  .stock-report-filters .field:nth-child(n+3) { grid-column: 1 / -1; }
  .stock-report-summary > span { flex: 1 1 calc(50% - 12px); flex-direction: column; gap: 3px; }
  .stock-report-table td:first-child { min-width: 0; }
  .stock-report-table th, .stock-report-table td { padding: 0; }
  .stock-workspace > :not(.team-topbar) { margin-left: 12px; margin-right: 12px; }
  .stock-workspace > .mobile-section-switcher + .team-topbar { margin-top: 12px; }
  .stock-workspace .team-topbar { margin-bottom: 12px; }
  .stock-section-topbar .team-topbar-actions { display: flex; flex-direction: column; align-items: stretch; gap: 14px; }
  .stock-section-topbar .stock-tabs { padding-right: 0; border-right: 0; gap: 20px; }
  .stock-section-topbar .stock-command-actions { display: flex; gap: 8px; }
  .stock-section-topbar .stock-command-actions .workspace-toolbar-action { width: auto; flex: 1 1 auto; min-height: 44px; }
  .stock-inline-topbar .stock-filter-controls { flex-wrap: wrap; }
  .stock-inline-topbar .stock-search { flex-basis: 100%; flex-wrap: nowrap; }
  .stock-inline-topbar .stock-archive { margin-left: auto; }
  .stock-main-toolbar { display: grid; grid-template-columns: minmax(0, 1fr); gap: 10px; }
  .stock-main-toolbar .stock-tabs { grid-column: 1 / -1; }
  .stock-main-toolbar .stock-filter-controls { grid-column: 1 / -1; order: 3; }
  .stock-main-toolbar .stock-search { flex-basis: 100%; max-width: none; flex-wrap: nowrap; margin-left: 0; }
  .stock-main-toolbar .stock-archive { margin-left: auto; }
  .stock-toolbar { gap: 10px; margin-bottom: 12px; }
  .stock-tabs, .stock-actions { gap: 6px; }
  .stock-tabs { overflow-x: auto; flex-wrap: nowrap; padding-bottom: 2px; }
  .stock-tabs .btn { flex: 0 0 auto; }
  .stock-summary { justify-content: space-between; gap: 12px; margin-bottom: 12px; }
  .stock-supplier-field > div { align-items: stretch; }
  .stock-table { font-size: 14px; display: block; }
  .stock-table thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
  .stock-table tbody { display: block; }
  .stock-table tr { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); padding: 14px; gap: 12px; border-bottom: 1px solid #e4edf2; }
  .stock-table tr:last-child { border-bottom: 0; }
  .stock-table td { display: block; padding: 0; border: 0; min-width: 0; overflow-wrap: anywhere; }
  .stock-table td::before { content: attr(data-label); display: block; font-size: 12px; color: #718299; margin-bottom: 4px; }
  .stock-table td:first-child { grid-column: 1 / -1; }
  .stock-table td:first-child::before { display: none; }
  .stock-table td:has(.stock-row-actions) { grid-column: 1 / -1; }
  /* Card rows still expose the same sortable headers on a small screen. */
  .stock-report-table thead { display: block; position: static; width: auto; height: auto; overflow: visible; clip-path: none; }
  .stock-report-table thead tr { display: flex; flex-wrap: nowrap; overflow-x: auto; gap: 16px; padding: 10px 14px; }
  .stock-report-table thead th { display: block; flex: 0 0 auto; padding: 0; }
  .stock-row-actions .btn { min-height: 44px; }
  .stock-modal .form-grid { grid-template-columns: 1fr; }
  #stock-operation-form .modal-footer, #stock-transfer-document .modal-footer { flex-wrap: wrap; }
  #stock-operation-form .modal-footer > .btn, #stock-transfer-document .modal-footer > .btn { flex: 1 1 auto; }
  .stock-modal .input, .stock-modal .select { height: max(44px, var(--control-h)); min-height: max(44px, var(--control-h)); }
  .sale-item-row:has(.stock-sale-product) { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .stock-sale-product { grid-column: 1 / -1; grid-template-columns: minmax(0, 1fr) 90px; }
  .mobile-bottom-nav:has([data-view="inventory"]) { grid-template-columns: repeat(5, minmax(0, 1fr)); }
}