/* Inventory & Rentals workspace. Colour, spacing, radius and type come from the
   shared design tokens (packages/web-ui-assets/tokens-shared.css); panels and
   controls are the shared gk-* components. */
.stock-rentals-workspace { min-width: 0; color: var(--text); font-family: var(--font-body, inherit); font-size: var(--fs-14); line-height: var(--lh-normal); }
.stock-rentals-workspace *, .stock-rentals-workspace *::before, .stock-rentals-workspace *::after { box-sizing: border-box; }
.stock-rentals-workspace [hidden] { display: none !important; }

.stock-rentals-workspace .stock-heading { display: flex; justify-content: space-between; align-items: flex-start; gap: var(--space-xl); margin-bottom: var(--space-xl); }
.stock-rentals-workspace .stock-heading h1 { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-md); margin: 0; font-family: var(--font-display, inherit); font-size: clamp(var(--fs-20), 3vw, var(--fs-32)); }
.stock-rentals-workspace .stock-heading p { margin: var(--space-xs) 0; color: var(--text-muted); }
.stock-rentals-workspace #status { max-width: 35rem; margin: 0; color: var(--text); }
.stock-rentals-workspace #status.error { color: var(--danger-text); }

.stock-rentals-workspace .stock-content { display: grid; gap: var(--space-xl); max-width: 80rem; }
.stock-rentals-workspace .stock-content > section { padding: var(--space-2xl); border: 1px solid var(--admin-border, var(--border)); border-radius: var(--radius-card); background: var(--card); }
.stock-rentals-workspace h2 { margin: 0 0 var(--space-md); font-size: var(--fs-20); }
.stock-rentals-workspace h3 { margin: var(--space-xl) 0 var(--space-md); font-size: var(--fs-16); }
.stock-rentals-workspace ul { margin: 0; padding-inline-start: var(--space-3xl); }
.stock-rentals-workspace small, .stock-rentals-workspace .stock-muted { color: var(--text-muted); }

.stock-rentals-workspace .stock-metrics { display: grid; grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr)); gap: var(--space-lg); margin: var(--space-lg) 0; }
.stock-rentals-workspace form { display: grid; gap: var(--space-lg); max-width: 48rem; margin: var(--space-lg) 0; }
.stock-rentals-workspace gk-card form { margin-bottom: 0; }
.stock-rentals-workspace .button-row { display: flex; flex-wrap: wrap; gap: var(--space-md); }
.stock-rentals-workspace .command-grid, .stock-rentals-workspace .rental-search-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(19rem, 1fr)); gap: var(--space-xl); }
.stock-rentals-workspace .rental-search-grid form { margin: 0; padding: var(--space-lg); border: 1px solid var(--border); border-radius: var(--radius-card); }
.stock-rentals-workspace .lookup { padding-bottom: var(--space-lg); border-bottom: 1px solid var(--border); }
.stock-rentals-workspace .workflow { display: grid; gap: var(--space-md); }
.stock-rentals-workspace .record-table, .stock-rentals-workspace .result-card { margin-top: var(--space-lg); }
.stock-rentals-workspace .stock-code { max-height: 22rem; overflow: auto; margin: 0; font-family: var(--mono); font-size: var(--fs-12); }
.stock-rentals-workspace .recovery code, .stock-rentals-workspace code { overflow-wrap: anywhere; }
.stock-rentals-workspace gk-data-table { margin-top: var(--space-md); }
.stock-rentals-workspace gk-alert { margin: var(--space-md) 0; }

.stock-rentals-workspace video[data-stock-scanner-video] { width: 100%; aspect-ratio: 16 / 9; object-fit: cover; border-radius: var(--radius-sm); background: var(--primary-surface); }

@media (max-width: 34rem) {
  .stock-rentals-workspace .stock-heading { display: block; }
  .stock-rentals-workspace .stock-content > section { padding: var(--space-lg); }
  .stock-rentals-workspace .command-grid, .stock-rentals-workspace .rental-search-grid { grid-template-columns: 1fr; }
}