/* Stock workspace portal pages — extracted from inline template styles */

#it-stock-mgmt-page {
  min-width: 0;
}

.it-stock-panel-card {
  border: 1px solid rgb(var(--rc-border));
  border-radius: 1rem;
  background: rgb(var(--rc-surface));
  box-shadow: 0 12px 28px -22px rgba(15, 23, 42, 0.35);
  min-width: 0;
}

#it-stock-mgmt-page .it-stock-items-shell {
  border-radius: 1rem;
}

#it-stock-mgmt-page .it-stock-table-wrap.rc-table-wrap {
  border: none;
  border-radius: 0;
  max-height: min(62vh, 680px);
}

@media (min-width: 1024px) {
  #it-stock-mgmt-page .it-stock-table-wrap.rc-table-wrap {
    max-height: min(68vh, 720px);
  }
}

@media (max-width: 767px) {
  #it-stock-mgmt-page .it-stock-table-wrap.rc-table-wrap {
    max-height: min(52vh, 480px);
  }
}

/* ── templates/partials/it_support_stock_management_styles.html ── */
/* Company stock update — matching appearance for stock management */
  #it-stock-mgmt-page .it-stock-mode-tabs {
    display: inline-flex;
    flex-wrap: wrap;
    gap: 0.25rem;
    padding: 0.25rem;
    border-radius: 0.75rem;
    border: 1px solid rgb(var(--rc-border));
    background: rgb(var(--rc-surface-2));
  }
  #it-stock-mgmt-page .it-stock-mode-tabs button {
    min-height: 2.35rem;
    padding: 0.45rem 1rem;
    border: none;
    border-radius: 0.5rem;
    background: transparent;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: rgb(var(--rc-muted));
    cursor: pointer;
    transition: background-color 0.15s ease, color 0.15s ease, box-shadow 0.15s ease;
  }
  #it-stock-mgmt-page .it-stock-mode-tabs button:hover {
    color: rgb(var(--rc-page-fg));
  }
  #it-stock-mgmt-page .it-stock-mode-tabs button[aria-selected="true"] {
    background: rgb(var(--rc-surface));
    color: rgb(var(--rc-page-fg));
    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.1);
  }
  #it-stock-mgmt-page #stock-mode-in[aria-selected="true"] {
    color: rgb(4 120 87);
  }
  #it-stock-mgmt-page #stock-mode-out[aria-selected="true"] {
    color: rgb(190 18 60);
  }
  #it-stock-mgmt-page .it-stock-toolbar {
    padding: 0.75rem 1rem;
  }
  @media (min-width: 768px) {
    #it-stock-mgmt-page .it-stock-items-shell {
      position: sticky;
      top: 0;
      z-index: 20;
    }
  }

  /* Main + floating bulk sidebar */
  #it-stock-mgmt-page .it-stock-workspace-layout {
    display: flex;
    flex-direction: column;
    gap: 1rem;
  }
  @media (min-width: 1024px) {
    #it-stock-mgmt-page .it-stock-workspace-layout {
      display: grid;
      grid-template-columns: minmax(0, 1fr) 17.5rem;
      gap: 1rem;
      align-items: start;
    }
  }
  #it-stock-mgmt-page .it-stock-main-col {
    min-width: 0;
  }
  #it-stock-mgmt-page .it-stock-bulk-sidebar {
    min-width: 0;
  }
  @media (min-width: 1024px) {
    #it-stock-mgmt-page .it-stock-bulk-sidebar {
      position: sticky;
      top: 1rem;
      z-index: 25;
      align-self: start;
      max-height: calc(100vh - 2rem);
      overflow: auto;
      overscroll-behavior: contain;
    }
    #it-stock-mgmt-page .it-stock-bulk-sidebar__card {
      border: 1px solid rgb(var(--rc-border));
      border-radius: 1rem;
      background: rgb(var(--rc-surface));
      box-shadow: 0 4px 24px rgba(15, 23, 42, 0.08), 0 1px 3px rgba(15, 23, 42, 0.06);
      padding: 1rem;
    }
    #it-stock-mgmt-page .it-stock-bulk-sidebar__title {
      margin: 0 0 0.85rem;
      font-size: 0.8125rem;
      font-weight: 600;
      line-height: 1.4;
      color: rgb(var(--rc-page-fg));
    }
    #it-stock-mgmt-page .it-stock-bulk-sidebar .sa-stock-mgmt-bulk-bar {
      display: flex;
      flex-direction: column;
      gap: 0.75rem;
      margin: 0;
      padding: 0;
      border: none;
      background: transparent;
      border-radius: 0;
    }
    #it-stock-mgmt-page .it-stock-bulk-sidebar .sa-stock-mgmt-bulk-bar > p:first-child {
      display: none;
    }
    #it-stock-mgmt-page .it-stock-bulk-sidebar .it-stock-bulk-sidebar__title {
      display: block;
    }
    #it-stock-mgmt-page .it-stock-bulk-panel.is-collapsed {
      display: block !important;
    }
    #it-stock-mgmt-page .it-stock-grid-table {
      min-width: 36rem !important;
    }
  }
  @media (max-width: 1023px) {
    #it-stock-mgmt-page .it-stock-bulk-sidebar__title {
      display: none;
    }
    #it-stock-mgmt-page .it-stock-bulk-sidebar .sa-stock-mgmt-bulk-bar > p:first-child {
      margin: 0 0 0.5rem;
      font-size: 0.8125rem;
      font-weight: 600;
      color: rgb(var(--rc-page-fg));
    }
  }

  #it-stock-mgmt-page .it-stock-table-wrap {
    max-height: min(62vh, 680px);
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior: contain;
  }
  @media (min-width: 1024px) {
    #it-stock-mgmt-page .it-stock-table-wrap {
      max-height: min(68vh, 720px);
    }
  }
  @media (max-width: 767px) {
    #it-stock-mgmt-page .it-stock-table-wrap {
      max-height: min(52vh, 480px);
    }
    #it-stock-mgmt-page .it-stock-submit-bar--inline {
      position: sticky;
      bottom: 0;
      z-index: 15;
    }
    #it-stock-mgmt-page .it-stock-submit-bar--inline .btn-rc {
      min-height: 2.75rem;
    }
    #it-stock-mgmt-page .it-stock-table-scroll-hint {
      display: block;
    }
  }
  #it-stock-mgmt-page .it-stock-table-scroll-hint {
    display: none;
    margin: 0;
    padding: 0.5rem 1rem;
    font-size: 0.6875rem;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: rgb(var(--rc-muted));
    background: rgb(var(--rc-surface));
    border-top: 1px solid rgb(var(--rc-border));
  }
  #it-stock-mgmt-page .it-stock-bulk-toggle {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 0.65rem 1rem;
    border: 1px solid rgb(var(--rc-border));
    border-radius: 0.75rem;
    background: rgb(var(--rc-surface-2));
    font-size: 0.8125rem;
    font-weight: 600;
    color: rgb(var(--rc-page-fg));
    cursor: pointer;
    text-align: left;
  }
  #it-stock-mgmt-page .it-stock-bulk-toggle svg {
    width: 1rem;
    height: 1rem;
    color: rgb(var(--rc-muted));
    transition: transform 0.2s ease;
  }
  #it-stock-mgmt-page .it-stock-bulk-toggle[aria-expanded="true"] svg {
    transform: rotate(180deg);
  }
  #it-stock-mgmt-page .it-stock-bulk-panel.is-collapsed {
    display: none;
  }
  @media (max-width: 1023px) {
    #it-stock-mgmt-page .it-stock-bulk-panel:not(.is-collapsed) {
      margin-top: 0.5rem;
    }
    #it-stock-mgmt-page .it-stock-bulk-panel .sa-stock-mgmt-bulk-bar {
      margin: 0;
      padding: 1rem;
      border: 1px solid rgb(var(--rc-border));
      border-radius: 0.75rem;
      background: rgb(var(--rc-surface));
    }
    #it-stock-mgmt-page .it-stock-bulk-panel .sa-stock-mgmt-bulk-bar label > span:first-child {
      display: block;
      margin-bottom: 0.25rem;
      font-size: 0.6875rem;
      font-weight: 700;
      letter-spacing: 0.05em;
      text-transform: uppercase;
      color: rgb(var(--rc-muted));
    }
    #it-stock-mgmt-page .it-stock-bulk-panel input,
    #it-stock-mgmt-page .it-stock-bulk-panel select {
      width: 100%;
      border-radius: 0.625rem;
      border: 1px solid rgb(var(--rc-border));
      background: rgb(var(--rc-surface-2));
      padding: 0.5rem 0.75rem;
      font-size: 0.875rem;
      color: rgb(var(--rc-page-fg));
    }
  }
  @media (min-width: 1024px) {
    #it-stock-mgmt-page .it-stock-bulk-toggle {
      display: none;
    }
    #it-stock-mgmt-page .it-stock-bulk-sidebar label > span:first-child {
      display: block;
      margin-bottom: 0.25rem;
      font-size: 0.6875rem;
      font-weight: 700;
      letter-spacing: 0.05em;
      text-transform: uppercase;
      color: rgb(var(--rc-muted));
    }
    #it-stock-mgmt-page .it-stock-bulk-sidebar input,
    #it-stock-mgmt-page .it-stock-bulk-sidebar select {
      width: 100%;
      border-radius: 0.625rem;
      border: 1px solid rgb(var(--rc-border));
      background: rgb(var(--rc-surface-2));
      padding: 0.5rem 0.75rem;
      font-size: 0.875rem;
      color: rgb(var(--rc-page-fg));
    }
    #it-stock-mgmt-page .it-stock-bulk-sidebar input:focus,
    #it-stock-mgmt-page .it-stock-bulk-sidebar select:focus {
      outline: none;
      border-color: rgba(var(--rc-primary), 0.5);
      box-shadow: 0 0 0 2px rgba(var(--rc-primary), 0.12);
    }
  }
  #it-stock-mgmt-page tbody tr.stock-row:focus-within td {
    background: rgba(var(--rc-primary), 0.06);
  }
  #it-stock-mgmt-page .it-stock-cat-row td {
    padding: 0.35rem 0.75rem !important;
    background: rgb(var(--rc-surface-2)) !important;
    font-size: 0.625rem;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: rgb(var(--rc-muted));
  }
  #it-stock-mgmt-page .it-stock-grid-table input:not([type="hidden"]),
  #it-stock-mgmt-page .it-stock-grid-table select {
    width: 100%;
    min-width: 4.5rem;
    border-radius: 0.5rem;
    border: 1px solid rgb(var(--rc-border));
    background: rgb(var(--rc-surface-2));
    padding: 0.35rem 0.5rem;
    font-size: 0.8125rem;
    color: rgb(var(--rc-page-fg));
    outline: none;
  }
  #it-stock-mgmt-page .it-stock-grid-table input:focus,
  #it-stock-mgmt-page .it-stock-grid-table select:focus {
    border-color: rgba(var(--rc-primary), 0.5);
    box-shadow: 0 0 0 2px rgba(var(--rc-primary), 0.12);
  }
  #it-stock-mgmt-page #it-store-items-catalog .it-stock-table-wrap {
    max-height: min(40vh, 420px);
  }

