/* Inventory 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 gk-page-header { display: block; margin-bottom: var(--space-2xl); }
/* A short-lived result is a toast. The status line stays on the page for a failure or a limit on what staff can do, and is otherwise read aloud only. */
.stock-rentals-workspace #status { margin: 0 0 var(--space-2xl); color: var(--text-muted); }
.stock-rentals-workspace #status.error { color: var(--text); }
.stock-rentals-workspace #status[data-tone="hidden"] { position: absolute; width: 1px; height: 1px; margin: 0; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.stock-rentals-workspace .stock-content { display: grid; gap: var(--space-2xl); }
/* Overview lines: a label and its value on one row, in sentence case. */
.stock-rentals-workspace .stock-facts { display: grid; max-width: var(--control-width-xl); margin: 0; }
.stock-rentals-workspace .stock-facts > div { display: flex; justify-content: space-between; gap: var(--space-2xl); padding: var(--space-sm) 0; border-bottom: 1px solid var(--border); }
.stock-rentals-workspace .stock-facts dt { color: var(--text-muted); }
.stock-rentals-workspace .stock-facts dd { margin: 0; font-weight: var(--fw-ui); text-align: end; }
.stock-rentals-workspace .stock-menu > summary { list-style: none; display: inline-flex; align-items: center; justify-content: center; min-width: var(--control-height); min-height: var(--control-height); border: 1px solid var(--border); border-radius: var(--radius-btn); background: var(--card); color: var(--text); font-size: var(--fs-16); cursor: pointer; }
.stock-rentals-workspace .stock-menu > summary::-webkit-details-marker, .stock-rentals-workspace .stock-menu > summary::before { display: none; content: none; }
.stock-rentals-workspace .stock-menu[open] > summary, .stock-rentals-workspace .stock-menu > summary:hover { background: var(--primary-surface); }
.stock-rentals-workspace .stock-menu > summary:focus-visible { outline: var(--focus-outline-width) solid var(--focus-ring-color); outline-offset: var(--focus-outline-offset-inset); }
/* A form's buttons are as wide as their label, not as wide as the page. */
.stock-rentals-workspace form > gk-button { justify-self: start; }
.stock-rentals-workspace .admin-attention-list { max-width: var(--control-width-xl); padding-inline-start: 0; }
.stock-rentals-workspace .admin-attention { width: 100%; padding-inline: 0; border: 0; border-bottom: 1px solid var(--border); border-radius: 0; background: transparent; font: inherit; text-align: start; cursor: pointer; }
.stock-rentals-workspace span.admin-attention { cursor: default; }
.stock-rentals-workspace span.admin-attention:hover { background: transparent; }
.stock-rentals-workspace h2 { margin: 0 0 var(--space-md); font-size: var(--fs-16); font-weight: 500; }
.stock-rentals-workspace h3 { margin: var(--space-xl) 0 var(--space-md); font-size: var(--fs-14); font-weight: 500; }
/* A panel's blocks (heading, intro, forms, tables) sit on one 16px rhythm; the grid gap replaces their own margins. */
.stock-rentals-workspace gk-card > section, .stock-rentals-workspace .workflow { display: grid; gap: var(--space-2xl); }
.stock-rentals-workspace gk-card > section > :is(h2, h3, p), .stock-rentals-workspace .workflow > :is(h2, h3, p) { margin: 0; }
.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-configuration { margin: 0; }
.stock-rentals-workspace form { display: grid; gap: var(--space-2xl); margin: var(--space-lg) 0; }
/* A field is as wide as its answer. */
.stock-rentals-workspace gk-field:has(input[type="number"], input[type="datetime-local"], input[type="date"]) { max-width: var(--control-width-md); }
.stock-rentals-workspace gk-field:has(select:not([multiple], [size])) { max-width: var(--control-width-lg); }
.stock-rentals-workspace gk-field:has(input:not([type]), input[type="text"], input[type="search"]) { max-width: var(--control-width-xl); }
.stock-rentals-workspace .check { display: flex; align-items: center; gap: var(--space-sm); min-height: var(--gk-min-tap); }
.stock-rentals-workspace .check input { margin: 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 { --admin-form-min: 19rem; --admin-form-gap: var(--space-2xl); --admin-form-align: stretch; }
.stock-rentals-workspace .rental-search-grid form { margin: 0; padding: var(--space-2xl); border: 1px solid var(--border); border-radius: var(--radius-card); }
.stock-rentals-workspace .rental-search-grid h3 { margin: 0; }
.stock-rentals-workspace .lookup { padding-bottom: var(--space-2xl); border-bottom: 1px solid var(--border); }
.stock-rentals-workspace .record-table { display: grid; gap: var(--space-2xl); margin: 0; }
.stock-rentals-workspace .record-table > h3 { margin: 0; }
.stock-rentals-workspace .result-card { margin-top: var(--space-lg); }
/* Empty states and support details sit in the panel's rhythm instead of adding their own bands. */
.stock-rentals-workspace gk-empty-state { --empty-pad: var(--space-2xl); --empty-icon-mb: 0; }
.stock-rentals-workspace gk-collapse { margin-bottom: 0; }
.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: 0; }
.stock-rentals-workspace gk-alert { margin: var(--space-md) 0; }
/* A panel that is the page's one message sits on the content grid's own gap. */
.stock-rentals-workspace .stock-content > gk-alert { margin: 0; }
.stock-rentals-workspace .stock-loading { margin: 0; padding: var(--space-lg) 0; color: var(--text-muted); }

.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); }

/* A small phone, the admin breakpoint set's narrowest width (@golfkit/web-ui-assets/breakpoints.mjs). */
@media (max-width: 480px) {
  .stock-rentals-workspace .stock-content > gk-card { --card-pad: var(--space-2xl); }
}