/* ── templates/partials/shop_stock_mgmt_tab_styles.html ── */
/* Hero toolbar */
  .shop-stock-mgmt-page .sa-stock-hero-top {
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
  }
  @media (min-width: 640px) {
    .shop-stock-mgmt-page .sa-stock-hero-top {
      padding-top: 0.75rem;
      padding-bottom: 0.75rem;
    }
  }
  .shop-stock-mgmt-page .shop-mgmt-hero-branch::before {
    content: "·";
    margin-right: 0.35rem;
    opacity: 0.55;
  }
  .shop-stock-mgmt-page .shop-mgmt-view-nav {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.3rem;
    flex-shrink: 0;
    padding: 0.22rem;
    border-radius: 0.7rem;
    border: 1px solid rgba(var(--rc-border), 0.85);
    background: rgba(var(--rc-surface-2), 0.55);
  }
  .shop-stock-mgmt-page .shop-mgmt-view-pill {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.38rem 0.65rem;
    border-radius: 0.5rem;
    border: 1px solid transparent;
    font-size: 0.6875rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    text-decoration: none;
    white-space: nowrap;
    transition:
      background-color 0.15s ease,
      border-color 0.15s ease,
      color 0.15s ease,
      box-shadow 0.15s ease,
      transform 0.12s ease;
  }
  .shop-stock-mgmt-page .shop-mgmt-view-pill:hover {
    text-decoration: none;
    transform: translateY(-1px);
  }
  .shop-stock-mgmt-page .shop-mgmt-view-pill:active {
    transform: translateY(0);
  }
  .shop-stock-mgmt-page .shop-mgmt-view-pill-dot {
    width: 0.375rem;
    height: 0.375rem;
    border-radius: 9999px;
    flex-shrink: 0;
    opacity: 0.55;
    transition: opacity 0.15s ease, transform 0.15s ease;
  }
  .shop-stock-mgmt-page .shop-mgmt-view-pill.is-active .shop-mgmt-view-pill-dot {
    opacity: 1;
    transform: scale(1.15);
  }
  .shop-stock-mgmt-page .shop-mgmt-view-pill--request {
    color: rgb(14 165 233);
    background: rgba(14, 165, 233, 0.07);
  }
  .shop-stock-mgmt-page .shop-mgmt-view-pill--request .shop-mgmt-view-pill-dot {
    background: rgb(14 165 233);
  }
  .shop-stock-mgmt-page .shop-mgmt-view-pill--request:hover {
    color: rgb(2 132 199);
    background: rgba(14, 165, 233, 0.13);
    border-color: rgba(14, 165, 233, 0.28);
  }
  .shop-stock-mgmt-page .shop-mgmt-view-pill--request.is-active {
    color: rgb(3 105 161);
    background: rgba(14, 165, 233, 0.16);
    border-color: rgba(14, 165, 233, 0.38);
    box-shadow: 0 1px 4px rgba(14, 165, 233, 0.12);
  }
  .shop-stock-mgmt-page .shop-mgmt-view-pill--in {
    color: rgb(5 150 105);
    background: rgba(16, 185, 129, 0.07);
  }
  .shop-stock-mgmt-page .shop-mgmt-view-pill--in .shop-mgmt-view-pill-dot {
    background: rgb(5 150 105);
  }
  .shop-stock-mgmt-page .shop-mgmt-view-pill--in:hover {
    color: rgb(4 120 87);
    background: rgba(16, 185, 129, 0.13);
    border-color: rgba(16, 185, 129, 0.28);
  }
  .shop-stock-mgmt-page .shop-mgmt-view-pill--in.is-active {
    color: rgb(6 95 70);
    background: rgba(16, 185, 129, 0.16);
    border-color: rgba(16, 185, 129, 0.38);
    box-shadow: 0 1px 4px rgba(16, 185, 129, 0.12);
  }
  .shop-stock-mgmt-page .shop-mgmt-view-pill--out {
    color: rgb(225 29 72);
    background: rgba(244, 63, 94, 0.07);
  }
  .shop-stock-mgmt-page .shop-mgmt-view-pill--out .shop-mgmt-view-pill-dot {
    background: rgb(225 29 72);
  }
  .shop-stock-mgmt-page .shop-mgmt-view-pill--out:hover {
    color: rgb(190 18 60);
    background: rgba(244, 63, 94, 0.13);
    border-color: rgba(244, 63, 94, 0.28);
  }
  .shop-stock-mgmt-page .shop-mgmt-view-pill--out.is-active {
    color: rgb(159 18 57);
    background: rgba(244, 63, 94, 0.16);
    border-color: rgba(244, 63, 94, 0.38);
    box-shadow: 0 1px 4px rgba(244, 63, 94, 0.12);
  }

  .shop-mgmt-tabbed > .shop-mgmt-tabpanel { display: none; }
  .shop-mgmt-tabbed > .shop-mgmt-tabpanel.shop-mgmt-tabpanel--active { display: block; }

  /* Section nav — high-contrast pill tabs */
  .shop-mgmt-section-nav {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
    width: 100%;
    padding: 0.4rem;
    border: 1px solid rgb(var(--rc-border));
    border-radius: 0.85rem;
    background: linear-gradient(180deg, rgba(var(--rc-surface-2), 0.7) 0%, rgb(var(--rc-surface)) 100%);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
  }
  .shop-mgmt-section-nav .shop-mgmt-tab {
    flex: 1 1 7.5rem;
    min-width: 0;
    padding: 0.6rem 0.85rem;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    text-align: center;
    color: rgb(var(--rc-page-fg));
    background: rgb(var(--rc-surface));
    border: 1px solid rgba(var(--rc-border), 0.95);
    border-radius: 0.6rem;
    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.08);
    transition: background-color 0.16s ease, border-color 0.16s ease, box-shadow 0.16s ease, transform 0.12s ease;
  }
  .shop-mgmt-section-nav .shop-mgmt-tab:hover {
    border-color: rgba(var(--rc-primary), 0.45);
    box-shadow: 0 2px 6px rgba(15, 23, 42, 0.1);
  }
  .shop-mgmt-section-nav .shop-mgmt-tab:active {
    transform: translateY(1px);
  }
  .shop-mgmt-section-nav .shop-mgmt-tab.shop-analytics-tab-active {
    color: rgb(var(--rc-page-fg));
    background: linear-gradient(180deg, rgba(var(--rc-primary), 0.22) 0%, rgba(var(--rc-primary), 0.12) 100%);
    border-color: rgba(var(--rc-primary), 0.55);
    box-shadow:
      0 0 0 1px rgba(var(--rc-primary), 0.25),
      0 3px 10px rgba(var(--rc-primary), 0.14);
  }
  @media (min-width: 640px) {
    .shop-mgmt-section-nav .shop-mgmt-tab {
      font-size: 0.75rem;
      padding: 0.65rem 1rem;
    }
  }

  /* Bulk apply — sticky beside scrollable item table */
  .shop-mgmt-tabpanel:has(.shop-mgmt-bulk-layout),
  #stk-workspace:has(.shop-mgmt-bulk-layout) {
    overflow: visible;
  }
  .shop-mgmt-bulk-layout {
    align-items: start;
  }
  .shop-mgmt-bulk-table-scroll {
    max-height: min(58vh, 560px);
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior: contain;
    border: 1px solid rgba(var(--rc-border), 0.88);
    border-radius: 0.75rem;
    background: rgb(var(--rc-surface));
  }
  .shop-mgmt-bulk-table-scroll .sa-stock-mgmt-table,
  .shop-mgmt-bulk-table-scroll .sa-stock-data-table {
    margin-top: 0;
  }

  /* Manual stock out — optional refund/note columns fully removed when toggled off */
  .shop-stock-mgmt-page #stk-workspace-out .js-manual-out-opt-col.hidden {
    display: none !important;
    width: 0 !important;
    max-width: 0 !important;
    padding: 0 !important;
    border: none !important;
    overflow: hidden;
  }

  /* Manual stock in — optional supplier/note columns fully removed when toggled off */
  .shop-stock-mgmt-page #stk-workspace .js-manual-in-opt-col.hidden {
    display: none !important;
    width: 0 !important;
    max-width: 0 !important;
    padding: 0 !important;
    border: none !important;
    overflow: hidden;
  }

  /* Request stock — optional note columns fully removed when toggled off */
  .shop-stock-mgmt-page #js-batch-request-stock-form .js-request-stock-opt-col.hidden {
    display: none !important;
    width: 0 !important;
    max-width: 0 !important;
    padding: 0 !important;
    border: none !important;
    overflow: hidden;
  }

  .shop-stock-tx-list__items {
    max-height: min(42vh, 420px);
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }
  .shop-stock-tx-list__row:first-child {
    padding-top: 0.15rem;
  }

  .shop-mgmt-bulk-aside {
    position: sticky;
    top: 1rem;
    z-index: 8;
    align-self: start;
    max-height: calc(100vh - 2rem);
    overflow-y: auto;
    box-shadow: 0 8px 24px -12px rgba(15, 23, 42, 0.35);
  }

  .shop-mgmt-stock-row-focus {
    outline: 2px solid rgba(16, 185, 129, 0.65);
    outline-offset: -2px;
    background: rgba(16, 185, 129, 0.1);
    transition: background 0.35s ease, outline-color 0.35s ease;
  }
  .shop-mgmt-stock-row-focus.shop-mgmt-stock-row-focus--out {
    outline-color: rgba(245, 158, 11, 0.7);
    background: rgba(245, 158, 11, 0.1);
  }

  /* Icon action buttons — compact actions column */
  .sa-stock-action-link--icon {
    padding: 0.3rem !important;
    min-width: 1.65rem;
    min-height: 1.65rem;
    justify-content: center;
    letter-spacing: 0;
    text-transform: none;
    line-height: 0;
  }
  .sa-stock-action-icon {
    width: 0.95rem;
    height: 0.95rem;
    flex-shrink: 0;
    display: block;
  }
  .shop-mgmt-catalog-actions form {
    display: inline-flex;
  }
  .sa-stock-mgmt-actions-cell {
    width: 1%;
    white-space: nowrap;
  }

  /* Shelf catalogue — compact rows */
  .shop-mgmt-shelf-catalog .shop-mgmt-shelf-catalog-table thead th {
    padding: 0.35rem 0.45rem;
    font-size: 0.625rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: rgb(var(--rc-muted));
    background: rgba(var(--rc-surface-2), 0.65);
  }
  .shop-mgmt-shelf-catalog .shop-mgmt-shelf-catalog-table tbody td {
    padding: 0.3rem 0.45rem;
    vertical-align: middle;
    line-height: 1.25;
  }
  .shop-mgmt-shelf-catalog .shop-mgmt-shelf-catalog-item {
    max-width: 11rem;
  }
  .shop-mgmt-shelf-catalog .shop-mgmt-shelf-catalog-desc {
    max-width: 10rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .shop-mgmt-shelf-status {
    display: inline-flex;
    align-items: center;
    border-radius: 999px;
    padding: 0.1rem 0.4rem;
    font-size: 0.5625rem;
    font-weight: 800;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    line-height: 1.2;
  }
  .shop-mgmt-shelf-status--on {
    color: rgb(52 211 153);
    background: rgba(16, 185, 129, 0.12);
    border: 1px solid rgba(16, 185, 129, 0.22);
  }
  .shop-mgmt-shelf-status--off {
    color: rgb(251 191 36);
    background: rgba(245, 158, 11, 0.1);
    border: 1px solid rgba(245, 158, 11, 0.22);
  }
  .shop-mgmt-shelf-catalog .sa-stock-action-link--icon {
    min-width: 1.45rem;
    min-height: 1.45rem;
    padding: 0.2rem !important;
  }
  .shop-mgmt-shelf-catalog .sa-stock-action-icon {
    width: 0.8rem;
    height: 0.8rem;
  }
  .shop-mgmt-shelf-catalog .shop-mgmt-catalog-actions {
    gap: 0.2rem;
  }
  .shop-mgmt-shelf-catalog .sa-stock-mgmt-edit-row td {
    padding: 0.65rem 0.75rem !important;
  }
  .shop-mgmt-shelf-catalog .sa-stock-mgmt-edit-row input,
  .shop-mgmt-shelf-catalog .sa-stock-mgmt-edit-row select,
  .shop-mgmt-shelf-catalog .sa-stock-mgmt-edit-row textarea {
    padding: 0.35rem 0.5rem;
    font-size: 0.75rem;
  }
  .shop-mgmt-shelf-catalog .sa-stock-mgmt-edit-row .btn-rc {
    padding: 0.35rem 0.75rem;
    font-size: 0.75rem;
  }
  @media (min-width: 640px) {
    .shop-mgmt-shelf-catalog .shop-mgmt-shelf-catalog-table thead th {
      font-size: 0.6875rem;
      padding: 0.4rem 0.5rem;
    }
    .shop-mgmt-shelf-catalog .shop-mgmt-shelf-catalog-table tbody td {
      padding: 0.35rem 0.5rem;
    }
    .shop-mgmt-shelf-catalog .shop-mgmt-shelf-catalog-item {
      max-width: 14rem;
    }
  }

  /* ── Mobile only (max-width: 767px) — PC/tablet unchanged ── */
  @media (max-width: 767px) {
    .shop-stock-mgmt-page {
      width: 100%;
      max-width: 100%;
      min-width: 0;
      overflow-x: clip;
    }
    .shop-stock-mgmt-page .shop-stock-mgmt-workspace,
    .shop-stock-mgmt-page .shop-mgmt-tabbed,
    .shop-stock-mgmt-page .sa-stock-hero,
    .shop-stock-mgmt-page .sa-stock-panel,
    .shop-stock-mgmt-page form.sa-stock-panel {
      min-width: 0;
      max-width: 100%;
    }
    .shop-mgmt-tabpanel:has(.shop-mgmt-bulk-layout),
    #stk-workspace:has(.shop-mgmt-bulk-layout) {
      overflow: visible;
    }
    .shop-stock-mgmt-page .sa-stock-mgmt-scroll.shop-mgmt-bulk-table-scroll,
    .shop-stock-mgmt-page .shop-mgmt-table-wrap.sa-stock-mgmt-scroll {
      margin-top: 0;
      max-width: 100%;
    }
    .shop-stock-mgmt-page .shop-mgmt-scroll-hint {
      display: block;
      margin: 0.35rem 0 0;
      font-size: 0.625rem;
      font-weight: 600;
      letter-spacing: 0.06em;
      text-transform: uppercase;
      color: rgb(var(--rc-muted));
      text-align: center;
    }
    .shop-stock-mgmt-page .shop-mgmt-bulk-layout > .shop-mgmt-scroll-hint {
      grid-column: 1 / -1;
      margin-top: -0.25rem;
      margin-bottom: 0.15rem;
    }
    .shop-stock-mgmt-page .shop-mgmt-bulk-submit {
      grid-column: 1 / -1;
    }
    .shop-stock-mgmt-page .sa-stock-hero > .border-t {
      position: sticky;
      top: calc(3.5rem + env(safe-area-inset-top, 0px));
      z-index: 25;
      background: rgba(var(--rc-surface), 0.96);
      backdrop-filter: blur(8px);
      box-shadow: 0 6px 16px -14px rgba(15, 23, 42, 0.55);
    }
    .shop-stock-mgmt-page .shop-mgmt-bulk-aside {
      position: static;
      max-height: none;
      overflow-y: visible;
      box-shadow: 0 2px 10px rgba(15, 23, 42, 0.08);
    }
    .shop-stock-mgmt-page .shop-mgmt-bulk-table-scroll {
      max-height: min(42vh, 420px);
    }
    .shop-stock-mgmt-page .shop-mgmt-table-wrap,
    .shop-stock-mgmt-page .shop-mgmt-bulk-table-scroll {
      -webkit-overflow-scrolling: touch;
      overscroll-behavior-x: contain;
    }
    .shop-stock-mgmt-page .shop-mgmt-view-nav {
      width: 100%;
    }
    .shop-stock-mgmt-page .shop-mgmt-view-pill {
      flex: 1 1 0;
      min-width: 0;
      justify-content: center;
      padding-left: 0.35rem;
      padding-right: 0.35rem;
      font-size: 0.625rem !important;
      letter-spacing: 0.02em;
    }
    .shop-stock-mgmt-page .shop-mgmt-view-pill-dot {
      display: none;
    }
    .shop-stock-mgmt-page .shop-mgmt-section-nav {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 0.35rem;
      padding: 0.35rem;
    }
    .shop-stock-mgmt-page .shop-mgmt-section-nav .shop-mgmt-tab {
      flex: none;
      line-height: 1.2;
    }
    .shop-stock-mgmt-page .sa-stock-panel-head {
      flex-direction: column;
      align-items: stretch;
      gap: 0.65rem;
    }
    .shop-stock-mgmt-page .sa-stock-search-row {
      flex-direction: column;
      align-items: stretch;
    }
    .shop-stock-mgmt-page .sa-stock-search-row input[type="search"] {
      width: 100%;
    }
    .shop-stock-mgmt-page .shop-mgmt-activity-toolbar {
      flex-direction: column;
      align-items: stretch;
    }
    .shop-stock-mgmt-page .shop-mgmt-activity-filters {
      display: flex;
      width: 100%;
    }
    .shop-stock-mgmt-page .shop-mgmt-activity-filters .stk-activity-filter {
      flex: 1 1 0;
      min-width: 0;
      text-align: center;
    }
  }

  @media (min-width: 768px) {
    .shop-stock-mgmt-page .shop-mgmt-scroll-hint {
      display: none !important;
    }
  }


  /* Mobile typography — compact fonts across the page */
  @media (max-width: 639px) {
    .shop-stock-mgmt-page {
      font-size: 0.8125rem;
    }
    .shop-stock-mgmt-page .sa-stock-hero-title {
      font-size: 1.0625rem !important;
      line-height: 1.3;
    }
    .shop-stock-mgmt-page .sa-stock-hero-desc {
      font-size: 0.6875rem !important;
      line-height: 1.45;
    }
    .shop-stock-mgmt-page .sa-stock-hero-eyebrow {
      font-size: 0.5625rem !important;
      letter-spacing: 0.14em;
    }
    .shop-stock-mgmt-page .shop-mgmt-view-pill {
      font-size: 0.625rem !important;
    }
    .shop-stock-mgmt-page .sa-stock-kpis > div {
      padding: 0.65rem 0.75rem !important;
    }
    .shop-stock-mgmt-page .sa-stock-kpis p:first-child {
      font-size: 0.5625rem !important;
      letter-spacing: 0.12em;
    }
    .shop-stock-mgmt-page .sa-stock-kpis p:last-child {
      font-size: 1.125rem !important;
      margin-top: 0.15rem;
    }
    .shop-stock-mgmt-page .sa-stock-panel-head h3 {
      font-size: 0.8125rem !important;
    }
    .shop-stock-mgmt-page .sa-stock-panel-head p,
    .shop-stock-mgmt-page .sa-stock-panel > p {
      font-size: 0.6875rem !important;
    }
    .shop-stock-mgmt-page .sa-stock-panel-meta,
    .shop-stock-mgmt-page .sa-stock-count-badge {
      font-size: 0.625rem !important;
    }
    .shop-stock-mgmt-page .sa-stock-search-row input[type="search"] {
      font-size: 0.75rem !important;
      min-height: 2.1rem;
      padding: 0.35rem 0.6rem;
    }
    .shop-stock-mgmt-page .shop-mgmt-section-nav .shop-mgmt-tab {
      font-size: 0.5625rem !important;
      padding: 0.45rem 0.3rem !important;
      letter-spacing: 0.05em;
    }
    .shop-stock-mgmt-page .shop-mgmt-activity-filters .stk-activity-filter {
      font-size: 0.625rem !important;
      padding: 0.35rem 0.4rem !important;
    }
    .shop-stock-mgmt-page .shop-mgmt-bulk-aside > p:first-of-type {
      font-size: 0.8125rem !important;
    }
    .shop-stock-mgmt-page .shop-mgmt-bulk-aside > p:nth-of-type(2) {
      font-size: 0.6875rem !important;
    }
    .shop-stock-mgmt-page .shop-mgmt-bulk-aside label span {
      font-size: 0.5625rem !important;
    }
    .shop-stock-mgmt-page .shop-mgmt-bulk-aside input,
    .shop-stock-mgmt-page .shop-mgmt-bulk-aside select {
      font-size: 0.75rem !important;
      padding: 0.35rem 0.5rem !important;
      min-height: 2rem;
    }
    .shop-stock-mgmt-page .shop-mgmt-bulk-aside .btn-rc {
      font-size: 0.625rem !important;
      padding: 0.4rem 0.5rem !important;
    }
    .shop-stock-mgmt-page .shop-store-seller-hint,
    .shop-stock-mgmt-page .sa-stock-bulk-feedback {
      font-size: 0.5625rem !important;
    }
    .shop-stock-mgmt-page .sa-stock-action-link--icon {
      min-width: 1.5rem;
      min-height: 1.5rem;
      padding: 0.25rem !important;
    }
    .shop-stock-mgmt-page .sa-stock-action-icon {
      width: 0.85rem;
      height: 0.85rem;
    }
    .shop-stock-mgmt-page .btn-rc {
      font-size: 0.75rem !important;
    }
    .shop-stock-mgmt-page .sa-stock-mgmt-submit .btn-rc {
      font-size: 0.75rem !important;
      padding: 0.45rem 0.75rem !important;
    }
    .shop-stock-mgmt-page #shop-inline-register-sku > div > p {
      font-size: 0.5625rem !important;
    }
    .shop-stock-mgmt-page #shop-inline-register-sku label span {
      font-size: 0.5625rem !important;
    }
    .shop-stock-mgmt-page #shop-inline-register-sku input,
    .shop-stock-mgmt-page #shop-inline-register-sku select {
      font-size: 0.75rem !important;
      padding: 0.35rem 0.5rem !important;
      min-height: 2rem;
    }
    .shop-stock-mgmt-page .sa-stock-mgmt-edit-row label span {
      font-size: 0.5625rem !important;
    }
    .shop-stock-mgmt-page .sa-stock-mgmt-edit-row input,
    .shop-stock-mgmt-page .sa-stock-mgmt-edit-row select,
    .shop-stock-mgmt-page .sa-stock-mgmt-edit-row textarea {
      font-size: 0.75rem !important;
    }
    .shop-stock-mgmt-page .sa-stock-mgmt-cat-row td,
    .shop-stock-mgmt-page .shop-store-cat-row td {
      font-size: 0.625rem !important;
      padding: 0.35rem 0.4rem !important;
    }
  }

  /* Table cell density */
  @media (max-width: 639px) {
    .shop-stock-mgmt-page .sa-stock-panel {
      padding: 0.75rem !important;
      border-radius: 1rem;
    }
    .shop-stock-mgmt-page .sa-stock-mgmt-table,
    .shop-stock-mgmt-page .sa-stock-data-table {
      font-size: 0.6875rem;
    }
    .shop-stock-mgmt-page .sa-stock-mgmt-table thead th,
    .shop-stock-mgmt-page .sa-stock-mgmt-table tbody td,
    .shop-stock-mgmt-page .sa-stock-data-table thead th,
    .shop-stock-mgmt-page .sa-stock-data-table tbody td {
      padding: 0.35rem 0.3rem;
      font-size: 0.6875rem;
    }
    .shop-stock-mgmt-page .sa-stock-mgmt-table tbody td .text-xs,
    .shop-stock-mgmt-page .sa-stock-data-table tbody td .text-xs {
      font-size: 0.625rem !important;
    }
    .shop-stock-mgmt-page .sa-stock-mgmt-table input,
    .shop-stock-mgmt-page .sa-stock-mgmt-table select,
    .shop-stock-mgmt-page .sa-stock-data-table input,
    .shop-stock-mgmt-page .sa-stock-data-table select {
      font-size: 0.75rem !important;
      min-height: 2rem;
      padding: 0.3rem 0.4rem !important;
    }
    .shop-stock-mgmt-page .shop-mgmt-table-wrap .sa-stock-mgmt-table,
    .shop-stock-mgmt-page .shop-mgmt-bulk-table-scroll .sa-stock-mgmt-table {
      min-width: 30rem;
    }
  }
  /* Hide less-critical columns on very small screens */
  @media (max-width: 479px) {
    .shop-stock-mgmt-page #shop-store-items-catalog .sa-stock-mgmt-table th:nth-child(2),
    .shop-stock-mgmt-page #shop-store-items-catalog .sa-stock-mgmt-table td:nth-child(2) {
      display: none;
    }
  }

  /* Full-width primary actions on mobile */
  @media (max-width: 639px) {
    .shop-stock-mgmt-page .sa-stock-mgmt-submit .btn-rc,
    .shop-stock-mgmt-page .sa-stock-mgmt-submit button[type="submit"] {
      width: 100%;
      justify-content: center;
    }
    .shop-stock-mgmt-page #shop-inline-register-toggle {
      width: 100%;
      justify-content: center;
    }
  }

  /* Register SKU form */
  @media (max-width: 639px) {
    .shop-stock-mgmt-page #shop-inline-register-sku form > div:last-child {
      flex-direction: column;
      align-items: stretch;
    }
    .shop-stock-mgmt-page #shop-inline-register-sku form > div:last-child .btn-rc {
      width: 100%;
      justify-content: center;
    }
  }

  @media (max-width: 639px) {
    #shop-shell main:has(.shop-stock-mgmt-page) {
      padding-left: 0.75rem;
      padding-right: 0.75rem;
    }
    .shop-stock-mgmt-page .shop-stock-mgmt-workspace {
      margin-top: 0.5rem;
      gap: 0.65rem;
    }
    #shop-shell main .shop-stock-mgmt-page input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="submit"]):not([type="button"]),
    #shop-shell main .shop-stock-mgmt-page select,
    #shop-shell main .shop-stock-mgmt-page textarea {
      min-height: 2rem !important;
    }
  }

/* ── templates/partials/shop_stock_workspace_assets.html ── */
.sa-stock-analytics .sa-stock-workspace {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    margin-left: auto;
    margin-right: auto;
    overflow-x: hidden;
  }
  /* Stock management — aligned with stock analytics / reports workspace */
  .sa-stock-analytics .sa-stock-workspace.sa-stock-mgmt {
    display: flex;
    flex-direction: column;
    gap: 0;
    max-width: 76rem;
    margin-left: auto;
    margin-right: auto;
  }
  /* Shop portal — flat sections, dividers only (no cards) */
  .sa-stock-workspace--shop-portal.sa-stock-mgmt {
    gap: 0;
    max-width: none;
  }
  .sa-stock-workspace--shop-portal .sa-stock-panel,
  .sa-stock-workspace--shop-portal form.sa-stock-panel,
  .sa-stock-workspace--shop-portal > section.sa-stock-panel {
    padding: 0.85rem 0 1rem;
    margin: 0;
    border: none;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    border-bottom: 1px solid rgba(var(--rc-border), 0.88);
  }
  .sa-stock-workspace--shop-portal > *:last-child {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0;
  }
  .sa-stock-workspace--shop-portal .sa-stock-panel__title {
    font-size: 0.9375rem;
    font-weight: 700;
    letter-spacing: -0.01em;
  }
  .sa-stock-workspace--shop-portal .sa-stock-panel-head {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0.35rem;
    gap: 0.5rem;
  }
  .sa-stock-workspace--shop-portal .sa-stock-mgmt-scroll,
  .sa-stock-workspace--shop-portal .sa-stock-mgmt-table-wrap {
    border-radius: 1rem;
  }
  .sa-stock-workspace--shop-portal .sa-stock-panel--workspace {
    padding: 0.85rem 0 1rem;
  }
  .sa-stock-workspace--shop-portal .sa-stock-mode-tabs {
    display: inline-flex;
    flex-wrap: wrap;
    gap: 0.25rem;
    padding: 0.28rem;
    border-radius: 0.75rem;
    border: 1px solid rgba(var(--rc-border), 0.9);
    background: rgb(var(--rc-surface-2));
  }
  .sa-stock-workspace--shop-portal .sa-stock-mode-tabs button {
    min-height: 2.35rem;
    padding: 0.45rem 1.1rem;
    border: none;
    border-radius: 0.5rem;
    background: transparent;
    font-size: 0.8125rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: rgb(var(--rc-muted));
    cursor: pointer;
    transition: background-color 0.15s ease, color 0.15s ease, box-shadow 0.15s ease;
  }
  .sa-stock-workspace--shop-portal .sa-stock-mode-tabs button[aria-selected="true"] {
    background: rgb(var(--rc-surface));
    color: rgb(var(--rc-page-fg));
    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.1);
  }
  .sa-stock-workspace--shop-portal #shop-store-mode-in[aria-selected="true"] {
    color: rgb(4 120 87);
  }
  .sa-stock-workspace--shop-portal #shop-store-mode-out[aria-selected="true"] {
    color: rgb(190 18 60);
  }
  .sa-stock-workspace--shop-portal .sa-stock-search-row input[type="search"] {
    border-radius: 1rem;
    min-height: 2.75rem;
    padding-left: 2.5rem;
    background: rgb(var(--rc-surface));
    box-shadow: inset 0 1px 2px rgba(15, 23, 42, 0.04);
  }
  .sa-stock-workspace--shop-portal .sa-stock-count-badge {
    border-radius: 999px;
    padding: 0.45rem 0.85rem;
    font-size: 0.6875rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
  }
  .sa-stock-workspace--shop-portal .sa-stock-mgmt-bulk-bar--nested {
    margin-top: 0.65rem;
    padding: 0.65rem 0 0;
    border: none;
    border-top: 1px solid rgba(var(--rc-border), 0.8);
    border-radius: 0;
    background: transparent;
  }
  .sa-stock-workspace--shop-portal .sa-stock-mgmt-bulk-bar--nested > p:first-child {
    grid-column: 1 / -1;
    margin-bottom: 0.15rem;
  }
  .sa-stock-workspace--shop-portal .sa-stock-mgmt-submit {
    border-top: none;
    padding-top: 0.25rem;
  }
  .sa-stock-workspace--shop-portal .sa-stock-panel__hint {
    margin: 0.15rem 0 0;
    font-size: 0.75rem;
    line-height: 1.4;
  }
  .sa-stock-workspace--shop-portal .sa-stock-panel__title {
    font-size: 0.9375rem;
  }
  .sa-stock-workspace--shop-portal .sa-stock-mgmt-toolbar {
    margin-bottom: 0.45rem;
  }
  .sa-stock-workspace--shop-portal .sa-stock-search-row {
    margin-top: 0.15rem;
  }
  .sa-stock-workspace--shop-portal .sa-stock-mgmt-scroll {
    max-height: min(58vh, 640px);
    border-radius: 0.5rem;
  }
  .sa-stock-workspace--shop-portal .sa-stock-mgmt-bulk-bar {
    border-top: none;
    padding-top: 0;
  }
  .sa-stock-workspace--shop-portal .sa-stock-panel-head .sa-stock-panel__title {
    font-size: 0.9375rem;
  }

  /* —— Advanced / simple shop portal polish —— */
  .sa-stock-workspace--shop-portal {
    --sa-accent: var(--rc-primary);
    --sa-accent-soft: rgba(var(--rc-primary), 0.12);
    --sa-accent-ring: rgba(var(--rc-primary), 0.28);
  }
  .sa-stock-mode--both { --sa-accent: 139 92 246; --sa-accent-soft: rgba(139, 92, 246, 0.12); --sa-accent-ring: rgba(139, 92, 246, 0.35); }
  .sa-stock-mode--kitchen { --sa-accent: 249 115 22; --sa-accent-soft: rgba(249, 115, 22, 0.12); --sa-accent-ring: rgba(249, 115, 22, 0.35); }
  .sa-stock-mode--shop { --sa-accent: 14 165 233; --sa-accent-soft: rgba(14, 165, 233, 0.1); --sa-accent-ring: rgba(14, 165, 233, 0.32); }

  .sa-stock-link {
    color: rgb(var(--rc-primary));
    text-decoration: none;
    text-underline-offset: 3px;
    transition: color 0.15s ease, opacity 0.15s ease;
  }
  .sa-stock-link:hover { text-decoration: underline; }
  .sa-stock-link--primary { color: rgb(var(--rc-primary)); }
  .sa-stock-link--sky { color: rgb(14 165 233); }
  .sa-stock-link--sky:hover { color: rgb(2 132 199); }
  .sa-stock-link--emerald { color: rgb(5 150 105); }
  .sa-stock-link--emerald:hover { color: rgb(4 120 87); }
  .sa-stock-link--violet { color: rgb(124 58 237); }
  .sa-stock-link--violet:hover { color: rgb(109 40 217); }
  .sa-stock-link--amber { color: rgb(217 119 6); }
  .sa-stock-link--amber:hover { color: rgb(180 83 9); }
  .sa-stock-link--rose { color: rgb(225 29 72); }
  .sa-stock-link--rose:hover { color: rgb(190 18 60); }
  .sa-stock-link--muted { color: rgb(var(--rc-muted)); }
  .sa-stock-link--muted:hover { color: rgb(var(--rc-page-fg)); }
  .sa-stock-link--active { text-decoration: underline; text-decoration-thickness: 2px; }

  .sa-stock-hero {
    background: transparent;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    padding: 0 0 0.75rem !important;
    border-bottom: 1px solid rgba(var(--rc-border), 0.88) !important;
  }
  .sa-stock-hero__glow,
  .sa-stock-hero__orb { display: none; }
  .sa-stock-hero__icon {
    background: transparent;
    color: rgb(var(--sa-accent));
    border: none;
    box-shadow: none;
    width: 2rem;
    height: 2rem;
    border-radius: 0.5rem;
  }
  .sa-stock-hero__badge {
    border-color: var(--sa-accent-ring);
    background: var(--sa-accent-soft);
    color: rgb(var(--rc-page-fg));
  }
  .sa-stock-hero__badge-dot { background: rgb(var(--sa-accent)); }

  .sa-stock-view-pill {
    color: rgb(var(--rc-muted));
  }
  .sa-stock-view-pill:hover {
    color: rgb(var(--rc-page-fg));
    background: rgba(var(--rc-surface), 0.8);
  }
  .sa-stock-view-pill--active {
    background: rgb(var(--rc-surface));
    color: rgb(14 165 233);
    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.1), 0 0 0 1px rgba(14, 165, 233, 0.22);
  }
  .sa-stock-view-pill--active.sa-stock-view-pill--manual {
    color: rgb(5 150 105);
  }

  .sa-stock-stats-strip {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.35rem 1.25rem;
    padding: 0.5rem 0 0.75rem;
    border-bottom: 1px solid rgba(var(--rc-border), 0.88);
  }
  .sa-stock-stat {
    display: inline-flex;
    align-items: baseline;
    gap: 0.4rem;
    font-size: 0.8125rem;
  }
  .sa-stock-stat__label {
    font-size: 0.625rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: rgb(var(--rc-muted));
  }
  .sa-stock-stat__value {
    font-size: 0.9375rem;
    font-weight: 800;
    font-variant-numeric: tabular-nums;
    color: rgb(var(--rc-page-fg));
  }
  .sa-stock-stat__value--emerald { color: rgb(52 211 153); }
  .sa-stock-stat__value--amber { color: rgb(251 191 36); }
  .sa-stock-stat__value--violet { color: rgb(167 139 250); }
  .sa-stock-stat__value--sky { color: rgb(56 189 248); }
  .sa-stock-stat__sep {
    width: 1px;
    height: 1rem;
    background: rgba(var(--rc-border), 0.9);
    align-self: center;
  }

  .sa-stock-workspace--shop-portal .sa-stock-panel::before {
    display: none;
  }

  .sa-stock-workspace--shop-portal .sa-stock-panel-meta {
    border-radius: 999px;
    padding: 0.35rem 0.75rem;
    border: 1px solid rgba(var(--rc-border), 0.9);
    background: rgb(var(--rc-surface-2));
    color: rgb(var(--rc-muted));
  }
  .sa-stock-workspace--shop-portal .sa-stock-panel--workspace .sa-stock-panel-meta {
    color: rgb(5 150 105);
    border-color: rgba(16, 185, 129, 0.25);
    background: rgba(16, 185, 129, 0.08);
  }

  .sa-stock-empty {
    border: none;
    border-radius: 0;
    background: transparent;
    padding: 0.75rem 0;
    text-align: left;
  }
  .sa-stock-empty__icon { display: none; }

  .sa-stock-action-link {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    border-radius: 0.5rem;
    padding: 0.35rem 0.65rem;
    font-size: 0.6875rem;
    font-weight: 800;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    text-decoration: none;
    transition: background-color 0.15s ease, color 0.15s ease, transform 0.12s ease;
  }
  .sa-stock-action-link:hover { transform: translateY(-0.5px); }
  .sa-stock-action-link--edit {
    color: rgb(14 165 233);
    background: rgba(14, 165, 233, 0.1);
    border: 1px solid rgba(14, 165, 233, 0.22);
  }
  .sa-stock-action-link--edit:hover { background: rgba(14, 165, 233, 0.18); }
  .sa-stock-action-link--print {
    color: rgb(5 150 105);
    background: rgba(16, 185, 129, 0.1);
    border: 1px solid rgba(16, 185, 129, 0.22);
  }
  .sa-stock-action-link--print:hover { background: rgba(16, 185, 129, 0.18); }

  .sa-stock-workspace--shop-portal .sa-stock-mgmt-table thead th {
    background: linear-gradient(180deg, rgb(var(--rc-surface-2)) 0%, rgba(var(--rc-surface-2), 0.92) 100%);
    font-size: 0.625rem;
    letter-spacing: 0.08em;
  }
  .sa-stock-workspace--shop-portal .sa-stock-mgmt-table tbody tr.sa-stock-mgmt-cat-row td,
  .sa-stock-workspace--shop-portal .sa-stock-mgmt-table tbody tr.shop-store-cat-row td {
    padding: 0.25rem 0.4rem !important;
    background: rgb(var(--rc-surface-2)) !important;
    border-left: 2px solid rgb(var(--sa-accent) / 0.4);
    font-size: 0.625rem;
  }
  .sa-stock-workspace--shop-portal .sa-stock-count-badge {
    border-color: rgba(var(--rc-border), 0.9);
    background: linear-gradient(180deg, rgb(var(--rc-surface)) 0%, rgb(var(--rc-surface-2)) 100%);
    color: rgb(14 165 233);
    font-variant-numeric: tabular-nums;
  }
  .sa-stock-workspace--shop-portal .sa-stock-section-label {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    font-size: 0.6875rem;
    font-weight: 800;
    letter-spacing: 0.1em;
    text-transform: uppercase;
  }
  .sa-stock-workspace--shop-portal .sa-stock-section-label::before {
    content: "";
    width: 0.4rem;
    height: 0.4rem;
    border-radius: 999px;
    background: rgb(var(--sa-accent));
  }
  .sa-stock-workspace--shop-portal .sa-stock-section-label--in { color: rgb(5 150 105); }
  .sa-stock-workspace--shop-portal .sa-stock-section-label--in::before { background: rgb(16 185 129); }
  .sa-stock-workspace--shop-portal .sa-stock-section-label--out { color: rgb(225 29 72); }
  .sa-stock-workspace--shop-portal .sa-stock-section-label--out::before { background: rgb(244 63 94); }
  .sa-stock-workspace--shop-portal .sa-stock-section-label--violet { color: rgb(124 58 237); }
  .sa-stock-workspace--shop-portal .sa-stock-section-label--violet::before { background: rgb(167 139 250); }
  .sa-stock-workspace--shop-portal .sa-stock-section-label--sky::before { background: rgb(56 189 248); }

  .sa-stock-shelf-catalog__head { align-items: flex-start; }
  .sa-stock-shelf-catalog__count {
    display: inline-flex;
    align-items: center;
    border-radius: 999px;
    padding: 0.2rem 0.55rem;
    font-size: 0.625rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: rgb(124 58 237);
    background: rgba(139, 92, 246, 0.12);
    border: 1px solid rgba(139, 92, 246, 0.22);
  }
  .sa-stock-shelf-catalog__add-btn {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    padding: 0;
    font-size: 0.75rem;
    font-weight: 700;
    color: rgb(124 58 237);
    background: transparent;
    border: none;
    cursor: pointer;
    text-decoration: none;
  }
  .sa-stock-shelf-catalog__add-btn:hover {
    text-decoration: underline;
    text-underline-offset: 3px;
  }
  .sa-stock-shelf-catalog__register {
    margin-top: 0.5rem;
    padding-top: 0.5rem;
    border-top: 1px dashed rgba(var(--rc-border), 0.75);
  }
  .sa-stock-shelf-catalog__register-inner {
    border: none;
    border-radius: 0;
    background: transparent;
    padding: 0.25rem 0 0;
  }
  .sa-stock-shelf-catalog__register-title { margin: 0 0 0.5rem; }
  .sa-stock-shelf-catalog__list { margin-top: 0.5rem; }
  .sa-stock-shelf-catalog .sa-stock-panel__hint { display: none; }
  .sa-stock-workspace--shop-portal .sa-stock-table-flat {
    margin-top: 0.35rem;
    border: 1px solid rgba(var(--rc-border), 0.92);
    border-radius: 0.5rem;
    background: rgb(var(--rc-surface));
    overflow: hidden;
  }
  /* Compact table cells — match catalogue density */
  .sa-stock-workspace--shop-portal .sa-stock-mgmt-table tbody td {
    padding: 0.3rem 0.4rem;
    vertical-align: middle;
  }
  .sa-stock-workspace--shop-portal .sa-stock-mgmt-table thead th {
    padding: 0.4rem 0.4rem;
  }
  .sa-stock-workspace--shop-portal .sa-stock-mgmt-table input,
  .sa-stock-workspace--shop-portal .sa-stock-mgmt-table select {
    min-height: 1.65rem;
    padding: 0.15rem 0.4rem;
    font-size: 0.75rem;
    border-radius: 0.35rem;
    line-height: 1.25;
  }
  .sa-stock-workspace--shop-portal .sa-stock-mgmt-table .shop-store-seller-hint,
  .sa-stock-workspace--shop-portal .sa-stock-mgmt-table .js-seller-hint {
    margin-top: 0.1rem;
    min-height: 0;
    font-size: 0.6rem;
  }
  .sa-stock-workspace--shop-portal .sa-stock-mgmt-item-name {
    font-size: 0.8125rem;
    font-weight: 600;
  }
  .sa-stock-workspace--shop-portal .sa-stock-mgmt-item-meta {
    font-size: 0.6875rem;
    margin-top: 0.05rem;
  }
  .sa-stock-workspace--shop-portal .sa-stock-shelf-catalog__register-inner input,
  .sa-stock-workspace--shop-portal .sa-stock-shelf-catalog__register-inner select {
    min-height: 2rem;
  }
  .sa-stock-workspace--shop-portal .sa-stock-bulk-inline {
    display: grid;
    gap: 0.5rem;
    margin-top: 0.5rem;
    padding-top: 0.5rem;
    border-top: 1px solid rgba(var(--rc-border), 0.82);
  }
  @media (min-width: 768px) {
    .sa-stock-workspace--shop-portal .sa-stock-bulk-inline {
      grid-template-columns: repeat(4, minmax(0, 1fr)) auto;
      align-items: end;
    }
    .sa-stock-workspace--shop-portal .sa-stock-bulk-inline__title {
      grid-column: 1 / -1;
    }
    .sa-stock-workspace--shop-portal .sa-stock-bulk-inline__feedback {
      grid-column: 1 / -1;
    }
  }
  .sa-stock-workspace--shop-portal .sa-stock-bulk-inline label span {
    font-size: 0.625rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: rgb(var(--rc-muted));
  }
  .sa-stock-workspace--shop-portal .sa-stock-bulk-inline input,
  .sa-stock-workspace--shop-portal .sa-stock-bulk-inline select {
    min-height: 1.85rem;
    font-size: 0.8125rem;
  }
  .sa-stock-workspace--shop-portal .sa-stock-form-footer {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem 0.75rem;
    margin-top: 0.5rem;
    padding-top: 0.5rem;
    border-top: 1px solid rgba(var(--rc-border), 0.82);
  }
  .sa-stock-workspace--shop-portal .sa-stock-form-footer .sa-stock-bulk-copy-btn {
    font-size: 0.75rem;
    font-weight: 600;
    padding: 0.35rem 0.75rem;
    min-height: 1.85rem;
  }
  .sa-stock-workspace--shop-portal .sa-stock-mgmt-submit {
    display: flex;
    justify-content: flex-start;
    margin-top: 0;
    padding-top: 0;
    border-top: none;
  }
  .sa-stock-workspace--shop-portal .sa-stock-mgmt-submit .btn-rc-success,
  .sa-stock-workspace--shop-portal .sa-stock-mgmt-submit .btn-rc-primary,
  .sa-stock-workspace--shop-portal .sa-stock-mgmt-submit .btn-rc-danger {
    min-height: 2rem;
    padding: 0.4rem 1.1rem;
    font-size: 0.8125rem;
    font-weight: 700;
  }
  .sa-stock-workspace--shop-portal .sa-stock-search-row input[type="search"] {
    min-height: 2rem;
    border-radius: 0.5rem;
  }
  .sa-stock-workspace--shop-portal .sa-stock-count-badge {
    padding: 0.25rem 0.55rem;
    font-size: 0.625rem;
  }
  .sa-stock-workspace--shop-portal .sa-stock-mode-tabs button {
    min-height: 1.85rem;
    padding: 0.3rem 0.85rem;
    font-size: 0.75rem;
  }

  .sa-stock-status-pill {
    display: inline-flex;
    border-radius: 999px;
    padding: 0.2rem 0.55rem;
    font-size: 0.625rem;
    font-weight: 800;
    letter-spacing: 0.06em;
    text-transform: uppercase;
  }
  .sa-stock-status-pill--active {
    color: rgb(5 150 105);
    background: rgba(16, 185, 129, 0.12);
    border: 1px solid rgba(16, 185, 129, 0.25);
  }
  .sa-stock-status-pill--off {
    color: rgb(217 119 6);
    background: rgba(245, 158, 11, 0.1);
    border: 1px solid rgba(245, 158, 11, 0.25);
  }

  .sa-stock-action-link--amber {
    color: rgb(217 119 6);
    background: rgba(245, 158, 11, 0.1);
    border: 1px solid rgba(245, 158, 11, 0.22);
  }
  .sa-stock-action-link--amber:hover { background: rgba(245, 158, 11, 0.18); }
  .sa-stock-action-link--rose {
    color: rgb(225 29 72);
    background: rgba(244, 63, 94, 0.1);
    border: 1px solid rgba(244, 63, 94, 0.22);
  }
  .sa-stock-action-link--rose:hover { background: rgba(244, 63, 94, 0.16); }
  .sa-stock-action-link--emerald {
    color: rgb(5 150 105);
    background: rgba(16, 185, 129, 0.1);
    border: 1px solid rgba(16, 185, 129, 0.22);
  }
  .sa-stock-action-link--emerald:hover { background: rgba(16, 185, 129, 0.18); }
  button.sa-stock-action-link {
    cursor: pointer;
    font-family: inherit;
  }

  .sa-stock-mgmt {
    width: 100%;
    min-width: 0;
    max-width: 100%;
    overflow-x: hidden;
    font-size: 0.875rem;
    line-height: 1.45;
    color: rgb(var(--rc-page-fg));
  }
  .sa-stock-mgmt *,
  .sa-stock-mgmt *::before,
  .sa-stock-mgmt *::after {
    box-sizing: border-box;
  }
  /* Flat sections — analytics/reports only (shop portal uses card panels above) */
  .sa-stock-analytics .sa-stock-mgmt:not(.sa-stock-workspace--shop-portal) .sa-stock-panel,
  .sa-stock-analytics .sa-stock-mgmt:not(.sa-stock-workspace--shop-portal) form.sa-stock-panel,
  .sa-stock-mgmt:not(.sa-stock-workspace--shop-portal) > .sa-stock-panel,
  .sa-stock-mgmt:not(.sa-stock-workspace--shop-portal) > form.sa-stock-panel,
  .sa-stock-mgmt:not(.sa-stock-workspace--shop-portal) > section.sa-stock-panel {
    width: 100%;
    min-width: 0;
    max-width: 100%;
    margin: 0;
    padding: 0 0 1.15rem;
    overflow: visible;
    border: none;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    border-bottom: 1px solid rgba(var(--rc-border), 0.88);
  }
  .sa-stock-analytics .sa-stock-workspace.sa-stock-mgmt:not(.sa-stock-workspace--shop-portal) > *:last-child,
  .sa-stock-mgmt:not(.sa-stock-workspace--shop-portal) > *:last-child {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0;
  }
  .sa-stock-mgmt .sa-stock-panel-head {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    padding-bottom: 0.75rem;
    border-bottom: 1px solid rgba(var(--rc-border), 0.8);
  }
  .sa-stock-mgmt .sa-stock-panel-head h3,
  .sa-stock-mgmt .sa-stock-panel-head h4 {
    margin: 0;
    font-size: 0.875rem;
    font-weight: 700;
    color: rgb(var(--rc-page-fg));
  }
  .sa-stock-mgmt .sa-stock-panel-meta {
    font-size: 0.625rem;
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: rgb(var(--rc-muted));
  }
  .sa-stock-panel__title {
    margin: 0 0 0.4rem;
    font-size: 1.0625rem;
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: -0.01em;
    color: rgb(var(--rc-page-fg));
  }
  .sa-stock-panel__hint {
    margin: 0 0 1rem;
    font-size: 0.8125rem;
    line-height: 1.5;
    color: rgb(var(--rc-muted));
  }
  .sa-stock-mgmt label > span:first-child,
  .sa-stock-mgmt .sa-stock-field-label {
    display: block;
    margin-bottom: 0.35rem;
    font-size: 0.6875rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: rgb(var(--rc-muted));
  }
  .sa-stock-mgmt input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="submit"]):not([type="button"]),
  .sa-stock-mgmt select,
  .sa-stock-mgmt textarea,
  .sa-stock-input {
    width: 100%;
    min-width: 0;
    max-width: 100%;
    min-height: 2.625rem;
    border-radius: 0.625rem;
    border: 1px solid rgba(var(--rc-border), 0.95);
    background: rgb(var(--rc-surface-2));
    padding: 0.5rem 0.75rem;
    font-size: 0.875rem;
    font-weight: 500;
    color: rgb(var(--rc-page-fg));
    transition: border-color 0.15s ease, box-shadow 0.15s ease, background-color 0.15s ease;
  }
  .sa-stock-mgmt input::placeholder,
  .sa-stock-mgmt textarea::placeholder {
    color: rgb(var(--rc-muted));
    opacity: 0.75;
    font-weight: 400;
  }
  .sa-stock-mgmt input:focus,
  .sa-stock-mgmt select:focus,
  .sa-stock-mgmt textarea:focus {
    outline: none;
    border-color: rgba(var(--rc-primary), 0.55);
    background: rgb(var(--rc-surface));
    box-shadow: 0 0 0 3px rgba(var(--rc-primary), 0.14);
  }
  .sa-stock-mgmt .sa-stock-mgmt-toolbar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.75rem;
    width: 100%;
    margin-bottom: 0.85rem;
  }
  .sa-stock-mgmt .sa-stock-mgmt-toolbar [role="tablist"] {
    display: inline-flex;
    flex-wrap: wrap;
    gap: 0.25rem;
    padding: 0.28rem;
    border-radius: 0.75rem;
    background: rgb(var(--rc-surface-2));
    border: 1px solid rgba(var(--rc-border), 0.9);
  }
  .sa-stock-mgmt .sa-stock-mgmt-toolbar [role="tablist"] button {
    margin: 0;
    min-height: 2.25rem;
    padding: 0.45rem 1rem;
    border: none;
    border-radius: 0.5rem;
    background: transparent;
    font-size: 0.8125rem;
    font-weight: 600;
    letter-spacing: 0.02em;
    color: rgb(var(--rc-muted));
    cursor: pointer;
    transition: background-color 0.15s ease, color 0.15s ease, box-shadow 0.15s ease;
  }
  .sa-stock-mgmt .sa-stock-mgmt-toolbar [role="tablist"] button:hover {
    color: rgb(var(--rc-page-fg));
    background: rgba(var(--rc-surface), 0.65);
  }
  .sa-stock-mgmt .sa-stock-mgmt-toolbar [role="tablist"] button[aria-selected="true"] {
    background: rgb(var(--rc-surface));
    color: rgb(var(--rc-page-fg));
    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.08);
  }
  .sa-stock-mgmt #stock-mode-in[aria-selected="true"],
  .sa-stock-mgmt #shop-store-mode-in[aria-selected="true"] {
    color: rgb(4 120 87);
    box-shadow: 0 1px 3px rgba(16, 185, 129, 0.15);
  }
  .sa-stock-mgmt #stock-mode-out[aria-selected="true"],
  .sa-stock-mgmt #shop-store-mode-out[aria-selected="true"] {
    color: rgb(190 18 60);
    box-shadow: 0 1px 3px rgba(244, 63, 94, 0.15);
  }
  .sa-stock-mgmt .sa-stock-search-row {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    width: 100%;
    margin-top: 0.25rem;
  }
  .sa-stock-mgmt .sa-stock-search-row input[type="search"] {
    flex: 1 1 auto;
    min-width: 0;
  }
  .sa-stock-mgmt .sa-stock-count-badge {
    flex-shrink: 0;
    padding: 0.3rem 0.65rem;
    border-radius: 999px;
    border: 1px solid rgba(var(--rc-border), 0.85);
    background: rgb(var(--rc-surface-2));
    font-size: 0.75rem;
    font-weight: 600;
    font-variant-numeric: tabular-nums;
    color: rgb(var(--rc-muted));
  }
  .sa-stock-mgmt-scroll,
  .sa-stock-mgmt-table-wrap {
    display: block;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    margin-top: 0.75rem;
    max-height: min(68vh, 760px);
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior: contain;
    border: 1px solid rgba(var(--rc-border), 0.9);
    border-radius: 0.75rem;
    background: rgb(var(--rc-surface));
  }
  .sa-stock-mgmt-table-scroll-hint {
    display: none;
    margin: 0.5rem 0 0;
    font-size: 0.6875rem;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: rgb(var(--rc-muted));
  }
  @media (max-width: 1023px) {
    .sa-stock-mgmt-table-scroll-hint {
      display: block;
    }
  }
  .sa-stock-mgmt-scroll .sa-stock-mgmt-table,
  .sa-stock-mgmt-scroll .sa-stock-data-table.sa-stock-mgmt-table,
  .sa-stock-mgmt-table-wrap .sa-stock-mgmt-table {
    border: 1px solid rgb(var(--rc-border));
  }
  .sa-stock-mgmt-table.sa-stock-data-table,
  .sa-stock-data-table.sa-stock-mgmt-table {
    width: max-content;
    min-width: 100%;
    max-width: none;
    border-collapse: collapse;
    table-layout: auto;
  }
  .sa-stock-mgmt-table {
    width: max-content;
    min-width: 100%;
    border-collapse: collapse;
    table-layout: auto;
    border: 1px solid rgb(var(--rc-border));
  }
  .sa-stock-mgmt-table th,
  .sa-stock-mgmt-table td {
    border: 1px solid rgb(var(--rc-border));
  }
  .sa-stock-mgmt-table.sa-stock-mgmt-table--compact {
    min-width: 28rem;
  }
  .sa-stock-mgmt-table.sa-stock-mgmt-table--wide {
    min-width: 48rem;
  }
  @media (min-width: 1024px) {
    .sa-stock-mgmt-table:not(.sa-stock-mgmt-table--compact):not(.sa-stock-mgmt-table--wide) {
      width: 100%;
      table-layout: fixed;
    }
    .sa-stock-mgmt-table.sa-stock-mgmt-table--wide {
      width: 100%;
      table-layout: fixed;
    }
  }
  .sa-stock-mgmt-table thead th,
  .sa-stock-mgmt-table.sa-stock-data-table thead th {
    position: sticky;
    top: 0;
    z-index: 4;
    padding: 0.55rem 0.5rem;
    border: 1px solid rgb(var(--rc-border));
    border-bottom: 2px solid rgb(var(--rc-border));
    background: rgb(var(--rc-surface-2));
    font-size: 0.625rem;
    font-weight: 700;
    line-height: 1.25;
    letter-spacing: 0.06em;
    text-align: left;
    text-transform: uppercase;
    white-space: nowrap;
    color: rgb(var(--rc-muted));
    vertical-align: bottom;
    box-shadow: inset 0 -1px 0 rgb(var(--rc-border));
  }
  .sa-stock-mgmt-table thead th.sa-stock-th--in {
    color: rgb(4 120 87);
  }
  .sa-stock-mgmt-table thead th.sa-stock-th--out {
    color: rgb(190 18 60);
  }
  .sa-stock-mgmt-table thead th.sa-stock-th--num,
  .sa-stock-mgmt-table td.sa-stock-td--num {
    text-align: right;
    font-variant-numeric: tabular-nums;
  }
  .sa-stock-mgmt-table thead th.sa-stock-th--actions,
  .sa-stock-mgmt-table td.sa-stock-mgmt-actions-cell {
    text-align: right;
  }
  .sa-stock-mgmt-table tbody td {
    padding: 0.5rem 0.5rem;
    border: 1px solid rgb(var(--rc-border));
    vertical-align: middle;
    background: rgb(var(--rc-surface));
    font-size: 0.8125rem;
  }
  .sa-stock-mgmt-table tbody tr:nth-child(even):not(.sa-stock-mgmt-cat-row):not(.shop-store-cat-row):not(.sa-stock-mgmt-edit-row) td {
    background: rgba(var(--rc-surface-2), 0.35);
  }
  .sa-stock-mgmt-table tbody tr:not(.sa-stock-mgmt-cat-row):not(.shop-store-cat-row):not(.sa-stock-mgmt-edit-row):hover td {
    background: rgba(var(--rc-primary), 0.06);
  }
  .sa-stock-mgmt-table tbody tr.hidden {
    display: none !important;
  }
  .sa-stock-mgmt-table tbody tr.sa-stock-mgmt-cat-row td,
  .sa-stock-mgmt-table tbody tr.shop-store-cat-row td {
    padding: 0.5rem 0.65rem;
    background: rgba(var(--rc-surface-2), 0.95);
    font-size: 0.6875rem;
    font-weight: 800;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: rgb(var(--rc-muted));
    border: 1px solid rgb(var(--rc-border));
  }
  .sa-stock-mgmt-table tbody tr[class*="emerald-500"] td,
  .sa-stock-mgmt-table tbody tr.shop-store-cat-row td {
    color: rgb(4 120 87);
  }
  .sa-stock-mgmt-table tbody tr[class*="rose-500"] td {
    color: rgb(190 18 60);
  }
  .sa-stock-mgmt-table tbody tr.sa-stock-mgmt-edit-row td {
    padding: 0.75rem 0.65rem;
    background: rgba(var(--rc-surface-2), 0.55);
    border: 1px solid rgb(var(--rc-border));
  }
  html[data-theme="dark"] .sa-stock-mgmt-table tbody tr:nth-child(even):not(.sa-stock-mgmt-cat-row):not(.shop-store-cat-row):not(.sa-stock-mgmt-edit-row) td {
    background: rgba(var(--rc-surface-2), 0.45);
  }
  html[data-theme="light"] .sa-stock-mgmt-table tbody tr:nth-child(even):not(.sa-stock-mgmt-cat-row):not(.shop-store-cat-row):not(.sa-stock-mgmt-edit-row) td {
    background: rgba(var(--rc-surface-2), 0.55);
  }
  .sa-stock-mgmt-table td::before {
    display: none !important;
    content: none !important;
  }
  .sa-stock-mgmt-table td.sa-stock-mgmt-item-cell {
    min-width: 11rem;
    vertical-align: top;
  }
  @media (min-width: 1024px) {
    .sa-stock-mgmt-table .sa-stock-col-item { width: 18%; }
    .sa-stock-mgmt-table .sa-stock-col-shop { width: 9%; }
    .sa-stock-mgmt-table .sa-stock-col-stock { width: 6%; }
    .sa-stock-mgmt-table .sa-stock-col-qty { width: 7%; }
    .sa-stock-mgmt-table .sa-stock-col-price { width: 8%; }
    .sa-stock-mgmt-table .sa-stock-col-phone { width: 10%; }
    .sa-stock-mgmt-table .sa-stock-col-seller { width: 14%; }
    .sa-stock-mgmt-table .sa-stock-col-pay { width: 9%; }
    .sa-stock-mgmt-table .sa-stock-col-note { width: 10%; }
    .sa-stock-mgmt-table .sa-stock-col-reason { width: 9%; }
    .sa-stock-mgmt-table .sa-stock-col-refund { width: 7%; }
    .sa-stock-mgmt-table .sa-stock-col-actions { width: 11%; }
  }
  @media (max-width: 1023px) {
    .sa-stock-mgmt-table th.sa-stock-col-hide-lg,
    .sa-stock-mgmt-table td.sa-stock-col-hide-lg {
      display: none;
    }
  }
  @media (max-width: 767px) {
    .sa-stock-mgmt-table th.sa-stock-col-hide-md,
    .sa-stock-mgmt-table td.sa-stock-col-hide-md {
      display: none;
    }
  }
  @media (max-width: 479px) {
    .sa-stock-mgmt-table th.sa-stock-col-hide-sm,
    .sa-stock-mgmt-table td.sa-stock-col-hide-sm {
      display: none;
    }
  }
  .sa-stock-mgmt-table input,
  .sa-stock-mgmt-table select {
    min-height: 2.35rem;
    font-size: 0.8125rem;
  }
  .sa-stock-mgmt-table .shop-store-seller-hint,
  .sa-stock-mgmt-table .js-seller-hint-bulk {
    margin-top: 0.2rem;
    font-size: 0.65rem;
    line-height: 1.3;
    color: rgb(var(--rc-muted));
  }
  .sa-stock-mgmt-table td.sa-stock-td--num {
    font-weight: 600;
    color: rgb(var(--rc-page-fg));
  }
  .sa-stock-mgmt-item-name {
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: -0.01em;
    color: rgb(var(--rc-page-fg));
  }
  .sa-stock-mgmt-item-meta {
    margin-top: 0.2rem;
    font-size: 0.75rem;
    line-height: 1.4;
    color: rgb(var(--rc-muted));
  }
  .sa-stock-mgmt .sa-stock-mgmt-bulk-bar {
    display: grid;
    gap: 0.75rem;
    grid-template-columns: 1fr;
    width: 100%;
    margin-top: 0.85rem;
    padding: 0.85rem 0 0;
    border: none;
    border-top: 1px solid rgba(var(--rc-border), 0.88);
    border-radius: 0;
    background: transparent;
  }
  .sa-stock-mgmt .sa-stock-mgmt-bulk-bar > p:first-child {
    margin: 0 0 0.25rem;
    grid-column: 1 / -1;
    font-size: 0.8125rem;
    font-weight: 600;
    color: rgb(var(--rc-page-fg));
  }
  .sa-stock-mgmt .sa-stock-bulk-feedback,
  .sa-stock-mgmt .sa-stock-mgmt-bulk-bar > p[id*="feedback"] {
    grid-column: 1 / -1;
    margin: 0;
    min-height: 1rem;
    font-size: 0.75rem;
    color: rgb(var(--rc-muted));
  }
  .sa-stock-mgmt .sa-stock-mgmt-bulk-bar > .btn-rc {
    grid-column: 1 / -1;
    justify-self: start;
  }
  .sa-stock-mgmt .sa-stock-mgmt-bulk-bar label,
  .sa-stock-mgmt .sa-stock-mgmt-bulk-bar button {
    width: 100%;
    min-width: 0;
  }
  .sa-stock-mgmt .sa-stock-mgmt-submit {
    display: flex;
    justify-content: flex-end;
    gap: 0.5rem;
    width: 100%;
    margin-top: 0.85rem;
    padding-top: 1rem;
    border-top: 1px solid rgba(var(--rc-border), 0.8);
  }
  .sa-stock-mgmt-actions-cell .flex {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
    justify-content: flex-end;
  }
  .sa-stock-mgmt-actions-cell .btn-rc {
    min-height: 2.125rem;
    padding: 0.35rem 0.75rem;
    font-size: 0.75rem;
    font-weight: 600;
  }
  @media (min-width: 640px) {
    .sa-stock-mgmt .sa-stock-mgmt-bulk-bar {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  @media (min-width: 1024px) {
    .sa-stock-mgmt .sa-stock-mgmt-bulk-bar {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  @media (max-width: 639px) {
    .sa-stock-analytics .sa-stock-mgmt .sa-stock-panel,
    .sa-stock-mgmt > .sa-stock-panel,
    .sa-stock-mgmt form.sa-stock-panel {
      padding: 0 0 1rem;
    }
    .sa-stock-mgmt-scroll,
    .sa-stock-mgmt-table-wrap {
      max-height: min(58vh, 520px);
    }
    .sa-stock-mgmt-table thead th,
    .sa-stock-mgmt-table tbody td {
      padding: 0.4rem 0.35rem;
      font-size: 0.75rem;
    }
    .sa-stock-mgmt .sa-stock-mgmt-toolbar {
      flex-direction: column;
      align-items: stretch;
    }
    .sa-stock-mgmt .sa-stock-mgmt-toolbar [role="tablist"] {
      display: flex;
      width: 100%;
    }
    .sa-stock-mgmt .sa-stock-mgmt-toolbar [role="tablist"] button {
      flex: 1 1 50%;
      text-align: center;
    }
    .sa-stock-mgmt .sa-stock-mgmt-submit {
      flex-direction: column;
    }
    .sa-stock-mgmt .sa-stock-mgmt-submit .btn-rc {
      width: 100%;
    }
    .sa-stock-mgmt input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="submit"]):not([type="button"]),
    .sa-stock-mgmt select,
    .sa-stock-mgmt textarea {
      min-height: 2.75rem;
      font-size: 16px;
    }
  }

  .sa-stock-analytics .sa-stock-hero {
    background:
      radial-gradient(circle at top right, rgba(249, 115, 22, 0.1), transparent 48%),
      radial-gradient(circle at bottom left, rgba(56, 189, 248, 0.08), transparent 42%),
      linear-gradient(180deg, rgba(var(--rc-surface-2), 0.35) 0%, rgb(var(--rc-surface)) 100%);
  }
  .sa-stock-analytics .sa-stock-filter input,
  .sa-stock-analytics .sa-stock-filter select {
    min-height: 2.5rem;
  }
  .sa-stock-analytics .shop-analytics-tab {
    transition: background-color 0.16s ease, color 0.16s ease, box-shadow 0.16s ease;
  }
  .sa-stock-analytics .shop-analytics-tab.shop-analytics-tab-active {
    background: rgba(var(--rc-primary), 0.14);
    color: rgb(var(--rc-page-fg));
    box-shadow: 0 0 0 1px rgba(var(--rc-primary), 0.28);
  }
  .sa-stock-analytics [data-shop-analytics-report-view="raw"] .sa-visual-only {
    display: none !important;
  }
  .sa-stock-analytics [data-shop-analytics-report-view="visual"] .sa-raw-only {
    display: none !important;
  }
  .sa-stock-analytics .sa-stock-data-table {
    width: 100%;
    border-collapse: collapse;
    table-layout: auto;
    border: 1px solid rgb(var(--rc-border));
  }
  .sa-stock-analytics .sa-stock-data-table th,
  .sa-stock-analytics .sa-stock-data-table td {
    border: 1px solid rgb(var(--rc-border));
    padding: 0.55rem 0.65rem;
    vertical-align: middle;
    font-size: 0.8125rem;
  }
  .sa-stock-analytics .sa-stock-data-table thead th {
    background: rgb(var(--rc-surface-2));
    border-bottom: 2px solid rgb(var(--rc-border));
    font-size: 0.65rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: rgb(var(--rc-muted));
    white-space: nowrap;
  }
  .sa-stock-mgmt .sa-stock-data-table:not(.sa-stock-mgmt-table) th,
  .sa-stock-mgmt .sa-stock-data-table:not(.sa-stock-mgmt-table) td {
    border: 1px solid rgb(var(--rc-border));
  }
  .sa-stock-analytics .sa-stock-data-table tbody tr:nth-child(even) td {
    background: rgba(var(--rc-surface-2), 0.35);
  }
  .sa-stock-analytics .sa-stock-data-table tbody tr:hover td {
    background: rgba(var(--rc-primary), 0.06);
  }
  @media (max-width: 639px) {
    .sa-stock-analytics .sa-stock-workspace {
      margin-top: 0.5rem;
      gap: 0.5rem;
    }
    .sa-stock-analytics .sa-stock-hero {
      border-radius: 0.5rem;
      box-shadow: none;
    }
    .sa-stock-analytics .sa-stock-hero-top {
      padding: 0.65rem 0.75rem;
    }
    .sa-stock-analytics .sa-stock-hero-desc,
    .sa-stock-analytics .sa-stock-hero-eyebrow,
    .sa-stock-analytics .sa-stock-filter-intro,
    .sa-stock-analytics .sa-stock-filter-hint {
      display: none;
    }
    .sa-stock-analytics .sa-stock-hero-title {
      font-size: 1rem;
      margin-top: 0;
    }
    .sa-stock-analytics .sa-stock-chips span {
      padding: 0.1rem 0.4rem;
      font-size: 0.65rem;
    }
    .sa-stock-analytics .sa-stock-filter {
      padding: 0.5rem 0.75rem;
    }
    .sa-stock-analytics .sa-stock-filter input,
    .sa-stock-analytics .sa-stock-filter select {
      min-height: 2.15rem;
      font-size: 0.8125rem;
    }
    .sa-stock-analytics .sa-stock-kpis {
      display: grid;
      gap: 0;
      border: 1px solid rgba(var(--rc-border), 0.9);
      border-radius: 0.5rem;
      overflow: hidden;
      background: rgb(var(--rc-surface));
    }
    .sa-stock-analytics .sa-stock-kpis.mt-3,
    .sa-stock-analytics .sa-stock-kpis.mt-4,
    .sa-stock-analytics .sa-stock-kpis.mt-5 {
      margin-top: 0.5rem;
    }
    .sa-stock-analytics .sa-stock-kpis.sm\:grid-cols-2,
    .sa-stock-analytics .sa-stock-kpis.xl\:grid-cols-5,
    .sa-stock-analytics .sa-stock-kpis.xl\:grid-cols-4,
    .sa-stock-analytics .sa-stock-kpis.lg\:grid-cols-4 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .sa-stock-analytics .sa-stock-kpis.lg\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .sa-stock-analytics .sa-stock-kpis.lg\:grid-cols-3 > div {
      border-bottom: none;
    }
    .sa-stock-analytics .sa-stock-kpis > div {
      padding: 0.45rem 0.35rem;
      border: none;
      border-radius: 0;
      box-shadow: none;
      text-align: center;
      border-right: 1px solid rgba(var(--rc-border), 0.85);
      border-bottom: 1px solid rgba(var(--rc-border), 0.85);
    }
    .sa-stock-analytics .sa-stock-kpis > div:nth-child(2n) {
      border-right: none;
    }
    .sa-stock-analytics .sa-stock-kpis > div:nth-last-child(-n+2) {
      border-bottom: none;
    }
    .sa-stock-analytics .sa-stock-kpis > div:only-child {
      border-right: none;
      border-bottom: none;
      grid-column: 1 / -1;
    }
    .sa-stock-analytics .sa-stock-kpis p.mt-1.text-xs,
    .sa-stock-analytics .sa-stock-kpis .text-xs.text-\[rgb\(var\(--rc-muted\)\)\] {
      display: none;
    }
    .sa-stock-analytics .sa-stock-kpis .text-2xl,
    .sa-stock-analytics .sa-stock-kpis .text-xl {
      font-size: 0.95rem;
    }
    .sa-stock-analytics .sa-stock-kpis .text-sm {
      font-size: 0.75rem;
    }
    .sa-stock-analytics .sa-stock-banner {
      margin-top: 0.35rem;
      padding: 0.35rem 0.5rem;
      font-size: 0.65rem;
    }
    .sa-stock-analytics .sa-stock-panel:not(.sa-stock-mgmt .sa-stock-panel) {
      border: none;
      border-radius: 0;
      box-shadow: none;
      background: transparent;
      margin-top: 0.5rem;
      padding-left: 0;
      padding-right: 0;
    }
    .sa-stock-analytics .sa-stock-mgmt:not(.sa-stock-workspace--shop-portal) .sa-stock-panel,
    .sa-stock-analytics .sa-stock-mgmt:not(.sa-stock-workspace--shop-portal) form.sa-stock-panel {
      border: none;
      border-radius: 0;
      background: transparent;
      padding: 0 0 0.85rem;
      border-bottom: 1px solid rgba(var(--rc-border), 0.85);
    }
    .sa-stock-workspace--shop-portal .sa-stock-panel,
    .sa-stock-workspace--shop-portal form.sa-stock-panel,
    .sa-stock-workspace--shop-portal > section.sa-stock-panel {
      padding: 0.65rem 0 0.85rem;
    }
    .sa-stock-analytics .sa-stock-panel-head {
      padding: 0.35rem 0;
      border-bottom: 1px solid rgba(var(--rc-border), 0.75);
    }
    .sa-stock-analytics .sa-stock-panel-head .sa-stock-panel-meta {
      display: none;
    }
    .sa-stock-analytics .sa-stock-data-table th,
    .sa-stock-analytics .sa-stock-data-table td {
      padding: 0.4rem 0.35rem;
      font-size: 0.75rem;
    }
    .sa-stock-analytics .sa-stock-section {
      border-radius: 0.5rem;
      padding: 0.65rem;
    }
  }

/* ── templates/shop_current_stock.html ── */
.shop-current-stock-page .shop-current-stock-legend {
      display: flex;
      flex-wrap: wrap;
      gap: 0.5rem 0.75rem;
      margin-top: 0.75rem;
    }
    .shop-current-stock-page .shop-current-stock-legend__item {
      display: inline-flex;
      align-items: center;
      gap: 0.35rem;
      font-size: 0.6875rem;
      font-weight: 700;
      letter-spacing: 0.04em;
      text-transform: uppercase;
      color: rgb(var(--rc-muted));
    }
    .shop-current-stock-page .shop-current-stock-legend__swatch {
      width: 0.55rem;
      height: 0.55rem;
      border-radius: 9999px;
    }
    .shop-current-stock-page .shop-current-stock-qty {
      display: inline-flex;
      min-width: 2.5rem;
      justify-content: flex-end;
      border-radius: 0.45rem;
      padding: 0.15rem 0.45rem;
      font-weight: 800;
    }
    .shop-current-stock-page .shop-current-stock-qty--enough {
      color: rgb(5 150 105);
      background: rgba(16, 185, 129, 0.12);
    }
    .shop-current-stock-page .shop-current-stock-qty--attention {
      color: rgb(180 83 9);
      background: rgba(245, 158, 11, 0.16);
    }
    .shop-current-stock-page .shop-current-stock-qty--below {
      color: rgb(190 18 60);
      background: rgba(244, 63, 94, 0.14);
    }
    .shop-current-stock-page .js-current-stock-row--attention {
      background: rgba(245, 158, 11, 0.05);
    }
    .shop-current-stock-page .js-current-stock-row--below {
      background: rgba(244, 63, 94, 0.06);
    }

/* ── templates/shop_kitchen_portion_analytics.html ── */
.shop-kitchen-analytics-theme .rounded-2xl {
      border-color: rgba(var(--rc-border), 0.9);
      box-shadow: 0 16px 28px -24px rgba(15, 23, 42, 0.52);
    }
    .shop-kitchen-analytics-theme table tbody tr:hover {
      background-color: rgba(148, 163, 184, 0.08);
    }
    .shop-kitchen-analytics-theme .kitchen-analytics-toolbar {
      background-image: linear-gradient(135deg, rgba(249, 115, 22, 0.06), transparent 38%);
      border-color: rgba(var(--rc-border), 0.9);
      box-shadow: 0 14px 28px -22px rgba(15, 23, 42, 0.55);
    }
    .shop-kitchen-analytics-theme .kitchen-presentation-toolbar {
      background-image:
        radial-gradient(circle at top right, rgba(56, 189, 248, 0.12), transparent 45%),
        linear-gradient(135deg, rgba(249, 115, 22, 0.07), transparent 42%);
      border-color: rgba(var(--rc-border), 0.9);
      box-shadow: 0 14px 28px -22px rgba(15, 23, 42, 0.55);
    }
    .shop-kitchen-analytics-theme .kitchen-analytics-tab-active {
      background: rgba(var(--rc-primary), 0.14);
      color: rgb(var(--rc-page-fg));
      box-shadow: 0 0 0 1px rgba(var(--rc-primary), 0.28);
    }


/* ── extracted from templates/it_support_stock_supplier_detail.html ── */
@media print {
  nav,
  header,
  aside,
  .btn-rc,
  .tab-btn,
  #tab-items-panel,
  #tab-payments-panel {
    display: none !important;
  }

  #supplier-statement-print {
    display: block !important;
    border: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  #supplier-statement-print table,
  #supplier-statement-print th,
  #supplier-statement-print td {
    color: #000 !important;
  }
}