:root {
  --bg: #070b11;
  --bg-soft: #0b111a;
  --surface: #101821;
  --surface-2: #121d28;
  --surface-3: #182331;
  --line: rgba(168, 184, 204, 0.14);
  --line-strong: rgba(245, 168, 0, 0.38);
  --text: #edf3fb;
  --muted: #8d9aaa;
  --muted-2: #647285;
  --gold: #f5a800;
  --gold-2: #ffbe29;
  --green: #26d06f;
  --cyan: #31c4d7;
  --blue: #6ea5ff;
  --purple: #9a6cff;
  --red: #ff4d5f;
  --orange: #ff8a2a;
  --shadow: 0 1.25rem 3.75rem rgba(0, 0, 0, 0.36);
  --radius-xs: 0.45rem;
  --radius-sm: 0.6rem;
  --radius-md: 0.72rem;
  --gap: clamp(0.42rem, 0.72vw, 0.74rem);
  --pad: clamp(0.56rem, 0.82vw, 0.88rem);
  --control: clamp(2.75rem, 2.5vw, 3rem);
  --side: clamp(10.8rem, 13.5vw, 14.2rem);
  --top: clamp(3.5rem, 6.2vh, 4.25rem);
  --font: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

* {
  box-sizing: border-box;
}

html {
  min-inline-size: 100%;
  background: var(--bg);
}

body {
  min-block-size: 100svh;
  margin: 0;
  overflow-x: hidden;
  background:
    radial-gradient(circle at 18% 0%, rgba(245, 168, 0, 0.08), transparent 24rem),
    linear-gradient(135deg, #05080d 0%, #0a1119 56%, #070a0f 100%);
  color: var(--text);
  font-family: var(--font);
  font-size: clamp(0.78rem, 0.28vw + 0.72rem, 0.92rem);
  letter-spacing: 0;
}

body.is-locked {
  overflow: hidden;
}

body.is-menu-open {
  overflow: hidden;
}

body.is-handoff-review-open {
  overflow: hidden;
  overscroll-behavior: none;
}

body.is-handoff-review-open .content {
  overflow: hidden;
}

body.is-handoff-pointer-guarded .app-shell,
body.is-handoff-pointer-guarded .bottom-nav {
  pointer-events: none;
}

button,
input,
select,
textarea {
  font: inherit;
}

button {
  cursor: pointer;
}

img,
svg,
canvas {
  display: block;
  max-inline-size: 100%;
}

a {
  color: inherit;
}

.app {
  min-block-size: 100svh;
  inline-size: 100%;
}

.protected-ui {
  min-block-size: 100svh;
  inline-size: 100%;
}

.app-shell {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  min-block-size: 100svh;
}

.sidebar {
  position: fixed;
  inset-block: 0;
  inset-inline-start: 0;
  display: grid;
  grid-template-rows: auto minmax(0, 1fr) auto;
  inline-size: min(86vw, 17.5rem);
  block-size: 100svh;
  padding: var(--pad);
  border-inline-end: 0.0625rem solid var(--line);
  background: rgba(6, 11, 17, 0.92);
  backdrop-filter: blur(1.4rem);
  transform: translateX(-105%);
  visibility: hidden;
  pointer-events: none;
  transition: transform 180ms ease, visibility 180ms ease;
  z-index: 90;
  border-inline-end-color: rgba(245, 168, 0, 0.26);
  box-shadow: 1rem 0 2.8rem rgba(0, 0, 0, 0.38);
}

.sidebar.is-open {
  transform: translateX(0);
  visibility: visible;
  pointer-events: auto;
}

.brand {
  display: flex;
  align-items: center;
  gap: clamp(0.5rem, 0.7vw, 0.64rem);
  min-inline-size: 0;
  padding-block-end: clamp(0.62rem, 1.1vw, 0.95rem);
}

.brand-mark {
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  inline-size: clamp(1.8rem, 2.6vw, 2.32rem);
  aspect-ratio: 1;
  border: 0.0625rem solid rgba(245, 168, 0, 0.42);
  border-radius: 50%;
  color: var(--gold);
  background: rgba(245, 168, 0, 0.1);
}

.brand-text {
  min-inline-size: 0;
  font-size: clamp(0.94rem, 0.48vw + 0.82rem, 1.14rem);
  font-weight: 780;
  white-space: nowrap;
}

.brand-text strong,
.accent {
  color: var(--gold);
}

.sidebar-close {
  display: grid;
  flex: 0 0 auto;
  margin-inline-start: auto;
  min-inline-size: max(var(--control), 2.75rem);
  min-block-size: max(var(--control), 2.75rem);
}

.nav {
  display: grid;
  align-content: start;
  gap: 0.18rem;
  min-block-size: 0;
  overflow-y: auto;
  scrollbar-width: thin;
}

.nav-button {
  display: flex;
  align-items: center;
  gap: 0.52rem;
  inline-size: 100%;
  min-inline-size: 0;
  padding: clamp(0.46rem, 0.62vw, 0.64rem);
  border: 0.0625rem solid transparent;
  border-radius: var(--radius-sm);
  background: transparent;
  color: var(--muted);
  text-align: start;
  transition: border-color 160ms ease, background 160ms ease, color 160ms ease;
}

.nav-button:hover,
.nav-button:focus-visible {
  border-color: rgba(245, 168, 0, 0.22);
  color: var(--text);
  outline: none;
}

.nav-button.is-active {
  background: linear-gradient(90deg, rgba(245, 168, 0, 0.24), rgba(245, 168, 0, 0.04));
  border-color: rgba(245, 168, 0, 0.18);
  color: var(--gold-2);
}

.nav-icon,
.mini-icon,
.btn-icon {
  display: inline-grid;
  place-items: center;
  flex: 0 0 auto;
  inline-size: 1.35em;
  aspect-ratio: 1;
  color: currentColor;
}

.nav-label {
  min-inline-size: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-inline-size: 1.18rem;
  padding: 0.06rem 0.34rem;
  border-radius: 999rem;
  color: var(--text);
  background: rgba(255, 77, 95, 0.2);
  border: 0.0625rem solid rgba(255, 77, 95, 0.3);
  font-size: 0.78em;
  margin-inline-start: auto;
}

.sidebar-card {
  display: grid;
  gap: 0.42rem;
  margin-block-start: var(--gap);
  padding: var(--pad);
  border: 0.0625rem solid var(--line);
  border-radius: var(--radius-md);
  background: linear-gradient(180deg, rgba(18, 29, 40, 0.92), rgba(11, 18, 27, 0.92));
}

.sidebar-card small,
.muted {
  color: var(--muted);
}

.release-control {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 0.46rem;
  inline-size: 100%;
  min-block-size: var(--control);
  padding: 0.46rem;
  border: 0.0625rem solid rgba(168, 184, 204, 0.14);
  border-radius: var(--radius-sm);
  color: var(--muted);
  background: rgba(5, 10, 16, 0.44);
  text-align: start;
}

.release-control:hover,
.release-control:focus-visible {
  color: var(--gold-2);
  border-color: rgba(245, 168, 0, 0.34);
  outline: none;
}

.release-control > span:first-child {
  display: grid;
  place-items: center;
  inline-size: clamp(1.8rem, 2.2vw, 2.15rem);
  aspect-ratio: 1;
  border-radius: var(--radius-xs);
  color: currentColor;
  background: rgba(168, 184, 204, 0.07);
}

.release-control > span:last-child {
  display: grid;
  gap: 0.04rem;
  min-inline-size: 0;
}

.release-control small,
.release-control strong,
.release-control em {
  min-inline-size: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.release-control small {
  font-size: 0.62em;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.release-control strong {
  color: var(--text);
  font-size: 0.82em;
}

.release-control em {
  color: var(--muted);
  font-size: 0.64em;
  font-style: normal;
}

.release-control.is-current {
  color: var(--green);
  border-color: rgba(38, 208, 111, 0.24);
  background: rgba(38, 208, 111, 0.055);
}

.release-control.is-update {
  color: var(--gold-2);
  border-color: rgba(245, 168, 0, 0.38);
  background: rgba(245, 168, 0, 0.1);
  box-shadow: 0 0 1.1rem rgba(245, 168, 0, 0.08);
}

.release-control.is-error {
  color: var(--orange);
  border-color: rgba(255, 138, 42, 0.28);
  background: rgba(255, 138, 42, 0.065);
}

.status-pill {
  display: inline-flex;
  align-items: center;
  gap: 0.34rem;
  inline-size: fit-content;
  padding: 0.18rem 0.48rem;
  border-radius: 999rem;
  border: 0.0625rem solid rgba(38, 208, 111, 0.25);
  color: var(--green);
  background: rgba(38, 208, 111, 0.09);
  font-weight: 700;
  font-size: 0.78em;
}

.status-pill::before,
.dot {
  content: "";
  inline-size: 0.55em;
  aspect-ratio: 1;
  border-radius: 50%;
  background: currentColor;
  box-shadow: 0 0 0.8rem currentColor;
}

.status-pill.offline {
  border-color: rgba(255, 77, 95, 0.28);
  color: var(--red);
  background: rgba(255, 77, 95, 0.08);
}

.status-pill.warning {
  border-color: rgba(245, 168, 0, 0.3);
  color: var(--gold-2);
  background: rgba(245, 168, 0, 0.1);
}

.main {
  min-inline-size: 0;
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  background:
    linear-gradient(180deg, rgba(14, 22, 32, 0.86), rgba(5, 9, 14, 0.9)),
    radial-gradient(circle at 82% 8%, rgba(49, 196, 215, 0.05), transparent 28rem);
}

.topbar {
  position: sticky;
  inset-block-start: 0;
  z-index: 15;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: var(--gap);
  min-block-size: var(--top);
  padding: clamp(0.52rem, 0.9vw, 0.78rem) clamp(0.68rem, 1.15vw, 1.05rem);
  border-block-end: 0.0625rem solid var(--line);
  background: rgba(7, 12, 19, 0.86);
  backdrop-filter: blur(1.2rem);
}

.icon-button.menu-toggle {
  display: none;
}

.menu-toggle.is-active {
  color: var(--gold-2);
  border-color: rgba(245, 168, 0, 0.42);
  background: rgba(245, 168, 0, 0.1);
}

@media (min-width: 58.0625em) {
  body.is-menu-open {
    overflow-x: hidden;
    overflow-y: auto;
  }

  .app-shell {
    grid-template-columns: var(--side) minmax(0, 1fr);
  }

  .sidebar,
  .sidebar.is-open {
    position: sticky;
    inset-block-start: 0;
    align-self: start;
    inline-size: var(--side);
    transform: none;
    visibility: visible;
    pointer-events: auto;
    z-index: 20;
    box-shadow: none;
  }

  .mobile-overlay,
  .mobile-overlay.is-visible {
    display: none;
  }

  .sidebar-close {
    display: none;
  }
}

.top-title {
  min-inline-size: 0;
}

.top-title h1 {
  margin: 0;
  font-size: clamp(0.98rem, 0.58vw + 0.82rem, 1.24rem);
  line-height: 1.15;
  overflow-wrap: anywhere;
}

.top-title h1:focus-visible {
  outline: 0.125rem solid rgba(245, 168, 0, 0.66);
  outline-offset: 0.18rem;
  border-radius: 0.2rem;
}

.top-title p {
  margin: 0.24rem 0 0;
  color: var(--muted);
  font-size: clamp(0.68rem, 0.25vw + 0.62rem, 0.78rem);
}

.top-actions {
  display: flex;
  align-items: center;
  justify-content: end;
  gap: 0.42rem;
  min-inline-size: 0;
  flex-wrap: wrap;
}

.action-wrap {
  position: relative;
  display: inline-flex;
  min-inline-size: 0;
}

.top-action {
  display: inline-flex;
  align-items: center;
  gap: 0.42rem;
  min-inline-size: 0;
  min-block-size: var(--control);
  border: 0.0625rem solid var(--line);
  border-radius: var(--radius-sm);
  color: var(--text);
  background: rgba(16, 24, 33, 0.86);
}

.top-action:hover,
.top-action:focus-visible,
.top-action.is-active,
.icon-button.is-active,
.profile-chip.is-active {
  color: var(--gold);
  border-color: rgba(245, 168, 0, 0.35);
  outline: none;
}

.branch-trigger {
  max-inline-size: clamp(10.4rem, 18vw, 14.5rem);
  padding: 0 clamp(0.52rem, 0.8vw, 0.72rem);
}

.branch-copy {
  display: grid;
  min-inline-size: 0;
  text-align: start;
  line-height: 1.12;
}

.branch-copy strong,
.branch-copy small,
.profile-name {
  min-inline-size: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.branch-copy small {
  color: var(--muted);
  font-size: 0.72em;
}

.chevron {
  display: inline-grid;
  flex: 0 0 auto;
  inline-size: 1em;
}

.select,
.field,
.search {
  min-inline-size: 0;
  border: 0.0625rem solid var(--line);
  border-radius: var(--radius-sm);
  background: rgba(16, 24, 33, 0.9);
  color: var(--text);
  min-block-size: var(--control);
}

.select {
  inline-size: 100%;
  block-size: max(var(--control), 2.75rem);
  min-block-size: max(var(--control), 2.75rem);
  padding: 0 clamp(0.58rem, 0.8vw, 0.72rem);
}

.search {
  display: flex;
  align-items: center;
  gap: 0.42rem;
  padding-inline: clamp(0.58rem, 0.8vw, 0.72rem);
}

.search input,
.field {
  inline-size: 100%;
  color: var(--text);
}

.search input,
.field {
  border: 0;
  outline: none;
  background: transparent;
}

.icon-button {
  position: relative;
  display: inline-grid;
  place-items: center;
  inline-size: var(--control);
  aspect-ratio: 1;
  border: 0.0625rem solid var(--line);
  border-radius: var(--radius-sm);
  color: var(--muted);
  background: rgba(16, 24, 33, 0.86);
}

.icon-button:hover,
.icon-button:focus-visible {
  color: var(--gold);
  border-color: rgba(245, 168, 0, 0.35);
  outline: none;
}

.network-indicator.is-online {
  color: var(--green);
  border-color: rgba(38, 208, 111, 0.32);
  background: rgba(38, 208, 111, 0.08);
}

.network-indicator.is-offline {
  color: var(--red);
  border-color: rgba(255, 77, 95, 0.36);
  background: rgba(255, 77, 95, 0.1);
}

.network-indicator::after {
  content: "";
  position: absolute;
  inset-inline-end: 0.34rem;
  inset-block-end: 0.34rem;
  inline-size: 0.48rem;
  aspect-ratio: 1;
  border-radius: 50%;
  background: currentColor;
  box-shadow: 0 0 0.75rem currentColor;
}

.notification-button .badge {
  position: absolute;
  inset-inline-end: -0.2rem;
  inset-block-end: -0.18rem;
  min-inline-size: clamp(1.05rem, 1.5vw, 1.22rem);
  padding: 0.02rem 0.22rem;
  margin: 0;
}

.user-chip {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  min-inline-size: 0;
  padding: 0.22rem 0.42rem;
  border: 0.0625rem solid var(--line);
  border-radius: 999rem;
  background: rgba(16, 24, 33, 0.78);
}

.profile-chip {
  color: var(--text);
  cursor: pointer;
}

.profile-chip:hover,
.profile-chip:focus-visible {
  color: var(--gold);
  border-color: rgba(245, 168, 0, 0.35);
  outline: none;
}

.top-panel {
  position: absolute;
  inset-block-start: calc(100% + 0.46rem);
  inset-inline-end: 0;
  z-index: 70;
  display: grid;
  gap: 0.58rem;
  inline-size: min(23rem, calc(100vw - 1rem));
  max-block-size: min(70vh, 32rem);
  overflow: auto;
  padding: clamp(0.62rem, 1vw, 0.82rem);
  border: 0.0625rem solid rgba(245, 168, 0, 0.24);
  border-radius: var(--radius-md);
  background:
    linear-gradient(180deg, rgba(19, 29, 41, 0.98), rgba(8, 13, 20, 0.98)),
    radial-gradient(circle at 100% 0%, rgba(245, 168, 0, 0.08), transparent 12rem);
  box-shadow: var(--shadow);
}

.branch-panel {
  inset-inline-start: auto;
  inset-inline-end: 0;
}

.panel-head,
.panel-row,
.panel-stat,
.profile-summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.6rem;
  min-inline-size: 0;
}

.panel-head > div,
.profile-summary > div,
.panel-stat > div {
  display: grid;
  gap: 0.12rem;
  min-inline-size: 0;
}

.panel-head strong,
.profile-summary strong,
.panel-stat strong,
.panel-note strong,
.panel-option strong {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.panel-head .muted,
.profile-summary .muted,
.panel-stat small,
.panel-note small,
.panel-option small {
  color: var(--muted);
  font-size: 0.78em;
  overflow-wrap: anywhere;
}

.panel-list {
  display: grid;
  gap: 0.34rem;
  min-inline-size: 0;
}

.panel-option > span:nth-child(2),
.panel-note > div {
  display: grid;
  gap: 0.1rem;
  min-inline-size: 0;
}

.panel-option,
.panel-note {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 0.46rem;
  min-inline-size: 0;
  padding: 0.48rem;
  border: 0.0625rem solid rgba(168, 184, 204, 0.1);
  border-radius: var(--radius-sm);
  color: var(--text);
  background: rgba(8, 14, 21, 0.48);
}

.panel-option {
  inline-size: 100%;
  text-align: start;
}

.panel-option:hover,
.panel-option:focus-visible,
.panel-option.is-selected {
  border-color: rgba(245, 168, 0, 0.32);
  background: rgba(245, 168, 0, 0.08);
  outline: none;
}

.option-icon,
.panel-stat > span {
  display: grid;
  place-items: center;
  inline-size: clamp(1.9rem, 2.8vw, 2.25rem);
  aspect-ratio: 1;
  border-radius: var(--radius-sm);
  color: var(--gold);
  background: rgba(245, 168, 0, 0.09);
}

.panel-note {
  grid-template-columns: auto minmax(0, 1fr);
}

.panel-note .dot {
  color: var(--color, var(--gold));
}

.panel-stat {
  justify-content: start;
  padding: 0.55rem;
  border: 0.0625rem solid rgba(168, 184, 204, 0.1);
  border-radius: var(--radius-sm);
  background: rgba(8, 14, 21, 0.46);
}

.panel-row {
  padding: 0.42rem 0;
  border-block-start: 0.0625rem solid rgba(168, 184, 204, 0.08);
}

.panel-actions {
  display: flex;
  align-items: center;
  gap: 0.34rem;
  flex-wrap: wrap;
  min-inline-size: 0;
}

.panel-actions .button {
  flex: 1 1 min(100%, 7rem);
}

.profile-summary {
  justify-content: start;
  padding-block-end: 0.48rem;
  border-block-end: 0.0625rem solid rgba(168, 184, 204, 0.1);
}

.avatar {
  position: relative;
  display: grid;
  place-items: center;
  inline-size: clamp(1.85rem, 2.45vw, 2.32rem);
  aspect-ratio: 1;
  overflow: hidden;
  border-radius: 50%;
  background: linear-gradient(135deg, #f1d7bd, #8d563d);
  color: #23150e;
  font-weight: 850;
}

.avatar::after {
  content: "";
  position: absolute;
  inset-inline-end: 0.05rem;
  inset-block-end: 0.05rem;
  inline-size: 0.55rem;
  aspect-ratio: 1;
  border-radius: 50%;
  border: 0.12rem solid var(--surface);
  background: var(--green);
}

.content {
  min-inline-size: 0;
  min-block-size: 0;
  padding: var(--gap);
  padding-block-end: clamp(5rem, 8vh, 6rem);
  overflow: auto;
  scrollbar-width: thin;
}

.release-update-banner {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: clamp(0.52rem, 0.9vw, 0.78rem);
  min-inline-size: 0;
  margin-block-end: var(--gap);
  padding: clamp(0.62rem, 1vw, 0.86rem);
  border: 0.0625rem solid rgba(245, 168, 0, 0.38);
  border-radius: var(--radius-md);
  background: linear-gradient(135deg, rgba(245, 168, 0, 0.14), rgba(10, 17, 25, 0.92));
  box-shadow: 0 0 0 0.0625rem rgba(245, 168, 0, 0.05) inset;
}

.release-update-icon {
  display: grid;
  place-items: center;
  inline-size: clamp(2.2rem, 3vw, 2.75rem);
  aspect-ratio: 1;
  border-radius: var(--radius-sm);
  color: var(--gold-2);
  background: rgba(245, 168, 0, 0.12);
}

.release-update-copy {
  display: grid;
  gap: 0.08rem;
  min-inline-size: 0;
}

.release-update-copy small {
  color: var(--gold-2);
  font-size: 0.66em;
  font-weight: 850;
  letter-spacing: 0.1em;
}

.release-update-copy strong,
.release-update-copy span {
  overflow-wrap: anywhere;
}

.release-update-copy span {
  color: var(--muted);
  font-size: 0.76em;
}

.release-update-banner .button {
  min-block-size: var(--control);
  white-space: normal;
}

.view {
  display: none;
  min-inline-size: 0;
}

.view.is-active {
  display: grid;
  gap: var(--gap);
}

.grid {
  display: grid;
  gap: var(--gap);
  min-inline-size: 0;
}

.grid.metrics {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 10.4rem), 1fr));
}

.grid.two {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 21rem), 1fr));
}

.grid.two.compact {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 10rem), 1fr));
}

.grid.three {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 15.5rem), 1fr));
}

.grid.main-dashboard {
  grid-template-columns: minmax(0, 1.32fr) minmax(min(100%, 18.5rem), 0.68fr);
  align-items: start;
}

.grid.split {
  grid-template-columns: minmax(0, 1fr) minmax(min(100%, 24rem), 0.42fr);
  align-items: start;
}

.grid.products-layout {
  grid-template-columns: 1fr;
}

.grid.pos-layout {
  grid-template-columns: minmax(0, 1.42fr) minmax(min(100%, 24rem), 0.58fr);
  align-items: start;
}

.grid.dining-layout {
  grid-template-columns: minmax(0, 1.08fr) minmax(min(100%, 27rem), 0.92fr);
  align-items: start;
}

.grid.admin-layout {
  grid-template-columns: minmax(0, 1.45fr) minmax(min(100%, 22rem), 0.55fr);
  align-items: start;
}

.card {
  min-inline-size: 0;
  border: 0.0625rem solid var(--line);
  border-radius: var(--radius-md);
  background:
    linear-gradient(180deg, rgba(19, 29, 41, 0.88), rgba(12, 18, 27, 0.92)),
    radial-gradient(circle at 100% 0%, rgba(245, 168, 0, 0.05), transparent 16rem);
  box-shadow: 0 0.5rem 1.5rem rgba(0, 0, 0, 0.18);
}

.card.is-hot {
  border-color: rgba(245, 168, 0, 0.48);
  box-shadow: 0 0 0 0.0625rem rgba(245, 168, 0, 0.1), 0 0.8rem 2rem rgba(0, 0, 0, 0.22);
}

.card.is-danger {
  border-color: rgba(255, 77, 95, 0.24);
  background:
    linear-gradient(180deg, rgba(38, 17, 23, 0.85), rgba(18, 14, 20, 0.92));
}

.card-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 0.62rem;
  min-inline-size: 0;
  padding: var(--pad);
  border-block-end: 0.0625rem solid rgba(168, 184, 204, 0.08);
}

.card-header h2,
.card-header h3,
.section-title {
  margin: 0;
  font-size: clamp(0.9rem, 0.34vw + 0.8rem, 1.04rem);
  line-height: 1.18;
  overflow-wrap: anywhere;
}

.card-body {
  padding: var(--pad);
  min-inline-size: 0;
}

.metric-card {
  display: grid;
  gap: clamp(0.32rem, 0.5vw, 0.42rem);
  min-block-size: clamp(5.8rem, 8.8vw, 7.25rem);
  padding: var(--pad);
}

/* V58 · KavPOS-aligned visible operations command center */
.dashboard-command-center {
  position: relative;
  isolation: isolate;
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(min(100%, 28rem), 0.9fr) auto;
  align-items: stretch;
  gap: var(--gap);
  min-inline-size: 0;
  overflow: hidden;
  padding: clamp(0.72rem, 1.35vw, 1.15rem);
  border: 0.0625rem solid rgba(245, 168, 0, 0.36);
  border-radius: clamp(0.72rem, 1vw, 1rem);
  background:
    linear-gradient(112deg, rgba(245, 168, 0, 0.14), rgba(13, 22, 32, 0.94) 42%, rgba(8, 14, 21, 0.96)),
    var(--surface);
  box-shadow: 0 1rem 2.8rem rgba(0, 0, 0, 0.24);
}

.dashboard-command-center::after {
  content: "";
  position: absolute;
  z-index: -1;
  inset-block-start: -45%;
  inset-inline-end: -8%;
  inline-size: min(42vw, 34rem);
  aspect-ratio: 1;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(245, 168, 0, 0.12), transparent 66%);
  pointer-events: none;
}

.command-center-copy,
.pos-flow-copy {
  display: grid;
  align-content: center;
  gap: clamp(0.28rem, 0.6vw, 0.46rem);
  min-inline-size: 0;
}

.command-center-kicker {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}

.command-live {
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
  color: var(--green);
  font-size: 0.72em;
  font-weight: 760;
}

.command-live > span {
  inline-size: 0.48rem;
  aspect-ratio: 1;
  border-radius: 50%;
  background: currentColor;
  box-shadow: 0 0 0.7rem currentColor;
}

.command-live.is-offline {
  color: var(--red);
}

.command-center-copy h2 {
  margin: 0;
  font-size: clamp(1.12rem, 0.72rem + 1.05vw, 1.72rem);
  line-height: 1.08;
  overflow-wrap: anywhere;
}

.command-center-copy > p {
  max-inline-size: 48rem;
  margin: 0;
  color: var(--muted);
  line-height: 1.45;
}

.command-center-status {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: clamp(0.24rem, 0.52vw, 0.42rem);
  min-inline-size: 0;
  margin-block-start: 0.24rem;
}

.command-center-status > span {
  display: grid;
  gap: 0.08rem;
  min-inline-size: 0;
  padding: clamp(0.34rem, 0.58vw, 0.48rem);
  border: 0.0625rem solid rgba(168, 184, 204, 0.11);
  border-radius: var(--radius-sm);
  color: var(--muted);
  background: rgba(5, 10, 16, 0.38);
  font-size: 0.72em;
}

.command-center-status strong {
  color: var(--text);
  font-size: clamp(0.94rem, 0.7vw + 0.75rem, 1.16rem);
  font-variant-numeric: tabular-nums;
}

.command-center-status .has-warning strong {
  color: var(--gold-2);
}

.command-center-actions {
  display: grid;
  gap: clamp(0.3rem, 0.56vw, 0.46rem);
  min-inline-size: 0;
}

.command-more-actions,
.dashboard-secondary {
  min-inline-size: 0;
}

.command-more-actions > summary,
.dashboard-secondary > summary {
  list-style: none;
  cursor: pointer;
}

.command-more-actions > summary::-webkit-details-marker,
.dashboard-secondary > summary::-webkit-details-marker {
  display: none;
}

.command-more-actions > summary {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: clamp(0.38rem, 0.7vw, 0.6rem);
  min-block-size: 2.75rem;
  padding: clamp(0.46rem, 0.8vw, 0.66rem);
  border: 0.0625rem solid rgba(168, 184, 204, 0.12);
  border-radius: var(--radius-sm);
  color: var(--muted);
  background: rgba(7, 13, 20, 0.38);
}

.command-more-actions > summary > span:first-child {
  display: grid;
  place-items: center;
  inline-size: clamp(2rem, 2.7vw, 2.5rem);
  aspect-ratio: 1;
  border: 0.0625rem solid rgba(168, 184, 204, 0.14);
  border-radius: var(--radius-sm);
}

.command-more-actions > summary > span:nth-child(2) {
  display: grid;
  gap: 0.1rem;
  min-inline-size: 0;
}

.command-more-actions > summary strong,
.command-more-actions > summary small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.command-more-actions > summary small {
  color: var(--muted);
  font-size: 0.78em;
}

.command-more-actions > summary:hover,
.command-more-actions > summary:focus-visible,
.command-more-actions[open] > summary {
  border-color: rgba(245, 168, 0, 0.42);
  color: var(--gold-2);
  outline: none;
  background: rgba(245, 168, 0, 0.07);
}

.command-more-actions > summary .command-arrow {
  transition: transform 160ms ease;
}

.command-more-actions[open] > summary .command-arrow {
  transform: rotate(180deg);
}

.command-more-actions > div {
  display: grid;
  gap: clamp(0.3rem, 0.56vw, 0.46rem);
  padding-block-start: clamp(0.3rem, 0.56vw, 0.46rem);
}

.command-more-actions:not([open]) > div,
.dashboard-secondary:not([open]) > .dashboard-secondary-content {
  display: none;
}

.dashboard-secondary {
  border: 0.0625rem solid rgba(168, 184, 204, 0.1);
  border-radius: var(--radius-md);
  background: rgba(8, 14, 21, 0.38);
}

.dashboard-secondary > summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.72rem;
  min-block-size: clamp(3rem, 4vw, 3.5rem);
  padding: clamp(0.62rem, 1vw, 0.88rem);
  color: var(--muted);
}

.dashboard-secondary > summary > span {
  display: grid;
  gap: 0.12rem;
  min-inline-size: 0;
}

.dashboard-secondary > summary strong {
  color: var(--text);
}

.dashboard-secondary > summary small {
  overflow-wrap: anywhere;
}

.dashboard-secondary > summary > svg {
  flex: 0 0 auto;
  inline-size: 1rem;
  transition: transform 160ms ease;
}

.dashboard-secondary > summary:hover,
.dashboard-secondary > summary:focus-visible,
.dashboard-secondary[open] > summary {
  color: var(--gold-2);
  outline: none;
  background: rgba(245, 168, 0, 0.05);
}

.dashboard-secondary[open] > summary {
  border-block-end: 0.0625rem solid rgba(168, 184, 204, 0.1);
}

.dashboard-secondary[open] > summary > svg {
  transform: rotate(180deg);
}

.dashboard-secondary-content {
  display: grid;
  gap: var(--gap);
  min-inline-size: 0;
  padding: var(--gap);
}

.command-action {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: clamp(0.38rem, 0.7vw, 0.6rem);
  inline-size: 100%;
  min-inline-size: 0;
  padding: clamp(0.46rem, 0.8vw, 0.66rem);
  border: 0.0625rem solid rgba(168, 184, 204, 0.12);
  border-radius: var(--radius-sm);
  color: var(--text);
  background: rgba(7, 13, 20, 0.56);
  text-align: start;
  transition: border-color 160ms ease, background 160ms ease, transform 160ms ease;
}

.command-action:hover,
.command-action:focus-visible {
  transform: translateY(-0.06rem);
  border-color: rgba(245, 168, 0, 0.48);
  outline: none;
  background: rgba(245, 168, 0, 0.08);
}

.command-action.is-primary {
  border-color: rgba(245, 168, 0, 0.45);
  background: linear-gradient(115deg, rgba(245, 168, 0, 0.2), rgba(245, 168, 0, 0.07));
}

.command-action.has-warning {
  border-color: rgba(255, 138, 42, 0.28);
}

.command-action-icon,
.command-security-icon,
.mobile-cart-dock-icon {
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  inline-size: clamp(2rem, 2.7vw, 2.5rem);
  aspect-ratio: 1;
  border: 0.0625rem solid rgba(245, 168, 0, 0.26);
  border-radius: var(--radius-sm);
  color: var(--gold-2);
  background: rgba(245, 168, 0, 0.09);
}

.command-action > span:nth-child(2),
.command-security > span:last-child,
.pos-flow-security > span:last-child,
.mobile-cart-dock > span:nth-child(2) {
  display: grid;
  gap: 0.1rem;
  min-inline-size: 0;
}

.command-action strong,
.command-action small,
.command-security strong,
.command-security small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.command-action small,
.command-security small,
.pos-flow-copy small,
.pos-flow-security small {
  color: var(--muted);
  font-size: 0.78em;
}

.command-arrow {
  color: var(--gold-2);
  font-size: 1.2em;
  font-weight: 780;
}

.command-security {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  align-content: center;
  gap: 0.46rem;
  min-inline-size: min(100%, 10rem);
  padding: clamp(0.48rem, 0.82vw, 0.72rem);
  border: 0.0625rem solid rgba(255, 138, 42, 0.24);
  border-radius: var(--radius-sm);
  background: rgba(255, 138, 42, 0.07);
}

.command-security.is-ready {
  border-color: rgba(38, 208, 111, 0.24);
  background: rgba(38, 208, 111, 0.07);
}

.command-security.is-ready .command-security-icon {
  color: var(--green);
  border-color: rgba(38, 208, 111, 0.26);
  background: rgba(38, 208, 111, 0.08);
}

.metric-action {
  inline-size: 100%;
  font: inherit;
  color: var(--text);
  text-align: start;
  cursor: pointer;
}

.metric-action:hover,
.metric-action:focus-visible {
  border-color: rgba(245, 168, 0, 0.52);
  outline: none;
  transform: translateY(-0.08rem);
}

.metric-top {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 0.52rem;
}

.metric-label {
  color: var(--muted);
  font-size: 0.82em;
}

.metric-value {
  font-size: clamp(1.02rem, 0.58rem + 0.95vw, 1.42rem);
  font-weight: 820;
  line-height: 1.08;
  max-inline-size: 100%;
  overflow-wrap: normal;
  font-variant-numeric: tabular-nums;
}

.metric-delta {
  color: var(--green);
  font-size: 0.78em;
  font-weight: 700;
}

.metric-delta.down {
  color: var(--red);
}

.progress {
  position: relative;
  overflow: hidden;
  inline-size: 100%;
  block-size: 0.38rem;
  border-radius: 999rem;
  background: rgba(141, 154, 170, 0.16);
}

.progress span {
  position: absolute;
  inset-block: 0;
  inset-inline-start: 0;
  inline-size: var(--value, 50%);
  border-radius: inherit;
  background: linear-gradient(90deg, var(--gold), var(--gold-2));
}

.spark {
  inline-size: 100%;
  block-size: clamp(1.55rem, 3.2vw, 2.35rem);
  color: var(--gold);
}

.spark path.line {
  fill: none;
  stroke: currentColor;
  stroke-width: 0.16rem;
  vector-effect: non-scaling-stroke;
}

.spark path.fill {
  fill: currentColor;
  opacity: 0.11;
}

.chart {
  inline-size: 100%;
  min-block-size: clamp(10.5rem, 19vw, 15.5rem);
}

.chart svg {
  inline-size: 100%;
  block-size: 100%;
  min-block-size: inherit;
}

.chart-grid {
  stroke: rgba(168, 184, 204, 0.1);
  stroke-width: 0.08rem;
  vector-effect: non-scaling-stroke;
}

.chart-label {
  fill: var(--muted);
  font-size: 0.64rem;
}

.button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.36rem;
  min-inline-size: 0;
  min-block-size: var(--control);
  padding-inline: clamp(0.68rem, 0.9vw, 0.98rem);
  border: 0.0625rem solid rgba(245, 168, 0, 0.35);
  border-radius: var(--radius-sm);
  color: var(--gold-2);
  background: rgba(245, 168, 0, 0.09);
  text-decoration: none;
  font-weight: 700;
  font-size: 0.9em;
  text-align: center;
}

.button.primary {
  color: #15100a;
  background: linear-gradient(135deg, var(--gold), var(--gold-2));
  border-color: rgba(255, 205, 91, 0.62);
}

.button.ghost {
  color: var(--muted);
  border-color: var(--line);
  background: rgba(16, 24, 33, 0.66);
}

.button.danger {
  color: #ffd7dd;
  border-color: rgba(255, 77, 95, 0.38);
  background: rgba(255, 77, 95, 0.11);
}

.button.success {
  color: #d9ffe8;
  border-color: rgba(38, 208, 111, 0.35);
  background: rgba(38, 208, 111, 0.12);
}

.button:focus-visible,
.field:focus-visible,
.select:focus-visible {
  outline: 0.14rem solid rgba(245, 168, 0, 0.35);
  outline-offset: 0.12rem;
}

input.field,
textarea.field {
  border: 0.0625rem solid var(--line);
  background: rgba(16, 24, 33, 0.9);
  padding: 0 clamp(0.58rem, 0.8vw, 0.72rem);
}

.catalog-price-field {
  min-inline-size: min(100%, 6.5rem);
  max-inline-size: 100%;
}

textarea.field {
  min-block-size: clamp(4.8rem, 12vh, 7rem);
  padding-block: 0.62rem;
  resize: vertical;
}

.checkline {
  display: inline-flex;
  align-items: center;
  gap: 0.42rem;
  min-block-size: var(--control);
  color: var(--muted);
  overflow-wrap: anywhere;
}

.checkline input {
  inline-size: 1rem;
  aspect-ratio: 1;
  accent-color: var(--gold);
}

.settings-form {
  gap: 0.62rem;
}

.settings-group {
  display: grid;
  gap: 0.54rem;
  min-inline-size: 0;
  padding: clamp(0.58rem, 1.1vw, 0.78rem);
  border: 0.0625rem solid rgba(168, 184, 204, 0.1);
  border-radius: var(--radius-sm);
  background: rgba(8, 14, 21, 0.32);
}

.pilot-setup-card {
  margin-block-end: clamp(0.65rem, 1.4vw, 1rem);
  border-color: rgba(245, 168, 0, 0.3);
  background:
    radial-gradient(circle at 8% 0%, rgba(245, 168, 0, 0.12), transparent 32%),
    rgba(10, 17, 25, 0.94);
}

.pilot-setup-body,
.pilot-review {
  display: grid;
  gap: clamp(0.62rem, 1.2vw, 0.9rem);
  min-inline-size: 0;
}

.pilot-boundary-note,
.pilot-error,
.pilot-success-note,
.pilot-pending {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: start;
  gap: 0.62rem;
  min-inline-size: 0;
  padding: clamp(0.62rem, 1.1vw, 0.82rem);
  border: 0.0625rem solid rgba(245, 168, 0, 0.24);
  border-radius: var(--radius-sm);
  background: rgba(245, 168, 0, 0.07);
}

.pilot-boundary-note > svg,
.pilot-error > svg,
.pilot-success-note > svg,
.pilot-pending > svg,
.pilot-warning-list svg {
  inline-size: 1.18rem;
  block-size: 1.18rem;
  color: var(--gold-2);
  flex: 0 0 auto;
}

.pilot-boundary-note > div,
.pilot-error > div,
.pilot-commit-row > div {
  display: grid;
  gap: 0.18rem;
  min-inline-size: 0;
}

.pilot-boundary-note span,
.pilot-error span,
.pilot-success-note span,
.pilot-pending span,
.pilot-commit-row span {
  color: var(--muted);
  font-size: 0.82em;
  overflow-wrap: anywhere;
}

.pilot-readiness-grid,
.pilot-summary-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 10.5rem), 1fr));
  gap: 0.48rem;
  min-inline-size: 0;
}

.pilot-live-status {
  display: grid;
  gap: clamp(0.52rem, 1vw, 0.76rem);
  min-inline-size: 0;
  padding: clamp(0.64rem, 1.2vw, 0.9rem);
  border: 0.0625rem solid rgba(168, 184, 204, 0.18);
  border-radius: var(--radius);
  background: rgba(5, 10, 16, 0.64);
}

.pilot-live-status-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 0.58rem;
  min-inline-size: 0;
}

.pilot-live-status-head > div {
  display: grid;
  gap: 0.14rem;
  min-inline-size: 0;
  flex: 1 1 min(100%, 22rem);
}

.pilot-live-status-head h3 {
  margin: 0;
}

.pilot-live-status-actions {
  display: flex;
  flex: 0 1 auto;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 0.48rem;
  min-inline-size: 0;
}

.pilot-live-status-head > div > span:last-child,
.pilot-live-status-message,
.pilot-live-status-grid small {
  color: var(--muted);
  overflow-wrap: anywhere;
}

.pilot-live-status-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 10.5rem), 1fr));
  gap: 0.48rem;
  min-inline-size: 0;
}

.pilot-live-status-grid > div {
  display: grid;
  gap: 0.14rem;
  min-inline-size: 0;
  padding: 0.58rem;
  border: 0.0625rem solid rgba(168, 184, 204, 0.12);
  border-radius: var(--radius-sm);
  background: rgba(16, 24, 33, 0.72);
}

.pilot-live-status-grid > [data-private-host-capacity][data-status="warning"] {
  border-color: rgba(245, 168, 0, 0.42);
  background: rgba(245, 168, 0, 0.08);
}

.pilot-live-status-grid > [data-private-host-capacity][data-status="warning"] strong {
  color: var(--gold-2);
}

.pilot-live-status-grid > [data-private-host-capacity][data-status="critical"],
.pilot-live-status-grid > [data-private-host-capacity][data-status="error"] {
  border-color: rgba(255, 77, 95, 0.46);
  background: rgba(255, 77, 95, 0.08);
}

.pilot-live-status-grid > [data-private-host-capacity][data-status="critical"] strong,
.pilot-live-status-grid > [data-private-host-capacity][data-status="error"] strong {
  color: var(--red);
}

.pilot-live-status-grid span,
.pilot-live-status-grid small {
  font-size: 0.74em;
}

.pilot-live-status[data-status="ready"] {
  border-color: rgba(38, 208, 111, 0.3);
  box-shadow: inset 0.18rem 0 0 rgba(38, 208, 111, 0.8);
}

.pilot-live-status[data-status="error"] {
  border-color: rgba(255, 77, 95, 0.34);
  box-shadow: inset 0.18rem 0 0 rgba(255, 77, 95, 0.8);
}

.pilot-live-status[data-status="pending"] {
  border-color: rgba(245, 168, 0, 0.3);
}

.pilot-identity-dialog {
  inline-size: min(92vw, clamp(46rem, 48vw, 64rem));
  max-inline-size: calc(100vw - clamp(1rem, 4vw, 3rem));
  max-block-size: min(88svh, 52rem);
  overflow: auto;
  padding: clamp(0.85rem, 2vw, 1.25rem);
  border: 0.0625rem solid rgba(245, 168, 0, 0.4);
  border-radius: clamp(0.85rem, 2vw, 1.25rem);
  color: var(--text);
  background: linear-gradient(145deg, rgba(13, 20, 29, 0.99), rgba(5, 10, 16, 0.99));
  box-shadow: 0 1.5rem 5rem rgba(0, 0, 0, 0.62);
}

.pilot-identity-dialog::backdrop {
  background: rgba(1, 4, 8, 0.82);
  backdrop-filter: blur(0.28rem);
}

.pilot-identity-dialog-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: start;
  gap: 0.75rem;
  min-inline-size: 0;
}

.pilot-identity-submit-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 0.75rem;
  min-inline-size: 0;
}

.pilot-identity-dialog-head > div {
  display: grid;
  gap: 0.18rem;
  flex: 1 1 min(100%, 20rem);
  min-inline-size: 0;
}

.pilot-identity-dialog-head h3 {
  margin: 0;
  font-size: clamp(1.12rem, 2.4vw, 1.55rem);
}

.pilot-identity-dialog-head span:last-child,
.pilot-identity-submit-row > span,
.pilot-identity-form small {
  color: var(--muted);
  overflow-wrap: anywhere;
}

.pilot-identity-boundary {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 0.55rem;
  margin-block: clamp(0.75rem, 1.5vw, 1rem);
  padding: 0.72rem;
  border: 0.0625rem solid rgba(245, 168, 0, 0.22);
  border-radius: var(--radius-sm);
  color: var(--muted);
  background: rgba(245, 168, 0, 0.06);
}

.pilot-identity-boundary svg {
  color: var(--gold);
}

.pilot-identity-entry-tabs {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(0.45rem, 1vw, 0.7rem);
  margin-block-end: clamp(0.75rem, 1.5vw, 1rem);
}

.pilot-identity-entry-tabs .button {
  inline-size: 100%;
  min-inline-size: 0;
  min-block-size: 2.75rem;
  white-space: normal;
}

.pilot-invite-explainer {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: start;
  gap: clamp(0.5rem, 1.2vw, 0.7rem);
  min-inline-size: 0;
  padding: clamp(0.65rem, 1.4vw, 0.85rem);
  border: 0.0625rem solid rgba(72, 168, 255, 0.28);
  border-radius: var(--radius-sm);
  background: rgba(72, 168, 255, 0.07);
}

.pilot-invite-explainer > svg {
  color: var(--blue);
}

.pilot-invite-explainer > div {
  display: grid;
  gap: 0.22rem;
  min-inline-size: 0;
}

.pilot-invite-explainer span,
.pilot-invite-explainer small {
  color: var(--muted);
  font-weight: 500;
  line-height: 1.45;
  overflow-wrap: anywhere;
}

.pilot-invite-explainer code {
  color: var(--text);
  font-size: 0.92em;
  overflow-wrap: anywhere;
}

.pilot-identity-form label > span small {
  color: var(--muted);
  font-weight: 600;
}

.pilot-identity-form {
  display: grid;
  gap: clamp(0.65rem, 1.4vw, 0.9rem);
  min-inline-size: 0;
}

.pilot-identity-form[hidden],
.pilot-identity-result[hidden],
.pilot-genesis-result[hidden] {
  display: none;
}

.pilot-identity-form-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 14rem), 1fr));
  gap: clamp(0.65rem, 1.4vw, 0.9rem);
  min-inline-size: 0;
}

.pilot-identity-form label {
  display: grid;
  gap: 0.34rem;
  min-inline-size: 0;
  font-weight: 700;
}

.pilot-identity-form input:not([type="checkbox"]) {
  inline-size: 100%;
  min-inline-size: 0;
  min-block-size: 2.75rem;
}

.pilot-genesis-form {
  margin-block-start: clamp(0.75rem, 1.5vw, 1rem);
  padding-block-start: clamp(0.75rem, 1.5vw, 1rem);
  border-block-start: 0.0625rem solid rgba(168, 184, 204, 0.16);
}

.pilot-genesis-stage-head {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: start;
  gap: 0.62rem;
  min-inline-size: 0;
}

.pilot-genesis-stage-head > div {
  display: grid;
  gap: 0.2rem;
  min-inline-size: 0;
}

.pilot-genesis-stage-head small,
.pilot-genesis-review > span {
  color: var(--muted);
  overflow-wrap: anywhere;
}

.pilot-genesis-review {
  display: grid;
  gap: 0.48rem;
  min-inline-size: 0;
  padding: clamp(0.65rem, 1.4vw, 0.9rem);
  border: 0.0625rem solid rgba(245, 168, 0, 0.26);
  border-radius: var(--radius-sm);
  background: rgba(245, 168, 0, 0.055);
}

.pilot-genesis-confirm {
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 0.58rem !important;
  min-block-size: 2.75rem;
  padding-block: 0.35rem;
  font-weight: 600 !important;
  cursor: pointer;
}

.pilot-genesis-confirm input {
  inline-size: 1.25rem;
  block-size: 1.25rem;
  min-inline-size: 1.25rem;
  margin-block-start: 0.08rem;
  accent-color: var(--gold);
}

.pilot-identity-submit-row {
  align-items: flex-end;
  padding-block-start: 0.2rem;
}

.pilot-identity-submit-row > span {
  flex: 1 1 min(100%, 20rem);
}

.pilot-identity-result {
  padding: 0.78rem;
  border: 0.0625rem solid rgba(38, 208, 111, 0.34);
  border-radius: var(--radius-sm);
  color: var(--green);
  background: rgba(38, 208, 111, 0.08);
  overflow-wrap: anywhere;
}

.pilot-identity-result[data-status="error"] {
  border-color: rgba(255, 77, 95, 0.34);
  color: var(--red);
  background: rgba(255, 77, 95, 0.08);
}

.pilot-identity-result[data-status="pending"] {
  border-color: rgba(245, 168, 0, 0.34);
  color: var(--gold);
  background: rgba(245, 168, 0, 0.08);
}

.pilot-private-catalog {
  display: grid;
  gap: 0.7rem;
  margin-block-start: clamp(0.75rem, 1.5vw, 1rem);
  padding-block-start: clamp(0.75rem, 1.5vw, 1rem);
  border-block-start: 0.0625rem solid rgba(168, 184, 204, 0.16);
  min-inline-size: 0;
}

.pilot-private-catalog[hidden],
.pilot-private-catalog-grid[hidden] {
  display: none;
}

.pilot-private-catalog-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 0.7rem;
  min-inline-size: 0;
}

.pilot-private-catalog-head > div {
  display: grid;
  gap: 0.16rem;
  flex: 1 1 min(100%, 22rem);
  min-inline-size: 0;
}

.pilot-private-catalog-head h4 {
  margin: 0;
  font-size: clamp(1rem, 2vw, 1.2rem);
}

.pilot-private-catalog-head > div > span:last-child {
  color: var(--muted);
  overflow-wrap: anywhere;
}

.pilot-private-catalog-head > .pilot-private-catalog-actions {
  display: flex;
  flex: 0 1 auto;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 0.48rem;
}

.pilot-private-catalog-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 12rem), 1fr));
  gap: 0.48rem;
  min-inline-size: 0;
}

.pilot-private-catalog-grid > div {
  display: grid;
  gap: 0.14rem;
  min-inline-size: 0;
  padding: 0.58rem;
  border: 0.0625rem solid rgba(168, 184, 204, 0.14);
  border-radius: var(--radius-sm);
  background: rgba(16, 24, 33, 0.72);
}

.pilot-private-catalog-grid span,
.pilot-private-catalog-grid small {
  color: var(--muted);
  overflow-wrap: anywhere;
}

.pilot-fiscal-onboarding {
  display: grid;
  gap: clamp(0.6rem, 1.25vw, 0.85rem);
  min-inline-size: 0;
  padding: clamp(0.72rem, 1.6vw, 1rem);
  border: 0.0625rem solid rgba(255, 77, 95, 0.25);
  border-radius: var(--radius-sm);
  background: linear-gradient(135deg, rgba(255, 77, 95, 0.055), rgba(16, 24, 33, 0.78));
}

.pilot-operations-readiness {
  display: grid;
  gap: clamp(0.6rem, 1.25vw, 0.85rem);
  min-inline-size: 0;
  padding: clamp(0.72rem, 1.6vw, 1rem);
  border: 0.0625rem solid rgba(245, 168, 0, 0.3);
  border-radius: var(--radius-sm);
  background: linear-gradient(135deg, rgba(245, 168, 0, 0.075), rgba(16, 24, 33, 0.78));
}

.pilot-fiscal-onboarding-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: clamp(0.55rem, 1.2vw, 0.8rem);
  min-inline-size: 0;
}

.pilot-fiscal-onboarding-head > div {
  display: grid;
  gap: 0.16rem;
  flex: 1 1 min(100%, 22rem);
  min-inline-size: 0;
}

.pilot-fiscal-onboarding-head h4 {
  margin: 0;
  font-size: clamp(1rem, 2vw, 1.2rem);
}

.pilot-fiscal-onboarding-head > div > span:last-child,
.pilot-fiscal-boundary span,
.pilot-fiscal-confirm span {
  color: var(--muted);
  overflow-wrap: anywhere;
}

.pilot-fiscal-form {
  display: grid;
  gap: clamp(0.6rem, 1.25vw, 0.85rem);
  min-inline-size: 0;
}

.pilot-fiscal-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 14rem), 1fr));
  gap: clamp(0.55rem, 1.2vw, 0.78rem);
  min-inline-size: 0;
}

.pilot-fiscal-grid label {
  display: grid;
  gap: 0.34rem;
  min-inline-size: 0;
  font-weight: 700;
}

.pilot-fiscal-grid input,
.pilot-fiscal-grid select {
  inline-size: 100%;
  min-inline-size: 0;
  min-block-size: 2.75rem;
}

.pilot-fiscal-boundary {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: start;
  gap: 0.58rem;
  min-inline-size: 0;
  padding: clamp(0.62rem, 1.3vw, 0.82rem);
  border: 0.0625rem solid rgba(245, 168, 0, 0.28);
  border-radius: var(--radius-sm);
  background: rgba(245, 168, 0, 0.065);
}

.pilot-fiscal-boundary > svg {
  color: var(--gold);
}

.pilot-fiscal-boundary > div {
  display: grid;
  gap: 0.18rem;
  min-inline-size: 0;
}

.pilot-fiscal-confirm {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: start;
  gap: 0.58rem;
  min-inline-size: 0;
  cursor: pointer;
}

.pilot-fiscal-confirm input {
  inline-size: 1.25rem;
  block-size: 1.25rem;
  min-inline-size: 1.25rem;
  margin-block-start: 0.08rem;
  accent-color: var(--gold);
}

.pilot-fiscal-actions {
  display: flex;
  justify-content: flex-end;
  min-inline-size: 0;
}

.pilot-staff-access {
  display: grid;
  gap: clamp(0.55rem, 1.2vw, 0.8rem);
  min-inline-size: 0;
  padding: clamp(0.72rem, 1.6vw, 1rem);
  border: 0.0625rem solid rgba(245, 168, 0, 0.3);
  border-radius: var(--radius-sm);
  background: linear-gradient(135deg, rgba(245, 168, 0, 0.075), rgba(16, 24, 33, 0.78));
}

.pilot-staff-access-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: clamp(0.6rem, 1.4vw, 0.9rem);
  min-inline-size: 0;
}

.pilot-staff-access-head > div {
  display: grid;
  gap: 0.16rem;
  flex: 1 1 min(100%, 22rem);
  min-inline-size: 0;
}

.pilot-staff-access-head h4 {
  margin: 0;
  font-size: clamp(1rem, 2vw, 1.2rem);
}

.pilot-staff-access-head > div > span:last-child,
.pilot-staff-access-review span,
.pilot-staff-access-review small {
  color: var(--muted);
  overflow-wrap: anywhere;
}

.pilot-staff-access-rules {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 9rem), 1fr));
  gap: clamp(0.4rem, 1vw, 0.6rem);
  min-inline-size: 0;
}

.pilot-staff-access-rules > span {
  padding: 0.48rem 0.62rem;
  border: 0.0625rem solid rgba(38, 208, 111, 0.24);
  border-radius: 999rem;
  color: var(--green);
  background: rgba(38, 208, 111, 0.07);
  text-align: center;
  font-weight: 750;
}

.pilot-staff-access-review {
  display: grid;
  gap: clamp(0.55rem, 1.2vw, 0.75rem);
  min-inline-size: 0;
  padding: clamp(0.65rem, 1.4vw, 0.85rem);
  border: 0.0625rem solid rgba(72, 168, 255, 0.3);
  border-radius: var(--radius-sm);
  background: rgba(72, 168, 255, 0.065);
}

.pilot-staff-access-review[hidden] {
  display: none;
}

.pilot-staff-access-review > div:first-child {
  display: grid;
  gap: 0.18rem;
  min-inline-size: 0;
}

.pilot-staff-access-review > label {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: start;
  gap: 0.58rem;
  min-inline-size: 0;
  cursor: pointer;
}

.pilot-staff-access-review input {
  inline-size: 1.25rem;
  block-size: 1.25rem;
  min-inline-size: 1.25rem;
  margin-block-start: 0.08rem;
  accent-color: var(--gold);
}

.pilot-staff-access-review-actions {
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 0.48rem;
}

.pilot-runtime-readiness {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: clamp(0.6rem, 1.4vw, 0.9rem);
  min-inline-size: 0;
  padding: clamp(0.65rem, 1.4vw, 0.9rem);
  border: 0.0625rem solid rgba(245, 168, 0, 0.22);
  border-radius: var(--radius-sm);
  background: rgba(245, 168, 0, 0.055);
}

.pilot-runtime-readiness > div {
  display: grid;
  gap: 0.2rem;
  flex: 1 1 min(100%, 22rem);
  min-inline-size: 0;
}

.pilot-runtime-readiness span {
  color: var(--muted);
  overflow-wrap: anywhere;
}

.pilot-runtime-readiness > .button {
  flex: 0 1 auto;
}

.pilot-readiness-proof-head {
  margin-block-start: clamp(0.25rem, 0.8vw, 0.5rem);
}

.pilot-readiness-proof-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 15rem), 1fr));
  gap: clamp(0.45rem, 1vw, 0.65rem);
  min-inline-size: 0;
}

.pilot-readiness-proof-grid[hidden] {
  display: none;
}

.pilot-readiness-proof-grid > div {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: start;
  gap: 0.52rem;
  min-inline-size: 0;
  padding: clamp(0.58rem, 1.2vw, 0.76rem);
  border: 0.0625rem solid rgba(245, 168, 0, 0.24);
  border-radius: var(--radius-sm);
  background: rgba(245, 168, 0, 0.045);
}

.pilot-readiness-proof-grid > div[data-status="ready"] {
  border-color: rgba(38, 208, 111, 0.3);
  background: rgba(38, 208, 111, 0.055);
}

.pilot-readiness-proof-grid > div[data-status="blocked"] {
  border-color: rgba(255, 77, 95, 0.34);
  background: rgba(255, 77, 95, 0.065);
}

.pilot-readiness-proof-grid > div > span {
  display: grid;
  place-items: center;
  inline-size: 1.55rem;
  aspect-ratio: 1;
  border-radius: 50%;
  color: var(--gold);
  background: rgba(245, 168, 0, 0.14);
  font-weight: 800;
}

.pilot-readiness-proof-grid > div[data-status="ready"] > span {
  color: var(--green);
  background: rgba(38, 208, 111, 0.14);
}

.pilot-readiness-proof-grid > div[data-status="blocked"] > span {
  color: var(--red);
  background: rgba(255, 77, 95, 0.14);
}

.pilot-readiness-proof-grid > div > div {
  display: grid;
  gap: 0.16rem;
  min-inline-size: 0;
}

.pilot-readiness-proof-grid small {
  color: var(--muted);
  overflow-wrap: anywhere;
}

@media (max-width: 34rem) {
  .pilot-identity-dialog {
    inline-size: calc(100vw - 0.75rem);
    max-inline-size: calc(100vw - 0.75rem);
    max-block-size: calc(100dvh - 0.75rem);
    padding: 0.68rem;
  }

  .pilot-identity-dialog-head,
  .pilot-identity-entry-tabs,
  .pilot-identity-form {
    gap: 0.48rem;
  }

  .pilot-identity-boundary {
    margin-block: 0.48rem;
    padding: 0.52rem;
  }

  .pilot-identity-form input:not([type="checkbox"]),
  .pilot-identity-entry-tabs .button {
    min-block-size: 2.75rem;
  }

  .pilot-genesis-confirm {
    min-block-size: 2.75rem;
    padding-block: 0.16rem;
  }

  .pilot-identity-submit-row {
    gap: 0.42rem;
    padding-block-start: 0;
  }

  .pilot-live-status-actions,
  .pilot-live-status-actions .button,
  .pilot-identity-submit-row .button,
  .pilot-private-catalog-actions,
  .pilot-private-catalog-head .button,
  .pilot-staff-access-head .button,
  .pilot-staff-access-review-actions,
  .pilot-staff-access-review-actions .button,
  .pilot-fiscal-actions,
  .pilot-fiscal-actions .button,
  .pilot-readiness-proof-head .button,
  .pilot-runtime-readiness > .button {
    inline-size: 100%;
  }
}

.pilot-readiness {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 0.48rem;
  min-inline-size: 0;
  padding: 0.58rem;
  border: 0.0625rem solid var(--line);
  border-radius: var(--radius-sm);
  background: rgba(8, 14, 21, 0.54);
}

.pilot-readiness > span {
  display: grid;
  place-items: center;
  inline-size: 1.7rem;
  aspect-ratio: 1;
  border-radius: 999rem;
  color: var(--muted);
  background: rgba(168, 184, 204, 0.1);
  font-weight: 800;
}

.pilot-readiness > div {
  display: grid;
  gap: 0.12rem;
  min-inline-size: 0;
}

.pilot-readiness small {
  color: var(--muted);
  overflow-wrap: anywhere;
}

.pilot-readiness.is-ready,
.pilot-readiness.is-applied {
  border-color: rgba(38, 208, 111, 0.28);
  background: rgba(38, 208, 111, 0.07);
}

.pilot-readiness.is-ready > span,
.pilot-readiness.is-applied > span {
  color: #d9ffe8;
  background: rgba(38, 208, 111, 0.18);
}

.pilot-readiness.is-waiting {
  border-color: rgba(255, 77, 95, 0.24);
}

.pilot-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.46rem;
  min-inline-size: 0;
}

.pilot-actions > .button {
  flex: 1 1 min(100%, 12rem);
  cursor: pointer;
}

.pilot-live-file-copy {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 0.62rem;
  flex: 1 1 100%;
  min-inline-size: 0;
  padding: clamp(0.62rem, 1.1vw, 0.82rem);
  border: 0.0625rem solid rgba(245, 168, 0, 0.24);
  border-radius: var(--radius-sm);
  background: rgba(245, 168, 0, 0.055);
}

.pilot-live-file-copy > div {
  display: grid;
  gap: 0.16rem;
  min-inline-size: 0;
}

.pilot-live-file-mark {
  display: grid;
  place-items: center;
  min-inline-size: 2.75rem;
  min-block-size: 2.75rem;
  padding-inline: 0.42rem;
  border: 0.0625rem solid rgba(245, 168, 0, 0.38);
  border-radius: 50%;
  color: var(--gold-2);
  background: rgba(245, 168, 0, 0.08);
  font-size: 0.68rem;
  font-weight: 850;
  letter-spacing: 0.04em;
}

.pilot-live-file-copy small {
  color: var(--muted);
  overflow-wrap: anywhere;
}

.pilot-review {
  padding: clamp(0.64rem, 1.2vw, 0.9rem);
  border: 0.0625rem solid rgba(168, 184, 204, 0.13);
  border-radius: var(--radius);
  background: rgba(5, 10, 16, 0.56);
}

.pilot-review-head,
.pilot-commit-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 0.58rem;
  min-inline-size: 0;
}

.pilot-review-head h3 {
  margin: 0.16rem 0 0;
  overflow-wrap: anywhere;
}

.pilot-summary-grid > div {
  display: grid;
  gap: 0.16rem;
  min-inline-size: 0;
  padding: 0.52rem;
  border-radius: var(--radius-sm);
  background: rgba(16, 24, 33, 0.72);
}

.pilot-summary-grid span {
  color: var(--muted);
  font-size: 0.74em;
}

.pilot-summary-grid strong {
  overflow-wrap: anywhere;
}

.pilot-warning-list {
  display: grid;
  gap: 0.36rem;
  min-inline-size: 0;
}

.pilot-warning-list > div {
  display: flex;
  align-items: flex-start;
  gap: 0.42rem;
  min-inline-size: 0;
  color: #ffd7dd;
  font-size: 0.82em;
}

.pilot-error {
  border-color: rgba(255, 77, 95, 0.34);
  background: rgba(255, 77, 95, 0.1);
}

.pilot-error > svg {
  color: var(--red);
}

.pilot-success-note {
  border-color: rgba(38, 208, 111, 0.28);
  background: rgba(38, 208, 111, 0.08);
}

.pilot-success-note > svg {
  color: var(--green);
}

.pilot-commit-row {
  padding-block-start: 0.62rem;
  border-block-start: 0.0625rem solid var(--line);
}

.pilot-commit-row > div {
  flex: 1 1 min(100%, 24rem);
}

.pilot-commit-row > .button {
  flex: 1 1 min(100%, 12rem);
}

.pilot-commit-row.is-live-review > .tag {
  flex: 0 1 auto;
}

.pilot-acceptance {
  display: grid;
  gap: clamp(0.62rem, 1.2vw, 0.9rem);
  min-inline-size: 0;
  padding: clamp(0.64rem, 1.2vw, 0.9rem);
  border: 0.0625rem solid rgba(245, 168, 0, 0.22);
  border-radius: var(--radius);
  background: rgba(5, 10, 16, 0.62);
}

.pilot-acceptance-head,
.pilot-acceptance-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: clamp(0.48rem, 1vw, 0.72rem);
  min-inline-size: 0;
}

.pilot-acceptance-head > div,
.pilot-acceptance-footer > div:first-child {
  display: grid;
  gap: 0.16rem;
  flex: 1 1 min(100%, 28rem);
  min-inline-size: 0;
}

.pilot-acceptance-head h3,
.pilot-acceptance-head h4 {
  margin: 0;
  overflow-wrap: anywhere;
}

.pilot-acceptance-head > div > span:last-child,
.pilot-acceptance-footer > div:first-child > span {
  color: var(--muted);
  font-size: 0.82em;
  overflow-wrap: anywhere;
}

.pilot-acceptance-list {
  display: grid;
  gap: clamp(0.48rem, 0.9vw, 0.7rem);
  min-inline-size: 0;
}

.pilot-acceptance-row {
  display: grid;
  grid-template-columns: minmax(12rem, 1.1fr) minmax(12rem, 1fr) minmax(11rem, auto);
  align-items: center;
  gap: clamp(0.5rem, 1vw, 0.78rem);
  min-inline-size: 0;
  padding: clamp(0.56rem, 1vw, 0.76rem);
  border: 0.0625rem solid rgba(168, 184, 204, 0.14);
  border-radius: var(--radius-sm);
  background: rgba(16, 24, 33, 0.72);
}

.pilot-acceptance-row.is-pass {
  border-color: rgba(38, 208, 111, 0.34);
  background: rgba(38, 208, 111, 0.07);
}

.pilot-acceptance-row.is-fail {
  border-color: rgba(255, 77, 95, 0.38);
  background: rgba(255, 77, 95, 0.08);
}

.pilot-acceptance-row.is-locked {
  grid-template-columns: minmax(0, 1fr) minmax(12rem, auto);
  border-color: rgba(255, 77, 95, 0.25);
}

.pilot-acceptance-copy {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: start;
  gap: 0.5rem;
  min-inline-size: 0;
}

.pilot-acceptance-copy > div,
.pilot-acceptance-note {
  display: grid;
  gap: 0.16rem;
  min-inline-size: 0;
}

.pilot-acceptance-copy span,
.pilot-acceptance-note > span,
.pilot-acceptance-note small {
  color: var(--muted);
  font-size: 0.78em;
  overflow-wrap: anywhere;
}

.pilot-acceptance-copy small {
  color: var(--gold-2);
  font-weight: 800;
}

.pilot-step-number {
  display: grid;
  place-items: center;
  inline-size: 1.75rem;
  aspect-ratio: 1;
  border-radius: 999rem;
  color: #181006 !important;
  background: var(--gold);
  font-weight: 900;
}

.pilot-acceptance-note textarea {
  inline-size: 100%;
  min-block-size: 3.1rem;
  resize: vertical;
}

.pilot-acceptance-buttons,
.pilot-acceptance-footer-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
  min-inline-size: 0;
}

.pilot-acceptance-buttons .button,
.pilot-acceptance-footer-actions .button {
  flex: 1 1 min(100%, 8rem);
  min-block-size: 2.75rem;
}

.pilot-acceptance-buttons [aria-pressed="true"] {
  border-color: var(--gold);
  outline: 0.12rem solid rgba(245, 168, 0, 0.28);
  outline-offset: 0.1rem;
}

.pilot-acceptance-locked {
  display: flex;
  align-items: center;
  gap: 0.46rem;
  min-inline-size: 0;
  padding: 0.58rem;
  border: 0.0625rem solid rgba(255, 77, 95, 0.28);
  border-radius: var(--radius-sm);
  color: #ffd7dd;
  background: rgba(255, 77, 95, 0.08);
  font-size: 0.8em;
}

.pilot-acceptance-locked svg {
  inline-size: 1.1rem;
  flex: 0 0 auto;
  color: var(--red);
}

.pilot-acceptance-footer {
  padding-block-start: 0.62rem;
  border-block-start: 0.0625rem solid var(--line);
}

.pilot-acceptance-footer-actions {
  flex: 1 1 min(100%, 22rem);
}

@media (max-width: 68em) {
  .pilot-acceptance-row,
  .pilot-acceptance-row.is-locked {
    grid-template-columns: minmax(0, 1fr);
  }

  .pilot-acceptance-buttons .button,
  .pilot-acceptance-footer-actions .button {
    flex-basis: min(100%, 10rem);
  }
}

@media (max-width: 30em) {
  .pilot-acceptance-buttons,
  .pilot-acceptance-footer-actions {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
  }

  .pilot-acceptance-buttons .button,
  .pilot-acceptance-footer-actions .button {
    inline-size: 100%;
  }
}

.settings-group-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 0.38rem;
  min-inline-size: 0;
}

.settings-group-head h3 {
  margin: 0;
  font-size: 0.95em;
}

.settings-group-head span,
.setting-field {
  color: var(--muted);
  font-size: 0.84em;
}

.setting-field {
  display: grid;
  gap: 0.28rem;
  min-inline-size: 0;
}

.currency-list {
  display: grid;
  gap: 0.36rem;
  min-inline-size: 0;
}

.currency-row {
  display: grid;
  gap: 0.36rem;
  min-inline-size: 0;
  padding: 0.42rem;
  border: 0.0625rem solid rgba(168, 184, 204, 0.08);
  border-radius: var(--radius-sm);
  background: rgba(16, 24, 33, 0.58);
}

.currency-row-main,
.currency-controls,
.currency-add {
  display: grid;
  grid-template-columns: minmax(7rem, 0.8fr) minmax(9rem, 1fr) auto;
  align-items: center;
  gap: 0.36rem;
  min-inline-size: 0;
}

.currency-controls {
  grid-template-columns: minmax(10rem, 1fr) auto minmax(7rem, 0.8fr);
}

.currency-add {
  grid-template-columns: minmax(5rem, 0.48fr) minmax(8rem, 1fr) minmax(4.6rem, 0.45fr) minmax(8rem, 0.8fr);
}

.currency-enabled {
  color: var(--text);
  font-weight: 760;
}

.currency-enabled small {
  color: var(--muted);
  font-weight: 600;
}

.currency-edit {
  min-inline-size: 0;
}

.currency-edit summary {
  cursor: pointer;
  color: var(--muted);
  font-size: 0.78em;
}

.rate-field {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 0.28rem;
  min-inline-size: 0;
  color: var(--muted);
  font-size: 0.82em;
}

.advanced-settings {
  display: grid;
  gap: 0.48rem;
  min-inline-size: 0;
  padding: 0.48rem;
  border: 0.0625rem solid rgba(245, 168, 0, 0.16);
  border-radius: var(--radius-sm);
  background: rgba(245, 168, 0, 0.04);
}

.advanced-settings summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  cursor: pointer;
  color: var(--gold-2);
  font-weight: 760;
}

.advanced-settings summary span {
  color: var(--muted);
  font-size: 0.78em;
  font-weight: 600;
}

.advanced-settings[open] summary {
  margin-block-end: 0.48rem;
}

.currency-summary {
  display: grid;
  gap: 0.34rem;
}

.currency-summary > div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  min-inline-size: 0;
  padding: 0.45rem;
  border-radius: var(--radius-sm);
  background: rgba(8, 14, 21, 0.42);
}

.currency-summary span {
  color: var(--muted);
  font-size: 0.84em;
}

.chip-row,
.toolbar {
  display: flex;
  align-items: center;
  gap: 0.42rem;
  flex-wrap: wrap;
  min-inline-size: 0;
}

.toolbar {
  justify-content: space-between;
}

.chip {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.3rem;
  min-inline-size: 0;
  min-block-size: clamp(1.9rem, 2.2vw, 2.22rem);
  padding-inline: clamp(0.55rem, 0.82vw, 0.82rem);
  border: 0.0625rem solid var(--line);
  border-radius: var(--radius-sm);
  color: var(--muted);
  background: rgba(16, 24, 33, 0.75);
}

.chip.is-active {
  border-color: rgba(245, 168, 0, 0.48);
  color: var(--gold-2);
  background: rgba(245, 168, 0, 0.1);
}

.chip-count {
  display: inline-grid;
  place-items: center;
  min-inline-size: 1.2rem;
  block-size: 1.2rem;
  padding-inline: 0.24rem;
  border-radius: 999rem;
  color: var(--text);
  background: rgba(237, 243, 251, 0.08);
  font-size: 0.72em;
  font-variant-numeric: tabular-nums;
}

.tag {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  inline-size: fit-content;
  max-inline-size: 100%;
  padding: 0.1rem 0.4rem;
  border: 0.0625rem solid rgba(245, 168, 0, 0.24);
  border-radius: 999rem;
  color: var(--gold-2);
  background: rgba(245, 168, 0, 0.08);
  font-size: 0.72em;
  font-weight: 700;
  overflow-wrap: anywhere;
}

.tag.green {
  color: var(--green);
  border-color: rgba(38, 208, 111, 0.24);
  background: rgba(38, 208, 111, 0.08);
}

.tag.red {
  color: var(--red);
  border-color: rgba(255, 77, 95, 0.28);
  background: rgba(255, 77, 95, 0.1);
}

.tag.blue {
  color: var(--blue);
  border-color: rgba(110, 165, 255, 0.25);
  background: rgba(110, 165, 255, 0.08);
}

.table {
  display: grid;
  gap: 0.28rem;
  min-inline-size: 0;
}

.table-head,
.table-row {
  display: grid;
  grid-template-columns: var(--cols, repeat(4, minmax(0, 1fr)));
  gap: 0.4rem;
  align-items: center;
  min-inline-size: 0;
}

.table-head {
  color: var(--muted);
  font-size: 0.72em;
  padding-inline: 0.45rem;
}

.table-row {
  padding: 0.48rem;
  border: 0.0625rem solid rgba(168, 184, 204, 0.08);
  border-radius: var(--radius-sm);
  background: rgba(8, 14, 21, 0.46);
}

.table-row.is-selected {
  border-color: rgba(245, 168, 0, 0.55);
  background: rgba(245, 168, 0, 0.08);
}

.table-row > *,
.table-head > * {
  min-inline-size: 0;
  overflow-wrap: anywhere;
}

.top-products-list {
  display: grid;
  gap: 0.28rem;
  min-inline-size: 0;
}

.top-product-row {
  display: grid;
  grid-template-columns: minmax(1.35rem, 0.24fr) minmax(0, 1fr) minmax(4.8rem, 0.62fr) minmax(2.8rem, 0.36fr);
  align-items: center;
  gap: clamp(0.28rem, 1.2vw, 0.5rem);
  min-inline-size: 0;
  padding: clamp(0.46rem, 1vw, 0.58rem);
  border: 0.0625rem solid rgba(168, 184, 204, 0.08);
  border-radius: var(--radius-sm);
  background: rgba(8, 14, 21, 0.46);
}

.top-product-row.is-selected {
  border-color: rgba(245, 168, 0, 0.55);
  background: rgba(245, 168, 0, 0.08);
}

.top-product-rank,
.top-product-price,
.top-product-qty {
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

.top-product-rank {
  color: var(--muted);
}

.top-product-name {
  min-inline-size: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 720;
}

.top-product-price,
.top-product-qty {
  justify-self: end;
  text-align: end;
}

.top-product-price {
  color: var(--text);
}

.top-product-qty {
  color: var(--gold-2);
  font-weight: 760;
}

.entity {
  display: flex;
  align-items: center;
  gap: 0.52rem;
  min-inline-size: 0;
}

.entity .avatar,
.entity .product-thumb {
  flex: 0 0 auto;
}

.entity-name {
  min-inline-size: 0;
  font-weight: 720;
  overflow-wrap: anywhere;
}

.entity-meta {
  margin-block-start: 0.12rem;
  color: var(--muted);
  font-size: 0.82em;
  overflow-wrap: anywhere;
}

.price-cell {
  display: grid;
  gap: 0.08rem;
  min-inline-size: 0;
  font-variant-numeric: tabular-nums;
}

.price-cell strong {
  overflow-wrap: anywhere;
}

.procurement-mini {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.24rem;
  margin-block-start: 0.18rem;
  color: var(--gold-2);
  font-size: 0.74em;
  font-weight: 730;
  min-inline-size: 0;
}

.procurement-mini small {
  color: var(--muted);
  font-weight: 620;
  overflow-wrap: anywhere;
}

.product-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 9.6rem), 1fr));
  gap: 0.46rem;
}

.product-card {
  display: grid;
  grid-template-rows: auto minmax(0, 1fr) auto;
  align-content: start;
  gap: 0.5rem;
  min-inline-size: 0;
  min-block-size: clamp(9.4rem, 13vw, 11rem);
  padding: clamp(0.56rem, 0.86vw, 0.72rem);
  border: 0.0625rem solid var(--line);
  border-radius: var(--radius-md);
  color: var(--text);
  background:
    linear-gradient(180deg, rgba(18, 29, 40, 0.88), rgba(10, 17, 25, 0.9));
  text-align: start;
  transition: transform 160ms ease, border-color 160ms ease;
}

.product-card-main {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: start;
  gap: 0.54rem;
  min-inline-size: 0;
}

.product-card-meta,
.product-card-foot {
  display: flex;
  align-items: end;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 0.34rem;
  min-inline-size: 0;
}

.product-card-foot {
  align-items: center;
  justify-content: flex-start;
}

.product-card .tag {
  align-self: start;
}

.product-card:hover,
.product-card:focus-visible {
  transform: translateY(-0.12rem);
  border-color: rgba(245, 168, 0, 0.48);
  outline: none;
}

.product-card.is-selected {
  border-color: rgba(245, 168, 0, 0.54);
  background:
    linear-gradient(180deg, rgba(245, 168, 0, 0.14), rgba(10, 17, 25, 0.92));
  box-shadow: inset 0 0 0 0.0625rem rgba(245, 168, 0, 0.08);
}

.product-add-state {
  display: inline-flex;
  align-items: center;
  gap: 0.22rem;
  margin-inline-start: auto;
  color: var(--gold-2);
  font-size: 0.78em;
  font-weight: 760;
}

.product-add-state .mini-icon {
  inline-size: 1em;
}

.product-add-state strong {
  display: inline-grid;
  place-items: center;
  min-inline-size: 1.35rem;
  min-block-size: 1.35rem;
  border-radius: 999rem;
  color: #171007;
  background: var(--gold-2);
  font-size: 0.9em;
}

.product-card:disabled {
  cursor: not-allowed;
  opacity: 0.48;
}

button:disabled,
.button:disabled {
  cursor: not-allowed;
  opacity: 0.48;
}

.product-thumb {
  position: relative;
  display: grid;
  place-items: center;
  inline-size: clamp(2.22rem, 3.6vw, 3.05rem);
  aspect-ratio: 0.72;
  border-radius: 0.35rem 0.35rem 0.75rem 0.75rem;
  background: linear-gradient(180deg, var(--c1, #d71920), var(--c2, #2b0a0a));
  box-shadow: inset 0 0 0 0.16rem rgba(255, 255, 255, 0.12), 0 0.7rem 1.2rem rgba(0, 0, 0, 0.24);
  overflow: hidden;
}

.product-thumb::before {
  content: "";
  position: absolute;
  inset-inline: 22%;
  inset-block-start: -4%;
  block-size: 22%;
  border-radius: 0.2rem;
  background: rgba(255, 255, 255, 0.85);
}

.product-thumb::after {
  content: attr(data-label);
  position: absolute;
  inset-inline: 8%;
  inset-block-start: 38%;
  padding-block: 0.08rem;
  border-radius: 0.18rem;
  color: #111;
  background: rgba(255, 255, 255, 0.88);
  font-size: clamp(0.46rem, 0.22vw + 0.42rem, 0.52rem);
  font-weight: 850;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.product-thumb.can,
.product-thumb.pack {
  aspect-ratio: 0.82;
  border-radius: 0.35rem;
}

.product-thumb.can::before {
  inset-inline: 0;
  inset-block-start: 0;
  block-size: 8%;
}

.product-thumb.pack::before {
  display: none;
}

.product-thumb.has-image {
  inline-size: clamp(2.55rem, 4.2vw, 3.55rem);
  aspect-ratio: 0.72;
  border-radius: var(--radius-sm);
  background:
    linear-gradient(180deg, rgba(237, 243, 251, 0.08), rgba(245, 168, 0, 0.08)),
    rgba(8, 14, 21, 0.72);
}

.product-thumb.has-image::before,
.product-thumb.has-image::after {
  display: none;
}

.product-thumb.has-image img {
  position: absolute;
  inset: 0.18rem;
  inline-size: calc(100% - 0.36rem);
  block-size: calc(100% - 0.36rem);
  object-fit: contain;
  filter: drop-shadow(0 0.45rem 0.55rem rgba(0, 0, 0, 0.35));
}

.catalog-empty {
  grid-column: 1 / -1;
  display: grid;
  justify-items: start;
  align-content: center;
  gap: 0.5rem;
  min-block-size: clamp(8rem, 18vw, 12rem);
  padding: var(--pad);
  border: 0.0625rem dashed rgba(245, 168, 0, 0.38);
  border-radius: var(--radius-md);
  background: rgba(18, 29, 40, 0.64);
}

.catalog-strip {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 10.5rem), 1fr));
  gap: 0.46rem;
  min-inline-size: 0;
}

.catalog-strip > div {
  display: grid;
  gap: 0.12rem;
  min-inline-size: 0;
  padding: 0.56rem;
  border: 0.0625rem solid rgba(168, 184, 204, 0.1);
  border-radius: var(--radius-sm);
  background: rgba(8, 14, 21, 0.42);
}

.catalog-strip strong {
  min-inline-size: 0;
  overflow-wrap: anywhere;
  font-size: 0.9em;
}

.history-mini {
  display: grid;
  gap: 0.2rem;
  min-inline-size: min(100%, 7.5rem);
}

.history-mini strong,
.history-mini span {
  overflow-wrap: anywhere;
}

.history-mini span {
  color: var(--muted);
  font-size: 0.78em;
}

.history-mini .button {
  min-block-size: 1.9rem;
  padding-inline: 0.55rem;
  justify-self: start;
}

.catalog-match-panel {
  display: grid;
  gap: 0.5rem;
  min-inline-size: 0;
  padding: 0.6rem;
  border: 0.0625rem solid rgba(245, 168, 0, 0.18);
  border-radius: var(--radius-sm);
  background:
    linear-gradient(180deg, rgba(18, 29, 40, 0.72), rgba(8, 14, 21, 0.62)),
    radial-gradient(circle at 100% 0%, rgba(245, 168, 0, 0.08), transparent 12rem);
}

.catalog-match-panel.is-selected {
  border-color: rgba(38, 208, 111, 0.28);
  background: rgba(38, 208, 111, 0.07);
}

.catalog-match-panel.is-empty {
  border-style: dashed;
}

.match-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.46rem;
  flex-wrap: wrap;
  min-inline-size: 0;
}

.match-head strong {
  min-inline-size: 0;
  overflow-wrap: anywhere;
}

.catalog-match-list {
  display: grid;
  gap: 0.42rem;
  min-inline-size: 0;
}

.catalog-match-card {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 0.56rem;
  min-inline-size: 0;
  padding: 0.52rem;
  border: 0.0625rem solid rgba(168, 184, 204, 0.08);
  border-radius: var(--radius-sm);
  background: rgba(8, 14, 21, 0.5);
}

.match-side {
  display: grid;
  justify-items: end;
  gap: 0.28rem;
  min-inline-size: 0;
}

.match-side strong {
  font-variant-numeric: tabular-nums;
}

.supplier-bridge-panel {
  display: grid;
  gap: 0.48rem;
  min-inline-size: 0;
  padding: 0.6rem;
  border: 0.0625rem solid rgba(110, 165, 255, 0.18);
  border-radius: var(--radius-sm);
  background:
    linear-gradient(180deg, rgba(16, 24, 33, 0.74), rgba(8, 14, 21, 0.58)),
    radial-gradient(circle at 100% 0%, rgba(49, 196, 215, 0.08), transparent 12rem);
}

.supplier-choice-panel {
  display: grid;
  gap: 0.5rem;
  min-inline-size: 0;
  padding: 0.6rem;
  border: 0.0625rem solid rgba(245, 168, 0, 0.26);
  border-radius: var(--radius-sm);
  background:
    linear-gradient(180deg, rgba(34, 29, 17, 0.72), rgba(12, 18, 27, 0.86)),
    radial-gradient(circle at 0% 0%, rgba(245, 168, 0, 0.1), transparent 13rem);
}

.supplier-choice-list {
  display: grid;
  gap: 0.42rem;
  min-inline-size: 0;
}

.supplier-offer-card {
  display: grid;
  gap: 0.48rem;
  min-inline-size: 0;
  padding: 0.56rem;
  border: 0.0625rem solid rgba(168, 184, 204, 0.1);
  border-radius: var(--radius-sm);
  background: rgba(8, 14, 21, 0.55);
}

.supplier-offer-card.is-selected {
  border-color: rgba(38, 208, 111, 0.42);
  background:
    linear-gradient(180deg, rgba(22, 41, 31, 0.68), rgba(8, 14, 21, 0.62));
  box-shadow: inset 0 0 0 0.0625rem rgba(38, 208, 111, 0.08);
}

.supplier-offer-main,
.supplier-offer-controls {
  display: grid;
  min-inline-size: 0;
  gap: 0.42rem;
}

.supplier-offer-main {
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: start;
}

.supplier-offer-main strong,
.supplier-offer-main span {
  overflow-wrap: anywhere;
}

.supplier-offer-main .muted {
  display: block;
  margin-block-start: 0.12rem;
  line-height: 1.32;
}

.supplier-offer-controls {
  grid-template-columns: minmax(0, 1fr) minmax(0, 0.82fr) auto;
  align-items: end;
}

.supplier-offer-controls .button {
  min-block-size: var(--control);
  align-self: end;
}

.supplier-bridge-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.42rem;
  flex-wrap: wrap;
  min-inline-size: 0;
}

.supplier-bridge-head strong {
  color: var(--text);
  overflow-wrap: anywhere;
}

.supplier-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 7.2rem), 1fr));
  gap: 0.36rem;
  min-inline-size: 0;
}

.supplier-grid > div {
  display: grid;
  gap: 0.1rem;
  min-inline-size: 0;
  padding: 0.42rem;
  border: 0.0625rem solid rgba(168, 184, 204, 0.08);
  border-radius: var(--radius-sm);
  background: rgba(8, 14, 21, 0.4);
}

.supplier-grid strong,
.supplier-alert {
  min-inline-size: 0;
  overflow-wrap: anywhere;
}

.supplier-alert {
  margin: 0;
  color: var(--muted);
  font-size: 0.84em;
  line-height: 1.35;
}

.inventory-archive {
  display: grid;
  gap: 0.42rem;
  min-inline-size: 0;
}

.archive-item {
  display: grid;
  gap: 0.5rem;
  min-inline-size: 0;
  padding: 0.58rem;
  border: 0.0625rem solid rgba(168, 184, 204, 0.08);
  border-radius: var(--radius-sm);
  background: rgba(8, 14, 21, 0.48);
}

.archive-item strong,
.archive-item span {
  overflow-wrap: anywhere;
}

.product-name {
  display: grid;
  gap: 0.12rem;
  min-inline-size: 0;
  font-weight: 760;
  line-height: 1.15;
  font-size: 0.92em;
  overflow-wrap: anywhere;
}

.product-name small {
  color: var(--muted);
  font-size: 0.86em;
  font-weight: 640;
}

.price {
  font-size: clamp(0.98rem, 0.42vw + 0.84rem, 1.18rem);
  font-weight: 830;
  color: var(--text);
  font-variant-numeric: tabular-nums;
}

.stock {
  color: var(--green);
  font-size: 0.86em;
}

.stock-workspace {
  min-inline-size: 0;
}

.stock-workspace:focus-visible {
  outline: 0.125rem solid rgba(245, 168, 0, 0.62);
  outline-offset: 0.16rem;
}

.stock-toolbar {
  display: grid;
  grid-template-columns: minmax(min(100%, 16rem), 1fr) auto;
  align-items: center;
  gap: 0.5rem;
  min-inline-size: 0;
}

.stock-mode-row {
  justify-content: flex-end;
}

.stock-summary {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 8.8rem), 1fr));
  gap: 0.46rem;
  min-inline-size: 0;
}

.stock-summary > div {
  display: grid;
  gap: 0.18rem;
  min-inline-size: 0;
  padding: 0.66rem;
  border: 0.0625rem solid rgba(168, 184, 204, 0.1);
  border-radius: var(--radius-sm);
  background:
    linear-gradient(180deg, rgba(18, 29, 40, 0.78), rgba(8, 14, 21, 0.56));
}

.stock-summary strong {
  min-inline-size: 0;
  overflow-wrap: anywhere;
  font-variant-numeric: tabular-nums;
}

.inventory-list {
  display: grid;
  gap: 0.34rem;
  min-inline-size: 0;
}

.inventory-row {
  display: grid;
  grid-template-columns: minmax(12rem, 1.35fr) minmax(4.8rem, 0.45fr) minmax(7.2rem, 0.62fr) minmax(5.2rem, 0.5fr) minmax(10.4rem, 0.86fr);
  align-items: center;
  gap: 0.5rem;
  min-inline-size: 0;
  padding: 0.62rem;
  border: 0.0625rem solid rgba(168, 184, 204, 0.08);
  border-radius: var(--radius-sm);
  background: rgba(8, 14, 21, 0.46);
}

.inventory-row.is-low {
  border-color: rgba(255, 77, 95, 0.28);
  background:
    linear-gradient(90deg, rgba(255, 77, 95, 0.08), rgba(8, 14, 21, 0.46) 44%),
    rgba(8, 14, 21, 0.46);
}

.inventory-head {
  color: var(--muted);
  background: transparent;
  border-color: transparent;
  font-size: 0.72em;
  padding-block: 0.1rem;
}

.inventory-row > * {
  min-inline-size: 0;
}

.inventory-product {
  align-self: start;
}

.inventory-stat {
  display: grid;
  justify-items: start;
  gap: 0.16rem;
}

.inventory-min {
  display: grid;
  gap: 0.18rem;
}

.inventory-label {
  display: none;
  margin-block-end: 0.18rem;
  color: var(--muted);
  font-size: 0.72em;
}

.inline-edit,
.restock-control {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.32rem;
  min-inline-size: 0;
}

.supplier-hint {
  flex: 1 1 100%;
  color: var(--muted);
  font-size: 0.74em;
  line-height: 1.28;
  overflow-wrap: anywhere;
}

.recipe-danger {
  color: var(--red) !important;
}

.stock-toolbar.is-consumption {
  align-items: start;
}

.consumption-toolbar-copy {
  display: grid;
  gap: 0.16rem;
  min-inline-size: 0;
}

.consumption-toolbar-copy strong {
  overflow-wrap: anywhere;
}

.consumption-authority-banner .consumption-integrity {
  margin-inline-start: auto;
  color: var(--muted);
  font-size: 0.76em;
}

.consumption-period-row,
.consumption-detail-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: clamp(0.42rem, 1vw, 0.76rem);
  min-inline-size: 0;
}

.consumption-period-row {
  padding-block: 0.08rem;
}

.consumption-period-row .muted {
  font-variant-numeric: tabular-nums;
}

.consumption-period-row .chip {
  min-block-size: max(var(--control), 2.75rem);
}

.consumption-workspace {
  display: grid;
  grid-template-columns: minmax(min(100%, 18rem), 0.88fr) minmax(0, 1.12fr);
  align-items: start;
  gap: clamp(0.52rem, 1.1vw, 0.86rem);
  min-inline-size: 0;
}

.consumption-list,
.consumption-detail {
  display: grid;
  gap: 0.42rem;
  min-inline-size: 0;
}

.consumption-row {
  display: grid;
  grid-template-columns: minmax(8.4rem, 1.35fr) repeat(4, minmax(0, 0.62fr)) auto;
  align-items: center;
  gap: clamp(0.34rem, 0.72vw, 0.62rem);
  inline-size: 100%;
  min-inline-size: 0;
  padding: clamp(0.58rem, 0.9vw, 0.76rem);
  border: 0.0625rem solid rgba(168, 184, 204, 0.12);
  border-radius: var(--radius-sm);
  background: rgba(8, 14, 21, 0.52);
  color: var(--text);
  text-align: start;
  cursor: pointer;
  transition: border-color 150ms ease, background 150ms ease, transform 150ms ease;
}

.consumption-row:hover,
.consumption-row:focus-visible {
  border-color: rgba(245, 168, 0, 0.44);
  background: rgba(245, 168, 0, 0.06);
  outline: none;
}

.consumption-row:active {
  transform: translateY(0.0625rem);
}

.consumption-row.is-selected {
  border-color: rgba(245, 168, 0, 0.62);
  background: linear-gradient(90deg, rgba(245, 168, 0, 0.13), rgba(8, 14, 21, 0.58));
  box-shadow: inset 0.18rem 0 0 var(--gold);
}

.consumption-row > *,
.consumption-product {
  min-inline-size: 0;
}

.consumption-row > span:not(.consumption-product):not(.consumption-chevron),
.consumption-product {
  display: grid;
  gap: 0.12rem;
}

.consumption-product {
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  column-gap: 0.38rem;
}

.consumption-product strong,
.consumption-product small {
  grid-column: 2;
  overflow-wrap: anywhere;
}

.consumption-product .tag {
  grid-row: 1 / span 2;
  align-self: center;
}

.consumption-row small {
  color: var(--muted);
  font-size: 0.7em;
}

.consumption-row strong {
  font-size: 0.82em;
  font-variant-numeric: tabular-nums;
  overflow-wrap: anywhere;
}

.consumption-variance.is-loss strong {
  color: var(--red);
}

.consumption-chevron {
  color: var(--gold);
  font-size: 1.34em;
}

.consumption-detail {
  padding: clamp(0.68rem, 1.2vw, 1rem);
  border: 0.0625rem solid rgba(245, 168, 0, 0.2);
  border-radius: var(--radius);
  background:
    radial-gradient(circle at 100% 0, rgba(245, 168, 0, 0.09), transparent 34%),
    rgba(8, 14, 21, 0.66);
}

.consumption-detail-head > div {
  display: grid;
  gap: 0.12rem;
  min-inline-size: 0;
}

.consumption-detail-head h3,
.consumption-detail-head p {
  margin: 0;
  overflow-wrap: anywhere;
}

.consumption-equation {
  display: grid;
  grid-template-columns: repeat(4, minmax(min(100%, 7rem), 1fr) auto);
  align-items: stretch;
  gap: 0.34rem;
  min-inline-size: 0;
}

.consumption-equation > div {
  display: grid;
  align-content: center;
  gap: 0.18rem;
  min-inline-size: 0;
  padding: clamp(0.52rem, 0.9vw, 0.72rem);
  border: 0.0625rem solid rgba(168, 184, 204, 0.1);
  border-radius: var(--radius-sm);
  background: rgba(18, 29, 40, 0.64);
}

.consumption-equation > div.is-result {
  border-color: rgba(245, 168, 0, 0.34);
  background: rgba(245, 168, 0, 0.08);
}

.consumption-equation > b {
  align-self: center;
  color: var(--gold);
  text-align: center;
}

.consumption-equation small,
.consumption-equation span {
  color: var(--muted);
  font-size: 0.7em;
  overflow-wrap: anywhere;
}

.consumption-equation strong {
  font-size: clamp(0.88rem, 0.48vw + 0.76rem, 1.08rem);
  font-variant-numeric: tabular-nums;
  overflow-wrap: anywhere;
}

.consumption-evidence-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 8.6rem), 1fr));
  gap: 0.38rem;
}

.consumption-evidence-grid > div {
  display: grid;
  gap: 0.12rem;
  min-inline-size: 0;
  padding: 0.54rem;
  border-radius: var(--radius-sm);
  background: rgba(18, 29, 40, 0.5);
}

.consumption-evidence-grid strong {
  font-size: 0.8em;
  overflow-wrap: anywhere;
}

.transfer-authority-banner .transfer-branch-proof {
  margin-inline-start: auto;
  color: var(--muted);
  font-size: 0.76em;
  overflow-wrap: anywhere;
}

.transfer-warning {
  color: var(--gold) !important;
}

.transfer-workspace {
  display: grid;
  grid-template-columns: minmax(min(100%, 17rem), 0.72fr) minmax(0, 1.28fr);
  align-items: start;
  gap: clamp(0.52rem, 1.1vw, 0.86rem);
  min-inline-size: 0;
}

.transfer-list,
.transfer-detail,
.transfer-request-form,
.transfer-line-list {
  display: grid;
  gap: 0.46rem;
  min-inline-size: 0;
}

.transfer-list-card {
  display: grid;
  gap: 0.24rem;
  inline-size: 100%;
  min-inline-size: 0;
  padding: clamp(0.62rem, 1vw, 0.82rem);
  border: 0.0625rem solid rgba(168, 184, 204, 0.12);
  border-radius: var(--radius-sm);
  background: rgba(8, 14, 21, 0.52);
  color: var(--text);
  text-align: start;
  cursor: pointer;
  transition: border-color 150ms ease, background 150ms ease, transform 150ms ease;
}

.transfer-list-card:hover,
.transfer-list-card:focus-visible {
  border-color: rgba(245, 168, 0, 0.44);
  background: rgba(245, 168, 0, 0.06);
  outline: none;
}

.transfer-list-card:active {
  transform: translateY(0.0625rem);
}

.transfer-list-card.is-selected {
  border-color: rgba(245, 168, 0, 0.62);
  background: linear-gradient(90deg, rgba(245, 168, 0, 0.13), rgba(8, 14, 21, 0.58));
  box-shadow: inset 0.18rem 0 0 var(--gold);
}

.transfer-list-card > *,
.transfer-list-card strong,
.transfer-list-card span {
  min-inline-size: 0;
  overflow-wrap: anywhere;
}

.transfer-list-top,
.transfer-detail-head,
.transfer-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: clamp(0.38rem, 0.8vw, 0.64rem);
  min-inline-size: 0;
}

.transfer-list-top small {
  color: var(--muted);
  font-variant-numeric: tabular-nums;
}

.transfer-route-copy {
  color: var(--muted);
  font-size: 0.82em;
}

.transfer-route-copy b {
  color: var(--gold);
}

.transfer-detail,
.transfer-request-form {
  padding: clamp(0.68rem, 1.2vw, 1rem);
  border: 0.0625rem solid rgba(245, 168, 0, 0.2);
  border-radius: var(--radius);
  background:
    radial-gradient(circle at 100% 0, rgba(245, 168, 0, 0.09), transparent 34%),
    rgba(8, 14, 21, 0.66);
}

.transfer-receipt-form,
.transfer-receipt-evidence {
  display: grid;
  gap: clamp(0.52rem, 0.9vw, 0.76rem);
  min-inline-size: 0;
  padding: clamp(0.62rem, 1vw, 0.88rem);
  border: 0.0625rem solid rgba(67, 179, 255, 0.28);
  border-radius: var(--radius-md);
  background:
    radial-gradient(circle at 100% 0, rgba(67, 179, 255, 0.08), transparent 38%),
    rgba(8, 14, 21, 0.7);
}

.transfer-receipt-evidence {
  border-color: rgba(41, 209, 142, 0.24);
  background:
    radial-gradient(circle at 100% 0, rgba(41, 209, 142, 0.07), transparent 38%),
    rgba(8, 14, 21, 0.68);
}

.transfer-receipt-editor-list,
.transfer-receipt-proof-list {
  display: grid;
  gap: 0.48rem;
  min-inline-size: 0;
}

.transfer-receipt-line-editor {
  display: grid;
  gap: 0.52rem;
  min-inline-size: 0;
  margin: 0;
  padding: clamp(0.56rem, 0.9vw, 0.76rem);
  border: 0.0625rem solid rgba(168, 184, 204, 0.12);
  border-radius: var(--radius-sm);
  background: rgba(18, 29, 40, 0.48);
}

.transfer-receipt-line-editor legend {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 0.28rem 0.64rem;
  max-inline-size: 100%;
  padding-inline: 0.28rem;
}

.transfer-receipt-line-editor legend strong,
.transfer-receipt-line-editor legend span {
  min-inline-size: 0;
  overflow-wrap: anywhere;
}

.transfer-receipt-line-editor legend span {
  color: var(--muted);
  font-size: 0.76em;
}

.transfer-receipt-form-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 8.4rem), 1fr));
  gap: 0.42rem;
  min-inline-size: 0;
}

.transfer-receipt-lot-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 0.38rem;
  min-inline-size: 0;
}

.transfer-receipt-lot-head > span {
  color: var(--muted);
  font-size: 0.76em;
  font-weight: 760;
}

.transfer-receipt-lot-editor {
  display: grid;
  gap: 0.38rem;
  min-inline-size: 0;
}

.transfer-receipt-lot-head[hidden],
.transfer-receipt-lot-editor[hidden] {
  display: none;
}

.transfer-receipt-lot-row {
  display: grid;
  grid-template-columns: minmax(7.8rem, 1fr) minmax(7rem, 0.72fr) minmax(8.6rem, 0.82fr) auto;
  align-items: end;
  gap: 0.38rem;
  min-inline-size: 0;
  padding: 0.46rem;
  border: 0.0625rem dashed rgba(67, 179, 255, 0.24);
  border-radius: var(--radius-sm);
  background: rgba(67, 179, 255, 0.035);
}

.transfer-receipt-summary {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 7.4rem), 1fr));
  gap: 0.38rem;
  min-inline-size: 0;
}

.transfer-receipt-summary > div {
  display: grid;
  gap: 0.12rem;
  min-inline-size: 0;
  padding: 0.52rem;
  border-radius: var(--radius-sm);
  background: rgba(18, 29, 40, 0.52);
}

.transfer-receipt-summary strong {
  color: var(--gold-2);
  font-variant-numeric: tabular-nums;
}

.transfer-receipt-proof-row {
  display: grid;
  grid-template-columns: minmax(min(100%, 10rem), 1.2fr) repeat(3, minmax(5.2rem, 0.58fr)) auto;
  align-items: center;
  gap: 0.44rem;
  min-inline-size: 0;
  padding: 0.56rem;
  border: 0.0625rem solid rgba(168, 184, 204, 0.1);
  border-radius: var(--radius-sm);
  background: rgba(8, 14, 21, 0.48);
}

.transfer-receipt-proof-row > div:not(.transfer-lot-chips) {
  display: grid;
  gap: 0.1rem;
  min-inline-size: 0;
}

.transfer-receipt-proof-row span,
.transfer-receipt-proof-row small,
.transfer-receipt-proof-row strong {
  min-inline-size: 0;
  overflow-wrap: anywhere;
}

.transfer-receipt-proof-row > div > span,
.transfer-receipt-proof-row small {
  color: var(--muted);
  font-size: 0.7em;
}

.transfer-variance,
.transfer-damage-note {
  color: var(--red) !important;
}

.transfer-lot-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 0.28rem;
  grid-column: 1 / -1;
  min-inline-size: 0;
}

.transfer-request-form {
  border-color: rgba(67, 179, 255, 0.28);
  background:
    radial-gradient(circle at 100% 0, rgba(67, 179, 255, 0.08), transparent 36%),
    rgba(8, 14, 21, 0.66);
}

.transfer-detail-head > div {
  display: grid;
  gap: 0.12rem;
  min-inline-size: 0;
}

.transfer-detail-head h3,
.transfer-detail-head p,
.transfer-request-form h3,
.transfer-request-form p {
  margin: 0;
  overflow-wrap: anywhere;
}

.transfer-progress {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.34rem;
  min-inline-size: 0;
}

.transfer-progress > div {
  position: relative;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 0.18rem 0.42rem;
  min-inline-size: 0;
  padding: 0.56rem;
  border: 0.0625rem solid rgba(168, 184, 204, 0.1);
  border-radius: var(--radius-sm);
  background: rgba(18, 29, 40, 0.54);
}

.transfer-progress > div > span {
  display: grid;
  place-items: center;
  grid-row: 1 / span 2;
  inline-size: 1.72rem;
  block-size: 1.72rem;
  border-radius: 50%;
  background: rgba(168, 184, 204, 0.12);
  color: var(--muted);
  font-size: 0.74em;
  font-weight: 820;
}

.transfer-progress > div.is-complete {
  border-color: rgba(41, 209, 142, 0.26);
}

.transfer-progress > div.is-complete > span {
  background: rgba(41, 209, 142, 0.18);
  color: var(--green);
}

.transfer-progress > div.is-current {
  border-color: rgba(245, 168, 0, 0.42);
  background: rgba(245, 168, 0, 0.08);
}

.transfer-progress > div.is-current > span {
  background: var(--gold);
  color: #171006;
}

.transfer-progress strong,
.transfer-progress small {
  min-inline-size: 0;
  overflow-wrap: anywhere;
}

.transfer-progress strong {
  font-size: 0.8em;
}

.transfer-progress small {
  color: var(--muted);
  font-size: 0.68em;
}

.transfer-location-grid,
.transfer-form-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.38rem;
  min-inline-size: 0;
}

.transfer-form-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.transfer-location-grid > div {
  display: grid;
  gap: 0.14rem;
  min-inline-size: 0;
  padding: 0.58rem;
  border-radius: var(--radius-sm);
  background: rgba(18, 29, 40, 0.52);
}

.transfer-location-grid > div.is-transit {
  border: 0.0625rem dashed rgba(245, 168, 0, 0.36);
  background: rgba(245, 168, 0, 0.06);
}

.transfer-location-grid strong {
  font-size: 0.8em;
  overflow-wrap: anywhere;
}

.transfer-line {
  display: grid;
  grid-template-columns: minmax(9rem, 1fr) minmax(6.8rem, 0.56fr) minmax(7.2rem, 0.58fr);
  align-items: center;
  gap: 0.46rem;
  min-inline-size: 0;
  padding: 0.56rem;
  border: 0.0625rem solid rgba(168, 184, 204, 0.08);
  border-radius: var(--radius-sm);
  background: rgba(8, 14, 21, 0.46);
}

.transfer-line > *,
.transfer-line > span {
  min-inline-size: 0;
  overflow-wrap: anywhere;
}

.transfer-line > span:first-child {
  display: grid;
  gap: 0.12rem;
}

.transfer-line small {
  color: var(--muted);
  font-size: 0.7em;
}

.transfer-line > strong {
  font-size: 0.8em;
  font-variant-numeric: tabular-nums;
}

.transfer-line-head {
  color: var(--muted);
  background: transparent;
  border-color: transparent;
  font-size: 0.72em;
  padding-block: 0.12rem;
}

.transfer-security-note {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: start;
  gap: 0.52rem;
  min-inline-size: 0;
  padding: 0.68rem;
  border: 0.0625rem solid rgba(245, 168, 0, 0.18);
  border-radius: var(--radius-sm);
  background: rgba(245, 168, 0, 0.05);
}

.transfer-security-note svg {
  color: var(--gold);
}

.transfer-security-note > div {
  display: grid;
  gap: 0.18rem;
  min-inline-size: 0;
}

.transfer-security-note p {
  margin: 0;
  color: var(--muted);
  font-size: 0.78em;
  line-height: 1.44;
  overflow-wrap: anywhere;
}

.transfer-actions {
  justify-content: flex-end;
}

@media (max-width: 88em) {
  .transfer-workspace {
    grid-template-columns: minmax(0, 1fr);
  }

  .transfer-list {
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 13rem), 1fr));
  }
}

@media (max-width: 58em) {
  .transfer-progress {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .transfer-location-grid,
  .transfer-form-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .transfer-receipt-proof-row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .transfer-receipt-proof-row > div:first-child,
  .transfer-receipt-proof-row > .tag,
  .transfer-receipt-proof-row > .transfer-damage-note {
    grid-column: 1 / -1;
  }

  .transfer-receipt-lot-row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 42em) {
  .transfer-authority-banner .transfer-branch-proof {
    flex-basis: 100%;
    margin-inline-start: 0;
  }

  .transfer-progress {
    grid-template-columns: minmax(0, 1fr);
  }

  .transfer-line-head {
    display: none;
  }

  .transfer-line {
    grid-template-columns: minmax(0, 1fr);
    align-items: start;
  }

  .transfer-actions,
  .transfer-actions .button,
  .transfer-request-form .icon-button {
    inline-size: 100%;
  }

  .transfer-request-form .icon-button {
    max-inline-size: var(--control);
  }

  .transfer-receipt-proof-row {
    grid-template-columns: minmax(0, 1fr);
  }

  .transfer-receipt-lot-row {
    grid-template-columns: minmax(0, 1fr);
  }

  .transfer-receipt-lot-row .icon-button {
    inline-size: 100%;
  }

  .transfer-receipt-proof-row > * {
    grid-column: 1 !important;
  }

  .transfer-receipt-form .transfer-actions,
  .transfer-receipt-form .button {
    inline-size: 100%;
  }
}

.cash-drawer-summary-preview {
  display: grid;
  gap: 0.72rem;
  padding: clamp(0.72rem, 1.2vw, 1rem);
}

.cash-drawer-proof-list {
  display: grid;
  gap: 0.38rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

.cash-drawer-proof-list li {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 0.58rem;
  padding: 0.58rem;
  border: 0.0625rem solid var(--line);
  border-radius: var(--radius-sm);
  background: rgba(255, 255, 255, 0.02);
}

.cash-drawer-proof-list li > span {
  display: grid;
  place-items: center;
  inline-size: 1.85rem;
  aspect-ratio: 1;
  border-radius: 50%;
  color: var(--muted);
  background: rgba(100, 114, 133, 0.12);
  font-weight: 850;
}

.cash-drawer-proof-list li.is-ready > span {
  color: var(--green);
  background: rgba(38, 208, 111, 0.1);
}

.cash-drawer-proof-list strong,
.cash-drawer-proof-list small,
.cash-drawer-proof-list b {
  display: block;
  overflow-wrap: anywhere;
}

.cash-drawer-proof-list small {
  margin-block-start: 0.1rem;
  color: var(--muted);
}

.cash-drawer-proof-list b {
  color: var(--gold-2);
  font-size: 0.68rem;
}

.cash-drawer-proof-list li.is-ready b {
  color: var(--green);
}

.cash-drawer-summary-boundary {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 0.58rem;
  padding: 0.68rem;
  border: 0.0625rem solid rgba(245, 168, 0, 0.3);
  border-radius: var(--radius-sm);
  color: var(--gold-2);
  background: rgba(245, 168, 0, 0.07);
}

.cash-drawer-summary-boundary svg {
  inline-size: 1.1rem;
}

.cash-drawer-summary-boundary strong,
.cash-drawer-summary-boundary small {
  display: block;
  overflow-wrap: anywhere;
}

.cash-drawer-summary-boundary small {
  margin-block-start: 0.12rem;
  color: var(--muted);
}

@media (max-width: 30em) {
  .cash-drawer-proof-list li {
    grid-template-columns: auto minmax(0, 1fr);
  }

  .cash-drawer-proof-list b {
    grid-column: 2;
  }
}

/* Aşama 4 · Lot, SKT, FEFO and quarantine control center */
.shelf-life-authority,
.shelf-life-summary,
.shelf-life-filter-bar,
.shelf-life-workspace,
.shelf-life-lot-list,
.shelf-life-detail,
.shelf-life-policy-form,
.shelf-life-policy-grid,
.shelf-life-evidence-grid,
.shelf-life-clock,
.shelf-life-fefo-form,
.shelf-life-action-form,
.shelf-life-detail-actions,
.shelf-life-receiving-form,
.shelf-life-simulation,
.shelf-life-receiving-result,
.shelf-life-last-action {
  min-inline-size: 0;
}

.shelf-life-authority {
  border-color: color-mix(in srgb, var(--gold) 30%, transparent);
  background:
    linear-gradient(115deg, color-mix(in srgb, var(--gold) 8%, transparent), transparent 58%),
    rgba(13, 19, 27, 0.86);
}

.shelf-life-summary > button {
  display: grid;
  gap: 0.18rem;
  min-inline-size: 0;
  min-block-size: clamp(4.75rem, 8vw, 6.4rem);
  padding: clamp(0.68rem, 1.3vw, 1rem);
  border: 0;
  border-radius: inherit;
  color: inherit;
  text-align: start;
  background: transparent;
  cursor: pointer;
  transition: background 160ms ease, box-shadow 160ms ease;
}

.shelf-life-summary > button:hover,
.shelf-life-summary > button:focus-visible,
.shelf-life-summary > button.is-active {
  background: color-mix(in srgb, var(--gold) 9%, transparent);
  box-shadow: inset 0 0 0 0.0625rem color-mix(in srgb, var(--gold) 38%, transparent);
  outline: none;
}

.shelf-life-summary > button strong {
  font-size: clamp(1.35rem, 2.8vw, 2rem);
}

.shelf-life-summary > button small {
  overflow: hidden;
  color: var(--muted);
  text-overflow: ellipsis;
  white-space: nowrap;
}

.shelf-life-filter-bar {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(min(100%, 15rem), 0.58fr);
  gap: clamp(0.5rem, 1.4vw, 0.9rem);
  align-items: center;
  padding: clamp(0.58rem, 1.2vw, 0.82rem);
  border: 0.0625rem solid rgba(168, 184, 204, 0.1);
  border-radius: var(--radius-sm);
  background: rgba(9, 15, 22, 0.64);
}

.shelf-life-filter-bar .chip-row {
  flex-wrap: wrap;
}

.shelf-life-filter-bar .search {
  inline-size: 100%;
}

.shelf-life-workspace {
  display: grid;
  grid-template-columns: minmax(0, 0.88fr) minmax(min(100%, 22rem), 1.12fr);
  gap: clamp(0.7rem, 1.6vw, 1.1rem);
  align-items: start;
}

.shelf-life-lot-list {
  display: grid;
  gap: 0.42rem;
  align-content: start;
}

.shelf-life-lot-row {
  display: grid;
  grid-template-columns: minmax(9.5rem, 1.35fr) repeat(3, minmax(6.1rem, 0.72fr)) auto;
  gap: clamp(0.42rem, 1vw, 0.72rem);
  align-items: center;
  inline-size: 100%;
  min-inline-size: 0;
  min-block-size: clamp(4.6rem, 7vw, 5.6rem);
  padding: clamp(0.62rem, 1.2vw, 0.86rem);
  border: 0.0625rem solid rgba(168, 184, 204, 0.1);
  border-radius: var(--radius-sm);
  color: var(--text);
  text-align: start;
  background: linear-gradient(135deg, rgba(22, 31, 42, 0.92), rgba(12, 19, 27, 0.94));
  cursor: pointer;
  transition: border-color 160ms ease, background 160ms ease, transform 160ms ease;
}

.shelf-life-lot-row:hover,
.shelf-life-lot-row:focus-visible,
.shelf-life-lot-row.is-selected {
  border-color: color-mix(in srgb, var(--gold) 52%, transparent);
  background: linear-gradient(135deg, color-mix(in srgb, var(--gold) 10%, #16202b), #0e161f);
  outline: none;
}

.shelf-life-lot-row:hover {
  transform: translateY(-0.0625rem);
}

.shelf-life-lot-row > span,
.shelf-life-product {
  display: grid;
  gap: 0.14rem;
  min-inline-size: 0;
}

.shelf-life-lot-row .tag {
  justify-self: start;
  margin-block-end: 0.12rem;
}

.shelf-life-lot-row strong,
.shelf-life-lot-row small,
.shelf-life-lot-row em {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.shelf-life-lot-row small,
.shelf-life-lot-row em {
  color: var(--muted);
  font-size: 0.76em;
  font-style: normal;
}

.shelf-life-detail {
  display: grid;
  gap: clamp(0.65rem, 1.4vw, 1rem);
  padding: clamp(0.8rem, 1.7vw, 1.2rem);
  border: 0.0625rem solid color-mix(in srgb, var(--gold) 22%, rgba(168, 184, 204, 0.1));
  border-radius: var(--radius);
  background:
    radial-gradient(circle at 92% 3%, color-mix(in srgb, var(--gold) 9%, transparent), transparent 32%),
    rgba(10, 16, 23, 0.92);
}

.shelf-life-detail-head {
  display: flex;
  gap: 0.8rem;
  align-items: flex-start;
  justify-content: space-between;
  min-inline-size: 0;
}

.shelf-life-detail-head > div {
  display: grid;
  gap: 0.18rem;
  min-inline-size: 0;
}

.shelf-life-detail-head h3,
.shelf-life-detail-head p {
  margin: 0;
}

.shelf-life-detail-head p {
  color: var(--muted);
}

.shelf-life-clock {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.5rem;
}

.shelf-life-clock > div {
  display: grid;
  gap: 0.18rem;
  min-inline-size: 0;
  padding: clamp(0.72rem, 1.5vw, 1rem);
  border: 0.0625rem solid rgba(168, 184, 204, 0.1);
  border-radius: var(--radius-sm);
  background: rgba(20, 29, 39, 0.72);
}

.shelf-life-clock.is-warning > div:first-child {
  border-color: color-mix(in srgb, var(--danger) 42%, transparent);
  background: color-mix(in srgb, var(--danger) 8%, rgba(20, 29, 39, 0.72));
}

.shelf-life-clock span,
.shelf-life-clock small {
  color: var(--muted);
}

.shelf-life-clock strong {
  font-size: clamp(1.22rem, 2.3vw, 1.75rem);
}

.shelf-life-evidence-grid,
.shelf-life-policy-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.48rem;
}

.shelf-life-evidence-grid > div {
  display: grid;
  gap: 0.16rem;
  min-inline-size: 0;
  padding: 0.62rem;
  border: 0.0625rem solid rgba(168, 184, 204, 0.08);
  border-radius: var(--radius-sm);
  background: rgba(18, 26, 35, 0.6);
}

.shelf-life-evidence-grid strong {
  overflow-wrap: anywhere;
}

.shelf-life-fefo-form,
.shelf-life-action-form {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(min(100%, 8rem), 0.45fr) auto;
  gap: 0.55rem;
  align-items: end;
  padding: clamp(0.68rem, 1.4vw, 0.9rem);
  border: 0.0625rem solid rgba(168, 184, 204, 0.1);
  border-radius: var(--radius-sm);
  background: rgba(17, 25, 34, 0.74);
}

.shelf-life-fefo-form p,
.shelf-life-action-form p,
.shelf-life-simulation p,
.shelf-life-receiving-result p,
.shelf-life-last-action p {
  margin: 0.18rem 0 0;
  color: var(--muted);
}

.shelf-life-action-form {
  grid-template-columns: minmax(0, 1fr);
  border-color: color-mix(in srgb, var(--danger) 32%, transparent);
}

.shelf-life-action-form textarea,
.shelf-life-policy-form textarea {
  min-block-size: clamp(4.6rem, 10vw, 6.5rem);
  resize: vertical;
}

.shelf-life-simulation,
.shelf-life-receiving-result,
.shelf-life-last-action {
  display: flex;
  gap: 0.62rem;
  align-items: flex-start;
  padding: 0.72rem;
  border: 0.0625rem solid color-mix(in srgb, var(--green) 34%, transparent);
  border-radius: var(--radius-sm);
  background: color-mix(in srgb, var(--green) 8%, rgba(15, 24, 31, 0.76));
}

.shelf-life-simulation .mini-icon,
.shelf-life-receiving-result .mini-icon {
  flex: 0 0 auto;
  color: var(--green);
}

.shelf-life-simulation.is-blocked,
.shelf-life-receiving-result.is-rejected {
  border-color: color-mix(in srgb, var(--danger) 38%, transparent);
  background: color-mix(in srgb, var(--danger) 8%, rgba(15, 24, 31, 0.76));
}

.shelf-life-simulation.is-blocked .mini-icon,
.shelf-life-receiving-result.is-rejected .mini-icon {
  color: var(--danger);
}

.shelf-life-last-action {
  border-color: color-mix(in srgb, var(--blue) 28%, transparent);
  background: color-mix(in srgb, var(--blue) 7%, rgba(15, 24, 31, 0.76));
}

.shelf-life-detail-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  align-items: center;
}

.shelf-life-policy-form {
  display: grid;
  gap: 0.75rem;
  padding: clamp(0.78rem, 1.8vw, 1.15rem);
  border: 0.0625rem solid color-mix(in srgb, var(--gold) 42%, transparent);
  border-radius: var(--radius);
  background: linear-gradient(145deg, color-mix(in srgb, var(--gold) 7%, #111923), #0b121a);
}

.shelf-life-policy-form .switch-row {
  align-self: end;
  min-block-size: 2.75rem;
}

.shelf-life-receiving-form {
  display: grid;
  gap: 0.52rem;
}

.shelf-life-aside {
  align-content: start;
}

@media (max-width: 76em) {
  .shelf-life-workspace {
    grid-template-columns: minmax(0, 1fr);
  }

  .shelf-life-lot-list {
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 20rem), 1fr));
  }

  .shelf-life-lot-row {
    grid-template-columns: minmax(8rem, 1.25fr) repeat(2, minmax(5.8rem, 0.7fr)) auto;
  }

  .shelf-life-lot-row > span:nth-child(4) {
    display: none;
  }
}

@media (max-width: 58em) {
  .shelf-life-filter-bar {
    grid-template-columns: minmax(0, 1fr);
  }

  .shelf-life-lot-list {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 42em) {
  [data-open-shelf-life-policy],
  [data-shelf-life-action],
  [data-cancel-shelf-life-action],
  [data-shelf-life-action-form] .button,
  [data-shelf-life-fefo-form] .button,
  [data-shelf-life-receiving-form] .button,
  [data-shelf-life-policy-form] .button,
  [data-reset-shelf-life-demo],
  [data-shelf-life-filter],
  [data-select-shelf-life-lot] {
    min-block-size: 2.75rem;
  }

  .shelf-life-summary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .shelf-life-lot-row {
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0.48rem;
  }

  .shelf-life-lot-row > span:not(.shelf-life-product):not(.consumption-chevron) {
    display: grid;
    grid-column: 1 / -1;
    grid-template-columns: minmax(5.8rem, 0.55fr) minmax(0, 1fr);
    align-items: baseline;
    padding-block-start: 0.38rem;
    border-block-start: 0.0625rem solid rgba(168, 184, 204, 0.08);
  }

  .shelf-life-lot-row > span:not(.shelf-life-product):not(.consumption-chevron) small {
    grid-row: 1 / span 2;
  }

  .shelf-life-lot-row > span:nth-child(4) {
    display: none;
  }

  .shelf-life-clock,
  .shelf-life-evidence-grid,
  .shelf-life-policy-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .shelf-life-fefo-form {
    grid-template-columns: minmax(0, 1fr);
  }

  .shelf-life-detail-head {
    flex-direction: column;
  }

  .shelf-life-detail-actions .button,
  .shelf-life-action-form .button,
  .shelf-life-fefo-form .button,
  .shelf-life-receiving-form .button {
    inline-size: 100%;
  }
}

@media (max-width: 24em) {
  .shelf-life-summary {
    grid-template-columns: minmax(0, 1fr);
  }

  .shelf-life-filter-bar .chip {
    flex: 1 1 45%;
    justify-content: center;
  }
}

/* V60 Paket Satış: kanal, ürün seçenekleri, teslimat ve ödeme ön-kontrolü. */
.pos-flow-steps {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.quick-channel-card {
  display: grid;
  gap: clamp(0.48rem, 0.82vw, 0.72rem);
  min-inline-size: 0;
  padding: clamp(0.58rem, 0.92vw, 0.78rem);
  overflow: hidden;
}

.quick-channel-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: start;
  gap: 0.5rem;
  min-inline-size: 0;
}

.quick-channel-head > div {
  display: grid;
  gap: 0.12rem;
  min-inline-size: 0;
}

.quick-channel-head h2,
.quick-channel-head p {
  overflow-wrap: anywhere;
}

.quick-channel-head p {
  color: var(--muted);
  font-size: 0.82em;
}

.quick-channel-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: clamp(0.3rem, 0.58vw, 0.48rem);
  min-inline-size: 0;
}

.quick-channel-option {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 0.42rem;
  min-inline-size: 0;
  min-block-size: clamp(3.7rem, 5.4vw, 4.7rem);
  padding: clamp(0.42rem, 0.68vw, 0.58rem);
  border: 0.0625rem solid rgba(168, 184, 204, 0.12);
  border-radius: var(--radius-sm);
  color: var(--text);
  background: rgba(7, 13, 20, 0.58);
  text-align: start;
}

.quick-channel-option:hover,
.quick-channel-option:focus-visible,
.quick-channel-option.is-active {
  border-color: rgba(245, 168, 0, 0.52);
  outline: none;
  background: linear-gradient(135deg, rgba(245, 168, 0, 0.13), rgba(8, 14, 21, 0.72));
}

.quick-channel-icon {
  display: grid;
  place-items: center;
  inline-size: clamp(1.9rem, 2.7vw, 2.35rem);
  aspect-ratio: 1;
  border-radius: var(--radius-sm);
  color: var(--gold-2);
  background: rgba(245, 168, 0, 0.09);
}

.quick-channel-option > span:nth-child(2) {
  display: grid;
  gap: 0.1rem;
  min-inline-size: 0;
}

.quick-channel-option strong,
.quick-channel-option small {
  min-inline-size: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.quick-channel-option small {
  color: var(--muted);
  font-size: 0.7em;
}

.quick-channel-check {
  color: var(--gold-2);
  font-weight: 800;
}

.quick-channel-option.is-locked,
.quick-channel-option.is-locked:hover,
.quick-channel-option.is-locked:focus-visible {
  border-color: rgba(168, 184, 204, 0.12);
  color: var(--muted);
  background: rgba(7, 13, 20, 0.42);
  cursor: not-allowed;
  opacity: 0.72;
}

.quick-channel-option.is-locked .quick-channel-icon {
  color: var(--muted);
  background: rgba(168, 184, 204, 0.06);
}

.quick-channel-option.is-locked .quick-channel-check {
  max-inline-size: 4.5rem;
  padding: 0.12rem 0.28rem;
  border: 0.0625rem solid rgba(168, 184, 204, 0.16);
  border-radius: 999rem;
  color: var(--muted);
  font-size: 0.62em;
  line-height: 1.2;
  text-align: center;
  overflow-wrap: anywhere;
}

.quick-channel-policy {
  max-inline-size: 100%;
  color: var(--muted);
  font-size: clamp(0.68rem, 0.64rem + 0.12vw, 0.78rem);
  line-height: 1.45;
  overflow-wrap: anywhere;
}

.quick-fulfillment-summary {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 0.48rem;
  min-inline-size: 0;
  padding: clamp(0.48rem, 0.76vw, 0.64rem);
  border: 0.0625rem solid rgba(255, 138, 42, 0.24);
  border-radius: var(--radius-md);
  background: rgba(255, 138, 42, 0.06);
}

.quick-fulfillment-summary.is-ready {
  border-color: rgba(38, 208, 111, 0.22);
  background: rgba(38, 208, 111, 0.055);
}

.quick-fulfillment-icon {
  display: grid;
  place-items: center;
  inline-size: clamp(2rem, 2.8vw, 2.4rem);
  aspect-ratio: 1;
  border-radius: var(--radius-sm);
  color: var(--gold-2);
  background: rgba(245, 168, 0, 0.09);
}

.quick-fulfillment-copy {
  display: grid;
  gap: 0.1rem;
  min-inline-size: 0;
}

.quick-fulfillment-copy strong,
.quick-fulfillment-copy small {
  overflow-wrap: anywhere;
}

.quick-fulfillment-copy small {
  color: var(--muted);
  font-size: 0.72em;
}

.quick-fulfillment-panel {
  inline-size: min(100%, 46rem);
}

.quick-fulfillment-policy {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 0.5rem;
  min-inline-size: 0;
  padding: var(--pad);
  border: 0.0625rem solid rgba(38, 208, 111, 0.22);
  border-radius: var(--radius-md);
  background: rgba(38, 208, 111, 0.055);
}

.quick-fulfillment-policy.is-warning {
  border-color: rgba(255, 138, 42, 0.28);
  background: rgba(255, 138, 42, 0.065);
}

.quick-fulfillment-policy > .mini-icon {
  color: var(--gold-2);
}

.quick-fulfillment-policy > span {
  display: grid;
  gap: 0.14rem;
  min-inline-size: 0;
}

.quick-fulfillment-policy small {
  color: var(--muted);
  overflow-wrap: anywhere;
}

.quick-fulfillment-fields {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.quick-fulfillment-fields label {
  display: grid;
  gap: 0.28rem;
  min-inline-size: 0;
  color: var(--muted);
  font-size: 0.82em;
}

.quick-fulfillment-fields .span-2 {
  grid-column: 1 / -1;
}

.quick-fulfillment-fields textarea {
  resize: vertical;
}

.quick-payment-prep {
  display: grid;
  gap: 0.46rem;
  min-inline-size: 0;
  padding: clamp(0.5rem, 0.8vw, 0.68rem);
  border: 0.0625rem solid rgba(168, 184, 204, 0.12);
  border-radius: var(--radius-md);
  background: rgba(7, 13, 20, 0.52);
}

.quick-payment-prep.is-open {
  border-color: rgba(245, 168, 0, 0.32);
  background: linear-gradient(145deg, rgba(245, 168, 0, 0.075), rgba(7, 13, 20, 0.66));
}

.quick-payment-head,
.quick-payment-head > span:first-child {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.42rem;
  min-inline-size: 0;
}

.quick-payment-head > span:first-child {
  display: grid;
  justify-content: start;
  gap: 0.08rem;
}

.quick-payment-head small {
  color: var(--gold-2);
  font-size: 0.68em;
  font-weight: 780;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.quick-payment-method {
  gap: 0.28rem;
  min-block-size: var(--control);
}

.quick-payment-method .mini-icon {
  inline-size: 1rem;
}

.quick-payment-method.is-selected {
  box-shadow: 0 0 0 0.0625rem rgba(245, 168, 0, 0.26) inset;
}

.quick-payment-review {
  display: grid;
  gap: 0.34rem;
  min-inline-size: 0;
  padding: 0.5rem;
  border: 0.0625rem solid rgba(245, 168, 0, 0.18);
  border-radius: var(--radius-sm);
  background: rgba(7, 12, 19, 0.58);
}

.quick-payment-review-row,
.quick-payment-review-total {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.46rem;
  min-inline-size: 0;
}

.quick-payment-review-row span,
.quick-payment-review-total span {
  color: var(--muted);
  font-size: 0.78em;
}

.quick-payment-review-row strong {
  max-inline-size: 64%;
  overflow-wrap: anywhere;
  text-align: end;
  font-size: 0.82em;
}

.quick-payment-review-total {
  padding-block: 0.42rem;
  border-block: 0.0625rem solid rgba(168, 184, 204, 0.1);
}

.quick-payment-review-total strong {
  color: var(--gold-2);
  font-size: clamp(1.18rem, 1rem + 0.8vw, 1.55rem);
  font-variant-numeric: tabular-nums;
}

.status-good {
  color: var(--green) !important;
}

.status-bad {
  color: var(--orange) !important;
}

.quick-payment-proof {
  color: var(--muted);
  font-size: 0.72em;
  line-height: 1.42;
  overflow-wrap: anywhere;
}

.quick-order-review {
  max-inline-size: 100%;
  min-block-size: max-content;
  overflow: hidden;
}

.quick-sale-submit {
  inline-size: 100%;
  min-block-size: clamp(2.8rem, 2.55rem + 0.65vw, 3.35rem);
  white-space: normal;
  line-height: 1.25;
}

.quick-demo-gate {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: clamp(0.42rem, 0.7vw, 0.62rem);
  min-inline-size: 0;
  padding: clamp(0.48rem, 0.76vw, 0.68rem);
  border: 0.0625rem solid rgba(66, 153, 225, 0.28);
  border-radius: var(--radius-sm);
  background: rgba(66, 153, 225, 0.07);
}

.quick-demo-badge {
  display: inline-grid;
  place-items: center;
  min-inline-size: clamp(3.1rem, 3vw, 3.8rem);
  min-block-size: 2.1rem;
  padding-inline: 0.42rem;
  border: 0.0625rem solid rgba(66, 153, 225, 0.32);
  border-radius: var(--radius-sm);
  color: #9bd1ff;
  background: rgba(66, 153, 225, 0.12);
  font-size: 0.72em;
  font-weight: 850;
  letter-spacing: 0.12em;
}

.quick-demo-gate > span:last-child {
  display: grid;
  gap: 0.12rem;
  min-inline-size: 0;
}

.quick-demo-gate strong,
.quick-demo-gate small {
  overflow-wrap: anywhere;
}

.quick-demo-gate small {
  color: var(--muted);
  line-height: 1.4;
}

.quick-operation-lock {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: clamp(0.46rem, 0.78vw, 0.72rem);
  min-inline-size: 0;
  max-inline-size: 100%;
  padding: clamp(0.62rem, 1vw, 0.88rem);
  border: 0.0625rem solid rgba(245, 168, 0, 0.32);
  border-radius: var(--radius-md);
  background: linear-gradient(135deg, rgba(245, 168, 0, 0.12), rgba(8, 14, 21, 0.78));
  box-shadow: 0 0 0 0.0625rem rgba(245, 168, 0, 0.04) inset;
}

.quick-operation-lock-icon {
  display: grid;
  place-items: center;
  inline-size: clamp(2.25rem, 3.2vw, 2.8rem);
  aspect-ratio: 1;
  border-radius: var(--radius-sm);
  color: var(--gold-2);
  background: rgba(245, 168, 0, 0.12);
}

.quick-operation-lock > span:nth-child(2) {
  display: grid;
  gap: 0.08rem;
  min-inline-size: 0;
}

.quick-operation-lock small {
  color: var(--gold-2);
  font-size: 0.64em;
  font-weight: 850;
  letter-spacing: 0.1em;
}

.quick-operation-lock strong,
.quick-operation-lock span {
  overflow-wrap: anywhere;
}

.quick-operation-lock > span:nth-child(2) > span {
  color: var(--muted);
  font-size: 0.76em;
  line-height: 1.4;
}

.quick-operation-panel {
  display: grid;
  gap: clamp(0.52rem, 0.86vw, 0.78rem);
  min-inline-size: 0;
  max-inline-size: 100%;
  padding: clamp(0.62rem, 0.94vw, 0.84rem);
  border: 0.0625rem solid rgba(38, 208, 111, 0.28);
  border-radius: var(--radius-md);
  background: linear-gradient(145deg, rgba(38, 208, 111, 0.075), rgba(7, 13, 20, 0.78));
  overflow: hidden;
}

.quick-operation-panel.is-demo {
  border-color: rgba(66, 153, 225, 0.3);
  background: linear-gradient(145deg, rgba(66, 153, 225, 0.09), rgba(7, 13, 20, 0.8));
}

.quick-operation-panel.is-pending {
  border-color: rgba(245, 168, 0, 0.3);
  background: linear-gradient(145deg, rgba(245, 168, 0, 0.09), rgba(7, 13, 20, 0.8));
}

.quick-operation-panel.is-error {
  border-color: rgba(255, 77, 95, 0.32);
  background: linear-gradient(145deg, rgba(255, 77, 95, 0.08), rgba(7, 13, 20, 0.8));
}

.quick-operation-head,
.quick-operation-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.46rem;
  min-inline-size: 0;
  flex-wrap: wrap;
}

.quick-operation-head > span:first-child {
  display: grid;
  gap: 0.08rem;
  min-inline-size: 0;
}

.quick-operation-head small {
  color: var(--gold-2);
  font-size: 0.64em;
  font-weight: 850;
  letter-spacing: 0.1em;
}

.quick-operation-panel.is-demo .quick-operation-head small {
  color: #9bd1ff;
}

.quick-operation-head strong {
  overflow-wrap: anywhere;
}

.quick-operation-panel .tag.orange {
  color: var(--gold-2);
  border-color: rgba(245, 168, 0, 0.26);
  background: rgba(245, 168, 0, 0.09);
}

.quick-operation-error,
.quick-operation-payment-lock {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 0.44rem;
  min-inline-size: 0;
  padding: 0.5rem;
  border: 0.0625rem solid rgba(255, 77, 95, 0.22);
  border-radius: var(--radius-sm);
  color: var(--red);
  background: rgba(255, 77, 95, 0.06);
}

.quick-operation-payment-lock {
  border-color: rgba(168, 184, 204, 0.14);
  color: var(--muted);
  background: rgba(8, 14, 21, 0.58);
}

.quick-operation-error > span,
.quick-operation-payment-lock > span {
  display: grid;
  gap: 0.08rem;
  min-inline-size: 0;
}

.quick-operation-error small,
.quick-operation-payment-lock small {
  color: var(--muted);
  overflow-wrap: anywhere;
}

.quick-operation-summary {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.36rem;
  min-inline-size: 0;
}

.quick-operation-summary > span {
  display: grid;
  gap: 0.1rem;
  min-inline-size: 0;
  padding: 0.48rem;
  border: 0.0625rem solid rgba(168, 184, 204, 0.11);
  border-radius: var(--radius-sm);
  background: rgba(5, 10, 16, 0.44);
}

.quick-operation-summary small {
  color: var(--muted);
  font-size: 0.68em;
}

.quick-operation-summary strong {
  color: var(--gold-2);
  font-variant-numeric: tabular-nums;
  overflow-wrap: anywhere;
}

.quick-operation-items {
  display: grid;
  gap: 0.3rem;
  min-inline-size: 0;
  max-inline-size: 100%;
}

.quick-operation-item {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 0.5rem;
  min-inline-size: 0;
  padding: 0.48rem;
  border: 0.0625rem solid rgba(168, 184, 204, 0.11);
  border-radius: var(--radius-sm);
  background: rgba(5, 10, 16, 0.44);
}

.quick-operation-item > span {
  display: grid;
  gap: 0.08rem;
  min-inline-size: 0;
}

.quick-operation-item strong,
.quick-operation-item small {
  overflow-wrap: anywhere;
}

.quick-operation-item small {
  color: var(--muted);
  font-size: 0.68em;
}

.quick-operation-item > strong {
  color: var(--gold-2);
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

.quick-kds-timeline {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: clamp(0.22rem, 0.42vw, 0.38rem);
  min-inline-size: 0;
  max-inline-size: 100%;
}

.quick-kds-step {
  display: grid;
  justify-items: center;
  align-content: start;
  gap: 0.16rem;
  min-inline-size: 0;
  padding: clamp(0.34rem, 0.58vw, 0.5rem) 0.2rem;
  border: 0.0625rem solid rgba(168, 184, 204, 0.1);
  border-radius: var(--radius-sm);
  color: var(--muted);
  background: rgba(5, 10, 16, 0.48);
  text-align: center;
}

.quick-kds-step i {
  display: grid;
  place-items: center;
  inline-size: clamp(1.45rem, 2vw, 1.8rem);
  aspect-ratio: 1;
  border: 0.0625rem solid rgba(168, 184, 204, 0.18);
  border-radius: 999rem;
  font-size: 0.68em;
  font-style: normal;
  font-weight: 850;
}

.quick-kds-step strong,
.quick-kds-step small {
  max-inline-size: 100%;
  font-size: clamp(0.58rem, 0.54rem + 0.12vw, 0.7rem);
  line-height: 1.2;
  overflow-wrap: anywhere;
}

.quick-kds-step small {
  color: inherit;
  opacity: 0.82;
}

.quick-kds-step.is-current {
  border-color: rgba(245, 168, 0, 0.36);
  color: var(--gold-2);
  background: rgba(245, 168, 0, 0.09);
}

.quick-operation-panel.is-demo .quick-kds-step.is-current {
  border-color: rgba(66, 153, 225, 0.34);
  color: #9bd1ff;
  background: rgba(66, 153, 225, 0.09);
}

.quick-kds-step.is-done {
  border-color: rgba(38, 208, 111, 0.24);
  color: var(--green);
  background: rgba(38, 208, 111, 0.06);
}

.quick-operation-actions {
  justify-content: flex-end;
}

.quick-operation-actions .button {
  flex: 1 1 9rem;
  min-inline-size: 0;
  white-space: normal;
}

.cart-line-configuration {
  display: flex;
  flex-wrap: wrap;
  gap: 0.2rem;
  margin-block-start: 0.24rem;
}

.cart-line-configuration span {
  padding: 0.12rem 0.3rem;
  border: 0.0625rem solid rgba(245, 168, 0, 0.18);
  border-radius: 999rem;
  color: var(--gold-2);
  background: rgba(245, 168, 0, 0.055);
  font-size: 0.68em;
  overflow-wrap: anywhere;
}

.quick-sale-configurator {
  inline-size: min(94vw, 39rem);
}

@media (max-width: 78em) {
  .quick-channel-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 58em) {
  .quick-channel-grid {
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 8.5rem), 1fr));
  }
}

@media (max-width: 42em) {
  .pos-flow-steps {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .quick-channel-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .quick-channel-head,
  .quick-fulfillment-summary {
    grid-template-columns: minmax(0, 1fr) auto;
  }

  .quick-channel-head > .tag,
  .quick-fulfillment-icon {
    grid-row: 1;
  }

  .quick-fulfillment-icon {
    display: none;
  }

  .quick-fulfillment-copy {
    grid-column: 1;
  }

  .quick-fulfillment-summary > .button {
    grid-column: 2;
    grid-row: 1;
  }

  .quick-fulfillment-fields {
    grid-template-columns: minmax(0, 1fr);
  }

  .quick-fulfillment-fields .span-2 {
    grid-column: auto;
  }

  .quick-sale-configurator {
    inset-inline: 0;
    inset-block: auto 0;
    inline-size: 100%;
    max-block-size: min(94svh, 52rem);
  }

  .quick-operation-lock {
    grid-template-columns: auto minmax(0, 1fr);
  }

  .quick-operation-lock > .button {
    grid-column: 1 / -1;
    inline-size: 100%;
  }
}

@media (max-width: 30em) {
  .quick-kds-timeline {
    grid-template-columns: minmax(0, 1fr);
  }

  .quick-kds-step {
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    justify-items: start;
    text-align: start;
  }

  .quick-kds-step small {
    text-align: end;
  }

  .quick-demo-gate {
    grid-template-columns: minmax(0, 1fr);
  }

  .quick-demo-badge {
    justify-self: start;
  }

  .quick-operation-summary {
    grid-template-columns: minmax(0, 1fr);
  }

  .quick-operation-item {
    grid-template-columns: minmax(0, 1fr);
  }

  .quick-operation-item > strong {
    white-space: normal;
  }
}

/* V67 kişi/koltuk ve adet içinden hesap bölme yüzeyi. */
.dining-seating-entry {
  grid-column: 1 / -1;
  border-color: rgba(245, 168, 0, 0.36);
  background: linear-gradient(135deg, rgba(245, 168, 0, 0.12), rgba(8, 14, 21, 0.72));
}

.dining-line-seat {
  display: inline-flex;
  align-items: center;
  min-block-size: 1.35rem;
  padding-inline: 0.38rem;
  border: 0.0625rem solid rgba(245, 168, 0, 0.24);
  border-radius: 999rem;
  color: var(--gold-2);
  background: rgba(245, 168, 0, 0.07);
  font-size: 0.88em;
  font-weight: 760;
}

.dining-line-seat.is-unassigned {
  border-color: rgba(255, 77, 95, 0.24);
  color: var(--red);
  background: rgba(255, 77, 95, 0.06);
}

.dining-seating-overlay {
  position: fixed;
  inset: 0;
  z-index: 125;
  display: grid;
  place-items: center;
  min-inline-size: 0;
  padding: clamp(0.45rem, 2vw, 1.4rem);
  background: rgba(1, 5, 9, 0.82);
  backdrop-filter: blur(0.55rem);
}

.dining-seating-panel {
  display: grid;
  grid-template-rows: auto minmax(0, 1fr) auto;
  inline-size: min(100%, 64rem);
  max-block-size: min(94dvh, 58rem);
  min-inline-size: 0;
  overflow: hidden;
  border: 0.0625rem solid rgba(245, 168, 0, 0.34);
  border-radius: var(--radius-lg);
  background:
    radial-gradient(circle at 96% 0%, rgba(245, 168, 0, 0.12), transparent 24rem),
    linear-gradient(150deg, rgba(18, 28, 39, 0.99), rgba(5, 10, 16, 0.99));
  box-shadow: 0 1.4rem 5rem rgba(0, 0, 0, 0.58);
}

.dining-seating-head,
.dining-seating-footer,
.dining-seating-preview > header,
.dining-seating-invalidations,
.dining-capacity-warning {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 0.58rem;
  min-inline-size: 0;
  padding: clamp(0.68rem, 1.3vw, 1rem);
}

.dining-seating-head > div,
.dining-seating-footer > span,
.dining-seating-preview > header > span,
.dining-seating-invalidations > span,
.dining-capacity-warning > span,
.dining-guest-count > span,
.dining-seat-lines-head > span,
.dining-seat-line > span {
  display: grid;
  gap: 0.1rem;
  min-inline-size: min(100%, 10rem);
}

.dining-seating-head h2,
.dining-seating-head p,
.dining-seat-lines-head h3 {
  margin: 0;
  overflow-wrap: anywhere;
}

.dining-seating-head p,
.dining-seating-head small,
.dining-seating-footer small,
.dining-guest-count small,
.dining-seat-lines-head small,
.dining-seat-line small,
.dining-seating-preview small,
.dining-seating-invalidations small,
.dining-capacity-warning small {
  color: var(--muted);
  font-size: 0.78em;
  line-height: 1.42;
  overflow-wrap: anywhere;
}

.dining-seating-head,
.dining-seating-footer {
  border-color: rgba(168, 184, 204, 0.12);
}

.dining-seating-head {
  border-block-end: 0.0625rem solid rgba(168, 184, 204, 0.12);
}

.dining-seating-head .icon-button {
  margin-inline-start: auto;
}

.dining-seating-footer {
  border-block-start: 0.0625rem solid rgba(168, 184, 204, 0.12);
}

.dining-seating-footer > div {
  display: flex;
  justify-content: end;
  flex-wrap: wrap;
  gap: 0.42rem;
}

.dining-seating-body {
  display: grid;
  align-content: start;
  gap: clamp(0.58rem, 1.1vw, 0.9rem);
  min-inline-size: 0;
  overflow-y: auto;
  overscroll-behavior: contain;
  padding: clamp(0.68rem, 1.3vw, 1rem);
}

.dining-guest-count {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 0.72rem;
  min-inline-size: 0;
  padding: clamp(0.58rem, 1vw, 0.78rem);
  border: 0.0625rem solid rgba(245, 168, 0, 0.2);
  border-radius: var(--radius-md);
  background: rgba(245, 168, 0, 0.06);
}

.dining-guest-count > div,
.dining-split-quantity {
  display: grid;
  grid-template-columns: repeat(3, auto);
  align-items: center;
  gap: 0.34rem;
}

.dining-guest-count button,
.dining-split-quantity button {
  display: grid;
  place-items: center;
  inline-size: 2.35rem;
  aspect-ratio: 1;
  border: 0.0625rem solid rgba(245, 168, 0, 0.28);
  border-radius: var(--radius-sm);
  color: var(--gold-2);
  background: rgba(245, 168, 0, 0.08);
  font-size: 1.05em;
  font-weight: 850;
}

.dining-capacity-warning,
.dining-seating-invalidations {
  justify-content: start;
  border: 0.0625rem solid rgba(255, 174, 74, 0.26);
  border-radius: var(--radius-sm);
  color: var(--gold-2);
  background: rgba(255, 174, 74, 0.06);
}

.dining-capacity-warning > svg,
.dining-seating-invalidations > svg {
  inline-size: 1.2rem;
  flex: 0 0 auto;
}

.dining-seat-map {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 6.2rem), 1fr));
  gap: 0.38rem;
  min-inline-size: 0;
}

.dining-seat-map > span {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 0.12rem 0.38rem;
  min-inline-size: 0;
  padding: 0.5rem;
  border: 0.0625rem solid rgba(168, 184, 204, 0.12);
  border-radius: var(--radius-sm);
  background: rgba(5, 11, 17, 0.58);
}

.dining-seat-map > span.is-active {
  border-color: rgba(38, 208, 111, 0.26);
  background: rgba(38, 208, 111, 0.06);
}

.dining-seat-map b {
  grid-row: 1 / 3;
  display: grid;
  place-items: center;
  inline-size: 2rem;
  aspect-ratio: 1;
  border-radius: 50%;
  color: #171005;
  background: var(--gold);
}

.dining-seat-map small {
  color: var(--muted);
  font-size: 0.68em;
}

.dining-seat-map strong {
  font-size: 0.82em;
  overflow-wrap: anywhere;
}

.dining-seat-lines {
  display: grid;
  gap: 0.42rem;
  min-inline-size: 0;
}

.dining-seat-lines-head {
  display: flex;
  align-items: end;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 0.48rem;
}

.dining-seat-line {
  display: grid;
  grid-template-columns: minmax(min(100%, 14rem), 0.8fr) minmax(0, 1.2fr);
  align-items: center;
  gap: 0.58rem;
  min-inline-size: 0;
  padding: 0.54rem;
  border: 0.0625rem solid rgba(168, 184, 204, 0.12);
  border-radius: var(--radius-sm);
  background: rgba(6, 12, 19, 0.62);
}

.dining-seat-line.has-error {
  border-color: rgba(255, 77, 95, 0.34);
  background: rgba(255, 77, 95, 0.06);
}

.dining-seat-line > div {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(2.5rem, 1fr));
  gap: 0.3rem;
  min-inline-size: 0;
}

.dining-seat-line > div button {
  min-block-size: 2.45rem;
  border: 0.0625rem solid rgba(168, 184, 204, 0.14);
  border-radius: var(--radius-sm);
  color: var(--text);
  background: rgba(13, 21, 30, 0.72);
  font-weight: 820;
}

.dining-seat-line > div button:hover,
.dining-seat-line > div button:focus-visible,
.dining-seat-line > div button.is-active {
  border-color: rgba(245, 168, 0, 0.52);
  outline: none;
  color: #171005;
  background: var(--gold);
}

.dining-seating-preview {
  display: grid;
  gap: 0.52rem;
  min-inline-size: 0;
  padding: 0.58rem;
  border: 0.0625rem solid rgba(38, 208, 111, 0.26);
  border-radius: var(--radius-md);
  background: linear-gradient(135deg, rgba(38, 208, 111, 0.08), rgba(6, 12, 19, 0.68));
}

.dining-seating-preview > header {
  padding: 0;
}

.dining-seating-preview > header > svg {
  inline-size: 1.4rem;
  color: var(--green);
}

.dining-seat-checks {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 8.5rem), 1fr));
  gap: 0.36rem;
  min-inline-size: 0;
}

.dining-seat-checks article {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.42rem;
  min-inline-size: 0;
  padding: 0.48rem;
  border: 0.0625rem solid rgba(38, 208, 111, 0.18);
  border-radius: var(--radius-sm);
  background: rgba(5, 11, 17, 0.62);
}

.dining-seat-checks article.is-empty {
  border-color: rgba(168, 184, 204, 0.1);
  opacity: 0.68;
}

.dining-seat-checks article > span {
  display: grid;
  min-inline-size: 0;
}

.dining-seat-checks b {
  color: var(--gold-2);
  font-variant-numeric: tabular-nums;
}

.dining-seating-invalidations {
  padding: 0.5rem;
}

.dining-seating-invalidations.is-safe {
  border-color: rgba(38, 208, 111, 0.22);
  color: var(--green);
  background: rgba(38, 208, 111, 0.05);
}

.dining-split-line {
  grid-template-columns: minmax(0, 1fr) auto auto;
}

.dining-split-line > label {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 0.48rem;
  min-inline-size: 0;
  cursor: pointer;
}

.dining-split-line > label > span {
  display: grid;
  gap: 0.08rem;
  min-inline-size: 0;
}

.dining-split-line > label input {
  inline-size: 1.1rem;
  aspect-ratio: 1;
  accent-color: var(--gold);
}

.dining-split-quantity strong {
  min-inline-size: 3.8rem;
  text-align: center;
  font-variant-numeric: tabular-nums;
}

@media (max-width: 42em) {
  .dining-seating-overlay {
    place-items: end stretch;
    padding: 0;
  }

  .dining-seating-panel {
    inline-size: 100%;
    max-block-size: 94dvh;
    border-radius: var(--radius-lg) var(--radius-lg) 0 0;
  }

  .dining-seating-footer > span,
  .dining-seating-footer > div,
  .dining-seating-footer .button {
    inline-size: 100%;
  }

  .dining-seating-footer .button,
  .dining-seat-line > div button,
  .dining-guest-count button,
  .dining-split-quantity button {
    min-block-size: 2.75rem;
  }

  .dining-guest-count button,
  .dining-split-quantity button {
    inline-size: 2.75rem;
  }

  .dining-seat-line {
    grid-template-columns: minmax(0, 1fr);
  }

  .dining-split-line {
    grid-template-columns: minmax(0, 1fr) auto;
  }

  .dining-split-line > b {
    grid-column: 1 / -1;
    justify-self: end;
  }
}

@media (max-width: 30em) {
  .dining-guest-count,
  .dining-split-line {
    grid-template-columns: minmax(0, 1fr);
  }

  .dining-guest-count > div,
  .dining-split-quantity {
    justify-self: stretch;
    grid-template-columns: auto minmax(0, 1fr) auto;
  }

  .dining-seat-map,
  .dining-seat-checks {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .dining-split-line > b {
    grid-column: auto;
    justify-self: start;
  }
}

@media (max-width: 22em) {
  .dining-seat-map,
  .dining-seat-checks {
    grid-template-columns: minmax(0, 1fr);
  }
}

/* V66: branch-controlled check financials, aligned with the KavPOS dark/gold system. */
.dining-financial-command {
  display: grid;
  gap: clamp(0.5rem, 0.9vw, 0.78rem);
  min-inline-size: 0;
  padding: clamp(0.6rem, 1vw, 0.86rem);
  border: 0.0625rem solid rgba(245, 168, 0, 0.3);
  border-radius: var(--radius-md);
  background:
    radial-gradient(circle at 100% 0%, rgba(245, 168, 0, 0.12), transparent 18rem),
    linear-gradient(135deg, rgba(18, 25, 33, 0.96), rgba(7, 12, 18, 0.94));
}

.dining-financial-head,
.dining-financial-summary,
.dining-financial-modal-head,
.dining-financial-footer,
.dining-financial-preview > header,
.dining-financial-policy,
.dining-financial-approved,
.dining-payment-total {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 0.5rem;
  min-inline-size: 0;
}

.dining-financial-head > div,
.dining-financial-modal-head > div,
.dining-financial-section > div:first-child,
.dining-financial-summary > div,
.dining-financial-policy > div,
.dining-financial-approved > span,
.dining-financial-footer > span,
.dining-financial-preview > header > div {
  display: grid;
  gap: 0.1rem;
  min-inline-size: min(100%, 10rem);
}

.dining-financial-head h3,
.dining-financial-head p,
.dining-financial-modal-head h2,
.dining-financial-modal-head p,
.dining-financial-section h3,
.dining-financial-section p,
.dining-financial-approval h3,
.dining-financial-approval p {
  margin: 0;
  overflow-wrap: anywhere;
}

.dining-financial-head p,
.dining-financial-modal-head p,
.dining-financial-section p,
.dining-financial-footer small,
.dining-financial-summary small,
.dining-financial-policy small,
.dining-financial-approved small,
.dining-financial-approval p {
  color: var(--muted);
  font-size: 0.78em;
  line-height: 1.42;
}

.dining-financial-actions {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.38rem;
  min-inline-size: 0;
}

.dining-financial-action {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 0.44rem;
  min-inline-size: 0;
  min-block-size: 3.4rem;
  padding: 0.52rem;
  border: 0.0625rem solid rgba(168, 184, 204, 0.13);
  border-radius: var(--radius-sm);
  color: var(--text);
  background: rgba(7, 13, 20, 0.7);
  text-align: start;
}

.dining-financial-action:hover,
.dining-financial-action:focus-visible,
.dining-financial-tabs button:hover,
.dining-financial-tabs button:focus-visible,
.dining-financial-tabs button.is-active,
.dining-financial-presets button:hover,
.dining-financial-presets button:focus-visible,
.dining-financial-presets button.is-active,
.dining-financial-lines button:hover,
.dining-financial-lines button:focus-visible,
.dining-financial-lines button.is-active,
.dining-financial-reasons button:hover,
.dining-financial-reasons button:focus-visible,
.dining-financial-reasons button.is-active {
  border-color: rgba(245, 168, 0, 0.55);
  outline: none;
  background: rgba(245, 168, 0, 0.1);
}

.dining-financial-action > span:first-child,
.dining-financial-policy > svg {
  display: grid;
  place-items: center;
  inline-size: 2.1rem;
  aspect-ratio: 1;
  padding: 0.48rem;
  border-radius: 50%;
  color: var(--gold-2);
  background: rgba(245, 168, 0, 0.11);
}

.dining-financial-action > span:nth-child(2) {
  display: grid;
  gap: 0.08rem;
  min-inline-size: 0;
}

.dining-financial-action small {
  color: var(--muted);
  font-size: 0.72em;
  overflow-wrap: anywhere;
}

.dining-financial-action > svg {
  inline-size: 0.85rem;
  transform: rotate(-90deg);
}

.dining-financial-summary,
.dining-financial-approved {
  justify-content: start;
  padding: 0.5rem;
  border: 0.0625rem solid rgba(38, 208, 111, 0.22);
  border-radius: var(--radius-sm);
  background: rgba(38, 208, 111, 0.065);
}

.dining-financial-summary > svg,
.dining-financial-approved > svg {
  inline-size: 1.1rem;
  color: var(--green);
}

.dining-financial-summary > .tag,
.dining-financial-approved > .tag,
.dining-financial-policy > .tag {
  margin-inline-start: auto;
}

.dining-payment-total {
  inline-size: 100%;
  padding-block-start: 0.45rem;
  border-block-start: 0.0625rem solid rgba(245, 168, 0, 0.2);
}

.dining-payment-total b,
.dining-payment-total strong {
  color: var(--gold-2);
  font-variant-numeric: tabular-nums;
}

.dining-financial-overlay {
  position: fixed;
  inset: 0;
  z-index: 98;
  display: grid;
  place-items: center;
  min-inline-size: 0;
  padding: clamp(0.48rem, 2vw, 1.2rem);
  background: rgba(1, 4, 8, 0.88);
  backdrop-filter: blur(0.48rem);
}

.dining-financial-panel {
  display: grid;
  grid-template-rows: auto minmax(0, 1fr) auto;
  inline-size: min(100%, 66rem);
  max-block-size: min(94dvh, 62rem);
  min-inline-size: 0;
  overflow: hidden;
  border: 0.0625rem solid rgba(245, 168, 0, 0.44);
  border-radius: var(--radius-lg);
  background:
    radial-gradient(circle at 0% 0%, rgba(245, 168, 0, 0.12), transparent 25rem),
    rgba(8, 14, 22, 0.99);
  box-shadow: 0 2rem 6rem rgba(0, 0, 0, 0.72);
}

.dining-financial-modal-head,
.dining-financial-footer {
  padding: clamp(0.68rem, 1.35vw, 1rem);
  background: rgba(7, 13, 20, 0.86);
}

.dining-financial-modal-head {
  border-block-end: 0.0625rem solid rgba(168, 184, 204, 0.11);
}

.dining-financial-modal-head .icon-button {
  margin-inline-start: auto;
}

.dining-financial-body {
  display: grid;
  align-content: start;
  gap: clamp(0.58rem, 1.2vw, 0.92rem);
  min-inline-size: 0;
  overflow-y: auto;
  overscroll-behavior: contain;
  padding: clamp(0.68rem, 1.35vw, 1rem);
}

.dining-financial-section,
.dining-financial-approval {
  display: grid;
  gap: 0.58rem;
  min-inline-size: 0;
}

.dining-financial-tabs,
.dining-financial-presets,
.dining-financial-lines,
.dining-financial-reasons,
.dining-financial-impact,
.dining-financial-proof {
  display: grid;
  gap: 0.4rem;
  min-inline-size: 0;
}

.dining-financial-tabs {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.dining-financial-presets {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 5.2rem), 1fr));
}

.dining-financial-lines {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.dining-financial-reasons {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.dining-financial-tabs button,
.dining-financial-presets button,
.dining-financial-reasons button,
.dining-financial-lines button {
  min-inline-size: 0;
  min-block-size: 2.8rem;
  padding: 0.48rem;
  border: 0.0625rem solid rgba(168, 184, 204, 0.13);
  border-radius: var(--radius-sm);
  color: var(--text);
  background: rgba(7, 13, 20, 0.62);
}

.dining-financial-tabs button {
  display: grid;
  place-items: center;
  gap: 0.1rem;
}

.dining-financial-tabs small,
.dining-financial-lines small,
.dining-financial-impact small,
.dining-financial-proof small {
  color: var(--muted);
  font-size: 0.72em;
}

.dining-financial-lines button {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 0.48rem;
  text-align: start;
}

.dining-financial-lines button > span {
  display: grid;
  gap: 0.08rem;
  min-inline-size: 0;
}

.dining-financial-lines b {
  color: var(--gold-2);
  font-variant-numeric: tabular-nums;
}

.dining-financial-policy,
.dining-consent {
  padding: 0.58rem;
  border: 0.0625rem solid rgba(245, 168, 0, 0.2);
  border-radius: var(--radius-sm);
  background: rgba(245, 168, 0, 0.06);
}

.dining-consent {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 0.58rem;
  cursor: pointer;
}

.dining-consent input {
  inline-size: 1.25rem;
  aspect-ratio: 1;
  accent-color: var(--gold-2);
}

.dining-consent span {
  display: grid;
  gap: 0.08rem;
}

.dining-consent small {
  color: var(--muted);
}

.dining-financial-preview {
  display: grid;
  gap: 0.58rem;
  padding: clamp(0.58rem, 1vw, 0.78rem);
  border: 0.0625rem solid rgba(103, 151, 255, 0.28);
  border-radius: var(--radius-md);
  background: rgba(103, 151, 255, 0.07);
}

.dining-financial-preview > header > svg {
  inline-size: 1.2rem;
  color: var(--gold-2);
}

.dining-financial-impact {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.dining-financial-proof {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.dining-financial-impact > span,
.dining-financial-proof > span {
  display: grid;
  gap: 0.1rem;
  min-inline-size: 0;
  padding: 0.5rem;
  border-radius: var(--radius-sm);
  background: rgba(7, 13, 20, 0.58);
}

.dining-financial-impact strong,
.dining-financial-proof strong {
  overflow-wrap: anywhere;
}

.dining-financial-approval {
  padding: 0.68rem;
  border: 0.0625rem solid rgba(245, 168, 0, 0.24);
  border-radius: var(--radius-md);
  background: rgba(245, 168, 0, 0.055);
}

.dining-financial-footer {
  border-block-start: 0.0625rem solid rgba(168, 184, 204, 0.11);
}

.dining-financial-footer > div {
  display: flex;
  justify-content: end;
  flex-wrap: wrap;
  gap: 0.42rem;
}

@media (max-width: 58em) {
  .dining-financial-actions,
  .dining-financial-tabs,
  .dining-financial-impact {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 42em) {
  .dining-financial-overlay {
    place-items: end stretch;
    padding: 0;
  }

  .dining-financial-panel {
    inline-size: 100%;
    max-block-size: 94dvh;
    border-radius: var(--radius-lg) var(--radius-lg) 0 0;
  }

  .dining-financial-action,
  .dining-financial-tabs button,
  .dining-financial-presets button,
  .dining-financial-lines button,
  .dining-financial-reasons button,
  .dining-financial-footer .button {
    min-block-size: 2.75rem;
  }

  .dining-financial-footer > span,
  .dining-financial-footer > div,
  .dining-financial-footer .button {
    inline-size: 100%;
  }
}

@media (max-width: 30em) {
  .dining-financial-actions,
  .dining-financial-tabs,
  .dining-financial-lines,
  .dining-financial-reasons,
  .dining-financial-impact,
  .dining-financial-proof {
    grid-template-columns: minmax(0, 1fr);
  }

  .dining-financial-summary > .tag,
  .dining-financial-approved > .tag,
  .dining-financial-policy > .tag {
    margin-inline-start: 1.6rem;
  }
}

/* V64 · Salon servis orkestrasyonu: masa, ekip ve hesap aksiyonları. */
.dining-flow-steps {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.table-service-meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 0.28rem 0.48rem;
  min-inline-size: 0;
  color: var(--muted);
  font-size: 0.72em;
}

.table-service-meta span {
  display: inline-flex;
  align-items: center;
  gap: 0.22rem;
  min-inline-size: 0;
  overflow-wrap: anywhere;
}

.table-service-meta svg {
  inline-size: 0.78rem;
  flex: 0 0 auto;
  color: var(--gold-2);
}

.dining-service-command {
  display: grid;
  gap: clamp(0.5rem, 0.86vw, 0.72rem);
  min-inline-size: 0;
  padding: clamp(0.58rem, 0.94vw, 0.82rem);
  border: 0.0625rem solid rgba(245, 168, 0, 0.3);
  border-radius: var(--radius-md);
  background:
    radial-gradient(circle at 100% 0%, rgba(245, 168, 0, 0.12), transparent 17rem),
    linear-gradient(135deg, rgba(20, 30, 42, 0.9), rgba(7, 13, 20, 0.9));
}

.dining-service-head,
.dining-operation-header,
.dining-operation-footer,
.dining-operation-preview > header,
.dining-split-summary,
.dining-operation-error {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 0.5rem;
  min-inline-size: 0;
}

.dining-service-head > div,
.dining-operation-header > div,
.dining-operation-section > div:first-child,
.dining-operation-preview > header > div,
.dining-split-summary > div,
.dining-operation-error > span {
  display: grid;
  gap: 0.12rem;
  min-inline-size: min(100%, 10rem);
}

.dining-service-head h3,
.dining-service-head p,
.dining-operation-header h2,
.dining-operation-header p,
.dining-operation-section h3,
.dining-operation-section p,
.dining-operation-preview p {
  margin: 0;
  overflow-wrap: anywhere;
}

.dining-service-head p,
.dining-operation-header p,
.dining-operation-section p,
.dining-operation-preview p,
.dining-operation-footer small,
.dining-split-summary small,
.dining-operation-error small {
  color: var(--muted);
  font-size: 0.78em;
  line-height: 1.42;
}

.dining-service-metrics {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.34rem;
  min-inline-size: 0;
}

.dining-service-metrics > span {
  display: grid;
  gap: 0.1rem;
  min-inline-size: 0;
  padding: 0.46rem;
  border: 0.0625rem solid rgba(168, 184, 204, 0.11);
  border-radius: var(--radius-sm);
  background: rgba(6, 12, 19, 0.58);
}

.dining-service-metrics small,
.dining-target-card small,
.dining-split-tabs small,
.dining-split-line small,
.dining-operation-impact small,
.dining-split-checks small {
  color: var(--muted);
  font-size: 0.72em;
}

.dining-service-metrics strong,
.dining-target-card strong,
.dining-target-card b,
.dining-split-line strong,
.dining-split-line b {
  overflow-wrap: anywhere;
}

.dining-service-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.38rem;
  min-inline-size: 0;
}

.dining-service-action {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 0.46rem;
  min-inline-size: 0;
  min-block-size: 3.25rem;
  padding: 0.5rem;
  border: 0.0625rem solid rgba(168, 184, 204, 0.12);
  border-radius: var(--radius-sm);
  color: var(--text);
  background: rgba(8, 14, 21, 0.66);
  text-align: start;
}

.dining-service-action:hover,
.dining-service-action:focus-visible,
.dining-target-card:hover,
.dining-target-card:focus-visible,
.dining-target-card.is-selected {
  border-color: rgba(245, 168, 0, 0.48);
  outline: none;
  background: rgba(245, 168, 0, 0.09);
}

.dining-service-action > span:first-child,
.dining-target-icon,
.dining-person-avatar {
  display: grid;
  place-items: center;
  inline-size: 2.1rem;
  aspect-ratio: 1;
  border-radius: 50%;
  color: var(--gold-2);
  background: rgba(245, 168, 0, 0.1);
}

.dining-service-action > span:nth-child(2),
.dining-target-card > span:nth-child(2),
.dining-target-card > span:nth-child(3),
.dining-split-line > span,
.dining-operation-footer > span {
  display: grid;
  gap: 0.08rem;
  min-inline-size: 0;
}

.dining-service-action small {
  color: var(--muted);
  font-size: 0.72em;
  overflow-wrap: anywhere;
}

.dining-service-action > svg {
  inline-size: 0.85rem;
  transform: rotate(-90deg);
}

.dining-service-action > .tag {
  justify-self: end;
  max-inline-size: min(100%, 7.5rem);
  text-align: center;
  white-space: normal;
}

.dining-service-action:disabled > .tag {
  opacity: 0.82;
}

.dining-split-summary {
  justify-content: start;
  padding: 0.48rem;
  border: 0.0625rem solid rgba(38, 208, 111, 0.2);
  border-radius: var(--radius-sm);
  background: rgba(38, 208, 111, 0.06);
}

.dining-split-summary > svg {
  inline-size: 1.1rem;
  color: var(--green);
}

.dining-split-summary > .tag {
  margin-inline-start: auto;
}

.dining-handoff-pending {
  border-color: rgba(245, 168, 0, 0.3);
  background: linear-gradient(135deg, rgba(245, 168, 0, 0.09), rgba(7, 13, 20, 0.64));
}

.dining-handoff-pending > svg {
  color: var(--gold-2);
}

.dining-handoff-resolution {
  display: flex;
  flex-wrap: wrap;
  gap: 0.36rem;
  margin-inline-start: auto;
}

.dining-handoff-resolution .button {
  min-block-size: 2.75rem;
}

.dining-adjustment-command {
  display: grid;
  gap: clamp(0.5rem, 0.86vw, 0.72rem);
  min-inline-size: 0;
  padding: clamp(0.58rem, 0.94vw, 0.82rem);
  border: 0.0625rem solid rgba(103, 151, 255, 0.28);
  border-radius: var(--radius-md);
  background:
    radial-gradient(circle at 100% 0%, rgba(103, 151, 255, 0.11), transparent 17rem),
    linear-gradient(135deg, rgba(15, 25, 39, 0.92), rgba(7, 13, 20, 0.9));
}

.dining-adjustment-head,
.dining-adjustment-summary,
.dining-adjustment-modal-header,
.dining-adjustment-footer,
.dining-adjustment-preview > header,
.dining-manager-approved,
.dining-live-approval-note,
.dining-pin-status {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 0.5rem;
  min-inline-size: 0;
}

.dining-adjustment-head > div,
.dining-adjustment-modal-header > div,
.dining-adjustment-section > div:first-child,
.dining-adjustment-preview > header > div,
.dining-adjustment-summary > div,
.dining-manager-approved > span,
.dining-live-approval-note > span,
.dining-pin-status > span:first-child,
.dining-adjustment-footer > span {
  display: grid;
  gap: 0.1rem;
  min-inline-size: min(100%, 10rem);
}

.dining-adjustment-head h3,
.dining-adjustment-head p,
.dining-adjustment-modal-header h2,
.dining-adjustment-modal-header p,
.dining-adjustment-section h3,
.dining-manager-copy h3,
.dining-manager-copy p {
  margin: 0;
  overflow-wrap: anywhere;
}

.dining-adjustment-head p,
.dining-adjustment-modal-header p,
.dining-adjustment-section p,
.dining-manager-copy p,
.dining-adjustment-footer small,
.dining-adjustment-summary small,
.dining-manager-approved small,
.dining-live-approval-note small {
  color: var(--muted);
  font-size: 0.78em;
  line-height: 1.42;
}

.dining-adjustment-actions {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.38rem;
  min-inline-size: 0;
}

.dining-adjustment-action {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 0.46rem;
  min-inline-size: 0;
  min-block-size: 3.25rem;
  padding: 0.5rem;
  border: 0.0625rem solid rgba(168, 184, 204, 0.12);
  border-radius: var(--radius-sm);
  color: var(--text);
  background: rgba(8, 14, 21, 0.66);
  text-align: start;
}

.dining-adjustment-action:hover,
.dining-adjustment-action:focus-visible,
.dining-adjustment-line:hover,
.dining-adjustment-line:focus-visible,
.dining-adjustment-line.is-selected,
.dining-manager-card:hover,
.dining-manager-card:focus-visible,
.dining-manager-card.is-selected {
  border-color: rgba(245, 168, 0, 0.5);
  outline: none;
  background: rgba(245, 168, 0, 0.09);
}

.dining-adjustment-action > span:first-child {
  display: grid;
  place-items: center;
  inline-size: 2.1rem;
  aspect-ratio: 1;
  border-radius: 50%;
  color: var(--gold-2);
  background: rgba(245, 168, 0, 0.1);
}

.dining-adjustment-action > span:nth-child(2) {
  display: grid;
  gap: 0.08rem;
  min-inline-size: 0;
}

.dining-adjustment-action small {
  color: var(--muted);
  font-size: 0.72em;
  overflow-wrap: anywhere;
}

.dining-adjustment-action > svg {
  inline-size: 0.85rem;
  transform: rotate(-90deg);
}

.dining-adjustment-summary {
  justify-content: start;
  padding: 0.48rem;
  border: 0.0625rem solid rgba(38, 208, 111, 0.2);
  border-radius: var(--radius-sm);
  background: rgba(38, 208, 111, 0.06);
}

.dining-adjustment-summary > svg {
  inline-size: 1.1rem;
  color: var(--green);
}

.dining-adjustment-summary > .tag {
  margin-inline-start: auto;
}

.dining-order-line.is-adjusted {
  border-color: rgba(103, 151, 255, 0.26);
  background: linear-gradient(135deg, rgba(103, 151, 255, 0.07), rgba(7, 13, 20, 0.48));
}

.dining-order-line.is-voided .entity-name,
.dining-order-line.is-voided .dining-original-total {
  text-decoration: line-through;
  opacity: 0.72;
}

.dining-line-adjustment {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.22rem 0.42rem;
  min-inline-size: 0;
  margin-block-start: 0.22rem;
  color: var(--muted);
  font-size: 0.72em;
}

.dining-line-adjustment strong {
  color: var(--gold-2);
}

.dining-line-adjustment small {
  inline-size: 100%;
  color: var(--green);
}

.dining-original-total {
  color: var(--muted);
  text-decoration: line-through;
  font-variant-numeric: tabular-nums;
}

.dining-adjustment-overlay {
  position: fixed;
  inset: 0;
  z-index: 97;
  display: grid;
  place-items: center;
  min-inline-size: 0;
  padding: clamp(0.48rem, 2vw, 1.2rem);
  background: rgba(1, 4, 8, 0.86);
  backdrop-filter: blur(0.46rem);
}

.dining-adjustment-panel {
  display: grid;
  grid-template-rows: auto minmax(0, 1fr) auto;
  inline-size: min(100%, 62rem);
  max-block-size: min(94dvh, 60rem);
  min-inline-size: 0;
  overflow: hidden;
  border: 0.0625rem solid rgba(245, 168, 0, 0.4);
  border-radius: var(--radius-lg);
  background:
    radial-gradient(circle at 0% 0%, rgba(103, 151, 255, 0.13), transparent 24rem),
    rgba(8, 14, 22, 0.99);
  box-shadow: 0 2rem 6rem rgba(0, 0, 0, 0.7);
}

.dining-adjustment-modal-header,
.dining-adjustment-footer {
  padding: clamp(0.68rem, 1.35vw, 1rem);
  background: rgba(7, 13, 20, 0.84);
}

.dining-adjustment-modal-header {
  border-block-end: 0.0625rem solid rgba(168, 184, 204, 0.11);
}

.dining-adjustment-modal-header .icon-button {
  margin-inline-start: auto;
}

.dining-adjustment-body {
  display: grid;
  align-content: start;
  gap: clamp(0.58rem, 1.2vw, 0.9rem);
  min-inline-size: 0;
  overflow-y: auto;
  overscroll-behavior: contain;
  padding: clamp(0.68rem, 1.35vw, 1rem);
}

.dining-adjustment-section,
.dining-manager-approval,
.dining-manager-copy {
  display: grid;
  gap: 0.58rem;
  min-inline-size: 0;
}

.dining-adjustment-type-tabs,
.dining-adjustment-lines,
.dining-manager-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.4rem;
  min-inline-size: 0;
}

.dining-adjustment-type-tabs {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.dining-adjustment-type-tabs button,
.dining-discount-presets button,
.dining-adjustment-reasons button {
  display: grid;
  gap: 0.1rem;
  place-items: center;
  min-inline-size: 0;
  min-block-size: 2.8rem;
  padding: 0.46rem;
  border: 0.0625rem solid rgba(168, 184, 204, 0.12);
  border-radius: var(--radius-sm);
  color: var(--text);
  background: rgba(7, 13, 20, 0.58);
}

.dining-adjustment-type-tabs button.is-active,
.dining-discount-presets button.is-active,
.dining-adjustment-reasons button.is-active {
  border-color: rgba(245, 168, 0, 0.54);
  background: rgba(245, 168, 0, 0.1);
}

.dining-adjustment-type-tabs small {
  color: var(--muted);
  font-size: 0.72em;
}

.dining-adjustment-line,
.dining-manager-card {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 0.46rem;
  min-inline-size: 0;
  min-block-size: 3.4rem;
  padding: 0.52rem;
  border: 0.0625rem solid rgba(168, 184, 204, 0.12);
  border-radius: var(--radius-sm);
  color: var(--text);
  background: rgba(7, 13, 20, 0.62);
  text-align: start;
}

.dining-adjustment-line > span,
.dining-manager-card > span:nth-child(2) {
  display: grid;
  gap: 0.08rem;
  min-inline-size: 0;
}

.dining-adjustment-line small,
.dining-manager-card small,
.dining-adjustment-proof-grid small,
.dining-adjustment-impact small {
  color: var(--muted);
  font-size: 0.72em;
}

.dining-adjustment-line b {
  color: var(--gold-2);
  font-variant-numeric: tabular-nums;
}

.dining-manager-card {
  grid-template-columns: auto minmax(0, 1fr) auto;
}

.dining-discount-presets,
.dining-adjustment-reasons {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 7.2rem), 1fr));
  gap: 0.38rem;
  min-inline-size: 0;
}

.dining-adjustment-preview,
.dining-manager-approval {
  display: grid;
  gap: 0.58rem;
  min-inline-size: 0;
  padding: clamp(0.56rem, 1vw, 0.78rem);
  border: 0.0625rem solid rgba(38, 208, 111, 0.24);
  border-radius: var(--radius-md);
  background: linear-gradient(135deg, rgba(38, 208, 111, 0.07), rgba(7, 13, 20, 0.68));
}

.dining-manager-approval {
  border-color: rgba(245, 168, 0, 0.28);
  background: linear-gradient(135deg, rgba(245, 168, 0, 0.08), rgba(7, 13, 20, 0.68));
}

.dining-adjustment-preview > header {
  justify-content: start;
}

.dining-adjustment-preview > header > svg,
.dining-manager-approved > svg,
.dining-live-approval-note > svg,
.dining-adjustment-summary > svg {
  inline-size: 1.35rem;
  color: var(--green);
  flex: 0 0 auto;
}

.dining-adjustment-preview > header > .tag {
  margin-inline-start: auto;
}

.dining-adjustment-impact {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  align-items: center;
  gap: 0.38rem;
  min-inline-size: 0;
}

.dining-adjustment-impact > span:not(:nth-child(2)) {
  display: grid;
  gap: 0.1rem;
  min-inline-size: 0;
  padding: 0.5rem;
  border-radius: var(--radius-sm);
  background: rgba(7, 13, 20, 0.68);
}

.dining-adjustment-impact > span:nth-child(2) {
  color: var(--gold-2);
  text-align: center;
}

.dining-adjustment-proof-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.38rem;
  min-inline-size: 0;
}

.dining-adjustment-proof-grid > span {
  display: grid;
  gap: 0.1rem;
  min-inline-size: 0;
  padding: 0.48rem;
  border: 0.0625rem solid rgba(168, 184, 204, 0.1);
  border-radius: var(--radius-sm);
  background: rgba(7, 13, 20, 0.58);
}

.dining-adjustment-proof-grid strong {
  overflow-wrap: anywhere;
}

.dining-pin-workspace {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(11rem, 0.55fr);
  align-items: center;
  gap: 0.58rem;
  min-inline-size: 0;
}

.dining-pin-status {
  align-content: center;
  padding: 0.58rem;
  border: 0.0625rem solid rgba(168, 184, 204, 0.12);
  border-radius: var(--radius-sm);
  background: rgba(7, 13, 20, 0.58);
}

.dining-pin-dots {
  display: flex;
  gap: 0.36rem;
}

.dining-pin-dots i {
  inline-size: 0.72rem;
  aspect-ratio: 1;
  border: 0.0625rem solid rgba(245, 168, 0, 0.5);
  border-radius: 50%;
  background: transparent;
}

.dining-pin-dots i.is-filled {
  background: var(--gold);
}

.dining-pin-pad {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.3rem;
  min-inline-size: 0;
}

.dining-pin-pad button {
  min-block-size: 2.6rem;
  border: 0.0625rem solid rgba(168, 184, 204, 0.14);
  border-radius: var(--radius-sm);
  color: var(--text);
  background: rgba(7, 13, 20, 0.7);
  font-weight: 800;
}

.dining-pin-pad button:hover,
.dining-pin-pad button:focus-visible {
  border-color: var(--gold);
  outline: none;
}

.dining-manager-approved,
.dining-live-approval-note {
  justify-content: start;
  padding: 0.58rem;
  border: 0.0625rem solid rgba(38, 208, 111, 0.24);
  border-radius: var(--radius-sm);
  background: rgba(38, 208, 111, 0.07);
}

.dining-live-approval-note {
  border-color: rgba(255, 77, 95, 0.24);
  background: rgba(255, 77, 95, 0.06);
}

.dining-live-approval-note > svg {
  color: var(--red);
}

.dining-manager-approved > .tag {
  margin-inline-start: auto;
}

.dining-adjustment-footer {
  border-block-start: 0.0625rem solid rgba(168, 184, 204, 0.11);
}

.dining-adjustment-footer > div {
  display: flex;
  justify-content: end;
  flex-wrap: wrap;
  gap: 0.42rem;
}

.dining-operation-overlay {
  position: fixed;
  inset: 0;
  z-index: 96;
  display: grid;
  place-items: center;
  min-inline-size: 0;
  padding: clamp(0.48rem, 2vw, 1.2rem);
  background: rgba(1, 4, 8, 0.82);
  backdrop-filter: blur(0.42rem);
}

.dining-operation-panel {
  display: grid;
  grid-template-rows: auto minmax(0, 1fr) auto;
  inline-size: min(100%, 58rem);
  max-block-size: min(94dvh, 58rem);
  min-inline-size: 0;
  overflow: hidden;
  border: 0.0625rem solid rgba(245, 168, 0, 0.38);
  border-radius: var(--radius-lg);
  background:
    radial-gradient(circle at 0% 0%, rgba(245, 168, 0, 0.14), transparent 24rem),
    rgba(8, 14, 22, 0.99);
  box-shadow: 0 2rem 6rem rgba(0, 0, 0, 0.68);
}

.dining-operation-header,
.dining-operation-footer {
  padding: clamp(0.68rem, 1.35vw, 1rem);
  background: rgba(7, 13, 20, 0.82);
}

.dining-operation-header {
  border-block-end: 0.0625rem solid rgba(168, 184, 204, 0.11);
}

.dining-operation-header .icon-button {
  margin-inline-start: auto;
}

.dining-operation-body {
  display: grid;
  align-content: start;
  gap: clamp(0.58rem, 1.2vw, 0.9rem);
  min-inline-size: 0;
  overflow-y: auto;
  overscroll-behavior: contain;
  padding: clamp(0.68rem, 1.35vw, 1rem);
}

.dining-operation-section {
  display: grid;
  gap: 0.58rem;
  min-inline-size: 0;
}

.dining-target-list,
.dining-split-lines {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.4rem;
  min-inline-size: 0;
}

.dining-target-card {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 0.46rem;
  min-inline-size: 0;
  min-block-size: 3.6rem;
  padding: 0.52rem;
  border: 0.0625rem solid rgba(168, 184, 204, 0.12);
  border-radius: var(--radius-sm);
  color: var(--text);
  background: rgba(7, 13, 20, 0.62);
  text-align: start;
}

.dining-target-card > span:last-child {
  justify-items: end;
  text-align: end;
}

.dining-person-avatar {
  color: #171005;
  background: var(--gold);
  font-size: 0.72em;
  font-weight: 850;
}

.dining-split-tabs {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.38rem;
  min-inline-size: 0;
}

.dining-split-tabs button {
  display: grid;
  gap: 0.12rem;
  min-inline-size: 0;
  min-block-size: 3.1rem;
  padding: 0.48rem;
  border: 0.0625rem solid rgba(168, 184, 204, 0.12);
  border-radius: var(--radius-sm);
  color: var(--text);
  background: rgba(7, 13, 20, 0.58);
}

.dining-split-tabs button.is-active {
  border-color: rgba(245, 168, 0, 0.54);
  background: rgba(245, 168, 0, 0.1);
}

.dining-split-line,
.dining-equal-parts {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 0.48rem;
  min-inline-size: 0;
  padding: 0.52rem;
  border: 0.0625rem solid rgba(168, 184, 204, 0.12);
  border-radius: var(--radius-sm);
  background: rgba(7, 13, 20, 0.58);
}

.dining-split-line.is-selected {
  border-color: rgba(245, 168, 0, 0.48);
  background: rgba(245, 168, 0, 0.08);
}

.dining-split-line input {
  inline-size: 1.1rem;
  aspect-ratio: 1;
  accent-color: var(--gold);
}

.dining-equal-parts {
  grid-template-columns: minmax(0, 1fr) minmax(5rem, 0.22fr);
}

.dining-equal-parts > span {
  display: grid;
  gap: 0.1rem;
}

.dining-operation-preview {
  display: grid;
  gap: 0.56rem;
  min-inline-size: 0;
  padding: clamp(0.56rem, 1vw, 0.78rem);
  border: 0.0625rem solid rgba(38, 208, 111, 0.26);
  border-radius: var(--radius-md);
  background: linear-gradient(135deg, rgba(38, 208, 111, 0.08), rgba(7, 13, 20, 0.68));
}

.dining-operation-preview > header {
  justify-content: start;
}

.dining-operation-preview > header > svg {
  inline-size: 1.5rem;
  color: var(--green);
}

.dining-operation-impact {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  align-items: center;
  gap: 0.48rem;
  min-inline-size: 0;
}

.dining-operation-impact > span:not(.dining-impact-arrow) {
  display: grid;
  gap: 0.1rem;
  min-inline-size: 0;
  padding: 0.52rem;
  border-radius: var(--radius-sm);
  background: rgba(7, 13, 20, 0.68);
}

.dining-impact-arrow {
  color: var(--gold-2);
  font-size: 1.4em;
}

.dining-split-checks {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 8.4rem), 1fr));
  gap: 0.38rem;
  min-inline-size: 0;
}

.dining-split-checks article {
  display: grid;
  gap: 0.14rem;
  min-inline-size: 0;
  padding: 0.48rem;
  border: 0.0625rem solid rgba(38, 208, 111, 0.18);
  border-radius: var(--radius-sm);
  background: rgba(7, 13, 20, 0.6);
}

.dining-split-checks strong {
  color: var(--gold-2);
  font-variant-numeric: tabular-nums;
}

.dining-operation-error {
  justify-content: start;
  padding: 0.52rem;
  border: 0.0625rem solid rgba(255, 77, 95, 0.28);
  border-radius: var(--radius-sm);
  color: var(--red);
  background: rgba(255, 77, 95, 0.07);
}

.dining-operation-error > svg {
  inline-size: 1.2rem;
}

.dining-operation-footer {
  border-block-start: 0.0625rem solid rgba(168, 184, 204, 0.11);
  padding-block-end: max(
    clamp(0.68rem, 1.35vw, 1rem),
    calc(env(safe-area-inset-bottom, 0rem) + 0.68rem)
  );
}

.dining-operation-footer > div {
  display: flex;
  justify-content: end;
  flex-wrap: wrap;
  gap: 0.42rem;
}

.dining-operation-reason {
  display: grid;
  grid-template-columns: minmax(9rem, 0.34fr) minmax(0, 1fr);
  align-items: center;
  gap: clamp(0.45rem, 1vw, 0.75rem);
  min-inline-size: 0;
  padding: clamp(0.55rem, 1vw, 0.75rem);
  border: 0.0625rem solid rgba(225, 176, 79, 0.18);
  border-radius: var(--radius-sm);
  background: rgba(225, 176, 79, 0.045);
}

.dining-operation-reason span {
  display: grid;
  gap: 0.12rem;
  min-inline-size: 0;
}

.dining-operation-reason small {
  color: var(--muted);
  overflow-wrap: anywhere;
}

@media (max-width: 78em) {
  .dining-flow-steps {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
}

@media (max-width: 58em) {
  .dining-flow-steps,
  .dining-service-actions,
  .dining-adjustment-actions,
  .dining-adjustment-lines,
  .dining-manager-list,
  .dining-target-list,
  .dining-split-lines {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .dining-service-metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 42em) {
  .dining-operation-overlay,
  .dining-adjustment-overlay {
    place-items: end stretch;
    padding: 0;
  }

  .dining-operation-panel,
  .dining-adjustment-panel {
    inline-size: 100%;
    max-block-size: 94dvh;
    border-radius: var(--radius-lg) var(--radius-lg) 0 0;
  }

  .dining-service-action,
  .dining-adjustment-action,
  .dining-adjustment-line,
  .dining-manager-card,
  .dining-target-card,
  .dining-split-tabs button,
  .dining-operation-footer .button,
  .dining-adjustment-footer .button {
    min-block-size: 2.75rem;
  }

  .dining-operation-footer > span,
  .dining-operation-footer > div,
  .dining-operation-footer .button,
  .dining-adjustment-footer > span,
  .dining-adjustment-footer > div,
  .dining-adjustment-footer .button {
    inline-size: 100%;
  }

  .dining-split-summary > .tag {
    margin-inline-start: 1.6rem;
  }

  .dining-handoff-resolution {
    inline-size: 100%;
    margin-inline-start: 0;
  }

  .dining-handoff-resolution .button {
    flex: 1 1 min(100%, 8rem);
  }

  .dining-operation-reason {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 30em) {
  .dining-flow-steps {
    grid-template-columns: minmax(0, 1fr);
  }

  .dining-service-actions,
  .dining-adjustment-actions,
  .dining-adjustment-lines,
  .dining-adjustment-type-tabs,
  .dining-manager-list,
  .dining-adjustment-proof-grid,
  .dining-pin-workspace,
  .dining-target-list,
  .dining-split-lines,
  .dining-split-tabs,
  .dining-equal-parts {
    grid-template-columns: minmax(0, 1fr);
  }

  .dining-target-card {
    grid-template-columns: auto minmax(0, 1fr);
  }

  .dining-target-card > span:last-child,
  .dining-target-card > .tag {
    grid-column: 2;
    justify-items: start;
    text-align: start;
  }

  .dining-operation-impact {
    grid-template-columns: minmax(0, 1fr);
  }

  .dining-adjustment-impact {
    grid-template-columns: minmax(0, 1fr);
  }

  .dining-adjustment-impact > span:nth-child(2) {
    transform: rotate(90deg);
  }

  .dining-manager-card {
    grid-template-columns: auto minmax(0, 1fr);
  }

  .dining-manager-card > .tag {
    grid-column: 2;
    justify-self: start;
  }

  .dining-impact-arrow {
    transform: rotate(90deg);
    justify-self: center;
  }
}

/* V62 personnel + shift command center. */
.workforce-authority-banner {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: clamp(0.6rem, 1.2vw, 1rem);
  min-inline-size: 0;
  margin-block-end: var(--gap);
  padding: clamp(0.7rem, 1.4vw, 1rem);
  border: 0.0625rem solid rgba(245, 168, 0, 0.3);
  border-radius: var(--radius);
  background: linear-gradient(135deg, rgba(245, 168, 0, 0.12), rgba(10, 16, 24, 0.86));
}

.workforce-task-launcher {
  display: grid;
  grid-template-columns: minmax(12rem, .55fr) minmax(0, 1.45fr);
  gap: clamp(.85rem, 1.5vw, 1.35rem);
  align-items: center;
  margin-block-end: var(--gap);
  padding: clamp(1rem, 2vw, 1.5rem);
  border: 1px solid color-mix(in srgb, var(--gold) 34%, var(--border));
  border-radius: var(--radius);
  background: linear-gradient(135deg, color-mix(in srgb, var(--gold) 7%, var(--panel)), var(--panel));
}

.workforce-task-copy h2,
.workforce-task-copy p { margin: .25rem 0 0; }

.workforce-task-copy p { color: var(--muted); }

.workforce-task-actions {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(.55rem, 1vw, .85rem);
}

.service-role-hierarchy {
  display: grid;
  gap: clamp(0.6rem, 1.1vw, 0.9rem);
  min-inline-size: 0;
  padding: clamp(0.7rem, 1.35vw, 1rem);
  border: 0.0625rem solid color-mix(in srgb, var(--gold) 28%, var(--border));
  border-radius: var(--radius-md);
  background: linear-gradient(145deg, rgba(245, 168, 0, 0.075), rgba(7, 13, 20, 0.62));
}

.workforce-task-launcher > .service-role-hierarchy {
  grid-column: 1 / -1;
}

.service-role-hierarchy-head {
  display: grid;
  gap: 0.18rem;
  min-inline-size: 0;
}

.service-role-hierarchy-head h3,
.service-role-hierarchy-head p {
  margin: 0;
}

.service-role-hierarchy-head p {
  color: var(--muted);
  font-size: clamp(0.76rem, 0.72rem + 0.14vw, 0.86rem);
  line-height: 1.4;
}

.service-role-hierarchy-list {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: clamp(0.34rem, 0.7vw, 0.58rem);
  min-inline-size: 0;
  margin: 0;
  padding: 0;
  list-style: none;
}

.service-role-hierarchy-list > li {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-content: start;
  gap: 0.45rem;
  min-inline-size: 0;
  padding: clamp(0.48rem, 0.8vw, 0.68rem);
  border: 0.0625rem solid rgba(168, 184, 204, 0.12);
  border-radius: var(--radius-sm);
  background: rgba(6, 12, 19, 0.6);
}

.service-role-hierarchy-list > li:first-child {
  border-color: rgba(245, 168, 0, 0.46);
  background: rgba(245, 168, 0, 0.1);
}

.service-role-hierarchy-list > li > span {
  display: grid;
  place-items: center;
  inline-size: clamp(1.65rem, 1.45rem + 0.55vw, 2rem);
  aspect-ratio: 1;
  border: 0.0625rem solid rgba(245, 168, 0, 0.38);
  border-radius: 50%;
  color: var(--gold-2);
  background: rgba(245, 168, 0, 0.08);
  font-weight: 850;
}

.service-role-hierarchy-list > li > div {
  display: grid;
  align-content: start;
  gap: 0.12rem;
  min-inline-size: 0;
}

.service-role-hierarchy-list strong,
.service-role-hierarchy-list small,
.service-role-hierarchy-list p {
  overflow-wrap: anywhere;
}

.service-role-hierarchy-list small {
  color: var(--gold-2);
  font-size: clamp(0.68rem, 0.65rem + 0.1vw, 0.76rem);
}

.service-role-hierarchy-list p {
  margin: 0.14rem 0 0;
  color: var(--muted);
  font-size: clamp(0.7rem, 0.67rem + 0.1vw, 0.78rem);
  line-height: 1.35;
}

.workforce-task-action {
  min-width: 0;
  min-height: clamp(5.25rem, 8vw, 6.5rem);
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: .7rem;
  padding: clamp(.75rem, 1.4vw, 1rem);
  color: var(--text);
  text-align: left;
  border: 1px solid var(--border);
  border-radius: var(--radius-md);
  background: var(--panel-2);
  cursor: pointer;
}

.workforce-task-action:hover,
.workforce-task-action:focus-visible { border-color: var(--gold); transform: translateY(-1px); }

.workforce-task-action.is-primary { border-color: color-mix(in srgb, var(--gold) 62%, var(--border)); background: color-mix(in srgb, var(--gold) 11%, var(--panel-2)); }
.workforce-task-action > span:first-child { color: var(--gold); }
.workforce-task-action > span:nth-child(2) { display: grid; gap: .22rem; min-width: 0; }
.workforce-task-action small { color: var(--muted); line-height: 1.35; }
.workforce-task-action > b { grid-column: 2; color: var(--gold); font-size: .72rem; }

.patron-workforce-card { margin-bottom: clamp(.85rem, 1.5vw, 1.25rem); border-color: color-mix(in srgb, var(--gold) 38%, var(--border)); }
.patron-workforce-actions { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .65rem; }
.patron-workforce-actions .button { justify-content: center; min-height: 3rem; }
.patron-workforce-actions > small { grid-column: 1 / -1; color: var(--muted); }

.workforce-profile-panel { width: min(46rem, calc(100vw - 2rem)); }
.workforce-profile-form > label { display: grid; gap: .45rem; }
.workforce-profile-review { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .65rem; }
.workforce-profile-review > span { display: grid; gap: .3rem; padding: .8rem; border: 1px solid var(--border); border-radius: var(--radius-sm); background: var(--panel-2); }
.workforce-profile-review small { color: var(--muted); }

@media (max-width: 58rem) {
  .workforce-task-launcher { grid-template-columns: 1fr; }

  .service-role-hierarchy-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 44rem) {
  .workforce-task-actions,
  .patron-workforce-actions { grid-template-columns: 1fr; }
  .workforce-task-action { min-height: 4.75rem; }
  .workforce-profile-review { grid-template-columns: repeat(2, minmax(0, 1fr)); }

  .service-role-hierarchy-list {
    grid-template-columns: minmax(0, 1fr);
  }

  .service-role-hierarchy-list > li {
    align-items: center;
  }
}

@media (max-width: 24rem) {
  .workforce-profile-review { grid-template-columns: 1fr; }
}

.workforce-authority-banner > svg,
.workforce-action-icon {
  inline-size: clamp(2.3rem, 4vw, 3rem);
  block-size: clamp(2.3rem, 4vw, 3rem);
  padding: 0.62rem;
  border-radius: var(--radius-sm);
  color: var(--gold);
  background: rgba(245, 168, 0, 0.12);
}

.workforce-authority-banner > div,
.workforce-flow-copy,
.workforce-action-copy,
.workforce-card-proof {
  display: grid;
  gap: 0.12rem;
  min-inline-size: 0;
}

.workforce-authority-banner p,
.workforce-flow p,
.workforce-exception p {
  margin: 0;
  color: var(--muted);
  overflow-wrap: anywhere;
}

.workforce-flow {
  display: grid;
  grid-template-columns: minmax(13rem, 0.58fr) minmax(0, 1.42fr);
  align-items: center;
  gap: clamp(0.7rem, 1.5vw, 1.2rem);
  min-inline-size: 0;
  margin-block-end: var(--gap);
  padding: clamp(0.75rem, 1.4vw, 1.05rem);
  border: 0.0625rem solid var(--line);
  border-radius: var(--radius);
  background: linear-gradient(145deg, rgba(17, 25, 36, 0.96), rgba(8, 13, 20, 0.92));
}

.workforce-flow h2 {
  margin: 0;
  font-size: clamp(1rem, 1.7vw, 1.35rem);
}

.workforce-flow-steps {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: clamp(0.35rem, 0.8vw, 0.62rem);
  min-inline-size: 0;
}

.workforce-flow-step {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 0.46rem;
  min-inline-size: 0;
  min-block-size: clamp(3.35rem, 6vw, 4.25rem);
  padding: clamp(0.48rem, 1vw, 0.7rem);
  border: 0.0625rem solid rgba(168, 184, 204, 0.12);
  border-radius: var(--radius-sm);
  color: var(--text);
  background: rgba(8, 14, 21, 0.6);
  text-align: start;
  cursor: pointer;
}

.workforce-flow-step:hover,
.workforce-flow-step:focus-visible {
  border-color: rgba(245, 168, 0, 0.56);
  background: rgba(245, 168, 0, 0.08);
}

.workforce-flow-step.is-ready b {
  border-color: rgba(47, 192, 129, 0.5);
  color: var(--green);
  background: rgba(47, 192, 129, 0.12);
}

.workforce-flow-step b {
  display: grid;
  place-items: center;
  inline-size: 1.7rem;
  block-size: 1.7rem;
  border: 0.0625rem solid var(--line);
  border-radius: 50%;
  color: var(--gold);
}

.workforce-flow-step span {
  display: grid;
  gap: 0.08rem;
  min-inline-size: 0;
}

.workforce-flow-step small {
  color: var(--muted);
  overflow-wrap: anywhere;
}

.workforce-summary {
  margin-block-end: var(--gap);
}

.grid.workforce-layout {
  grid-template-columns: minmax(0, 0.96fr) minmax(min(100%, 31rem), 1.04fr);
  align-items: start;
}

.workforce-queue-card,
.workforce-detail {
  min-inline-size: 0;
}

.workforce-toolbar .personnel-filter-row {
  max-block-size: none;
  overflow: visible;
}

.workforce-queue {
  max-block-size: clamp(31rem, 66svh, 48rem);
}

.workforce-card {
  grid-template-columns: minmax(0, 1fr) minmax(7.5rem, 0.34fr);
  padding: clamp(0.48rem, 1vw, 0.66rem);
}

.workforce-card.has-exception {
  border-color: rgba(241, 104, 91, 0.34);
}

.workforce-select {
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-content: center;
}

.workforce-card-proof {
  grid-column: 2;
}

.workforce-card-proof strong {
  font-variant-numeric: tabular-nums;
}

.workforce-card-action {
  display: grid;
  align-content: center;
  gap: 0.28rem;
  min-inline-size: 0;
  padding-inline-start: clamp(0.45rem, 1vw, 0.7rem);
  border-inline-start: 0.0625rem solid var(--line);
}

.workforce-card-action small,
.workforce-card-action strong {
  overflow-wrap: anywhere;
}

.workforce-card-action .button {
  inline-size: 100%;
  min-inline-size: 2.75rem;
}

.workforce-detail {
  position: sticky;
  inset-block-start: calc(var(--topbar-height, 4.5rem) + var(--gap));
  max-block-size: calc(100svh - clamp(6rem, 12svh, 9rem));
  overflow: auto;
  overscroll-behavior: contain;
  scrollbar-width: thin;
}

.workforce-detail-head-actions {
  display: flex;
  align-items: center;
  gap: 0.42rem;
}

.workforce-detail-close {
  display: none;
}

.workforce-action-desk {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: clamp(0.55rem, 1.2vw, 0.9rem);
  min-inline-size: 0;
  padding: clamp(0.65rem, 1.2vw, 0.9rem);
  border: 0.0625rem solid rgba(245, 168, 0, 0.32);
  border-radius: var(--radius-sm);
  background: rgba(245, 168, 0, 0.08);
}

.workforce-action-desk.is-warning {
  border-color: rgba(241, 104, 91, 0.42);
  background: rgba(241, 104, 91, 0.08);
}

.workforce-action-copy strong,
.workforce-action-copy span {
  overflow-wrap: anywhere;
}

.workforce-action-copy span {
  color: var(--muted);
}

.workforce-proof-chain {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.44rem;
  min-inline-size: 0;
}

.workforce-proof-chain > div {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: start;
  gap: 0.38rem;
  min-inline-size: 0;
  padding: 0.58rem;
  border: 0.0625rem solid var(--line);
  border-radius: var(--radius-sm);
  background: rgba(8, 14, 21, 0.5);
}

.workforce-proof-chain > div.is-ready {
  border-color: rgba(47, 192, 129, 0.28);
}

.workforce-proof-chain b {
  color: var(--gold);
}

.workforce-proof-chain .is-ready b {
  color: var(--green);
}

.workforce-proof-chain span {
  display: grid;
  gap: 0.1rem;
  min-inline-size: 0;
}

.workforce-proof-chain strong,
.workforce-proof-chain small {
  overflow-wrap: anywhere;
}

.workforce-proof-chain small {
  color: var(--muted);
}

.workforce-exception {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 0.58rem;
  min-inline-size: 0;
  padding: 0.66rem;
  border: 0.0625rem solid var(--line);
  border-radius: var(--radius-sm);
  background: rgba(8, 14, 21, 0.52);
}

.workforce-exception.is-open {
  border-color: rgba(241, 104, 91, 0.36);
  background: rgba(241, 104, 91, 0.07);
}

.workforce-exception.is-clear {
  border-color: rgba(47, 192, 129, 0.24);
}

.workforce-exception > svg {
  color: var(--gold);
}

.workforce-exception > div {
  display: grid;
  gap: 0.12rem;
  min-inline-size: 0;
}

.workforce-detail-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.42rem;
}

.workforce-detail-actions .button {
  flex: 1 1 8.8rem;
}

.workforce-coverage {
  margin-block-start: var(--gap);
}

.workforce-coverage-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.5rem;
}

.workforce-coverage-card {
  display: grid;
  gap: 0.24rem;
  min-inline-size: 0;
  padding: clamp(0.62rem, 1.2vw, 0.86rem);
  border: 0.0625rem solid var(--line);
  border-radius: var(--radius-sm);
  color: var(--text);
  background: rgba(8, 14, 21, 0.5);
  text-align: start;
  cursor: pointer;
}

.workforce-coverage-card.is-covered {
  border-color: rgba(47, 192, 129, 0.28);
}

.workforce-coverage-card.has-gap {
  border-color: rgba(241, 104, 91, 0.36);
  background: rgba(241, 104, 91, 0.06);
}

.workforce-coverage-card strong {
  font-size: clamp(1.15rem, 2vw, 1.55rem);
}

.workforce-coverage-card small {
  color: var(--muted);
}

.workforce-review-facts,
.workforce-plan-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.5rem;
}

.workforce-review-facts > span {
  display: grid;
  gap: 0.18rem;
  min-inline-size: 0;
  padding: 0.62rem;
  border: 0.0625rem solid var(--line);
  border-radius: var(--radius-sm);
  color: var(--muted);
  background: rgba(8, 14, 21, 0.5);
}

.workforce-review-facts strong {
  color: var(--text);
  overflow-wrap: anywhere;
}

.workforce-review-exception {
  display: grid;
  gap: 0.24rem;
  padding: 0.68rem;
  border: 0.0625rem solid rgba(241, 104, 91, 0.34);
  border-radius: var(--radius-sm);
  background: rgba(241, 104, 91, 0.07);
}

.workforce-review-exception .tag {
  justify-self: start;
}

.workforce-review-exception small {
  color: var(--muted);
}

.workforce-plan-form > label,
.workforce-plan-grid label {
  display: grid;
  gap: 0.28rem;
  min-inline-size: 0;
}

.workforce-plan-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.workforce-detail-overlay {
  display: none;
}

@media (max-width: 78em) {
  .workforce-flow {
    grid-template-columns: minmax(0, 1fr);
  }

  .grid.workforce-layout {
    grid-template-columns: minmax(0, 1fr);
  }

  .workforce-detail {
    position: static;
    max-block-size: none;
  }
}

@media (max-width: 58em) {
  .workforce-authority-banner {
    grid-template-columns: auto minmax(0, 1fr);
  }

  .workforce-authority-banner > .tag {
    grid-column: 2;
    justify-self: start;
  }

  .workforce-flow-steps,
  .workforce-proof-chain,
  .workforce-coverage-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .workforce-card {
    grid-template-columns: minmax(0, 1fr);
  }

  .workforce-card-action {
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    padding-block-start: 0.5rem;
    padding-inline-start: 0;
    border-block-start: 0.0625rem solid var(--line);
    border-inline-start: 0;
  }

  .workforce-card-action small {
    grid-column: 1;
  }

  .workforce-card-action strong {
    grid-column: 1;
  }

  .workforce-card-action .button {
    grid-column: 2;
    grid-row: 1 / 3;
    inline-size: auto;
    min-block-size: 2.75rem;
  }
}

@media (max-width: 42em) {
  .workforce-flow-step,
  [data-workforce-action],
  [data-workforce-detail],
  [data-open-workforce-plan],
  .workforce-coverage-card {
    min-block-size: 2.75rem;
  }

  .workforce-queue {
    max-block-size: none;
  }

  .workforce-detail-overlay {
    position: fixed;
    inset: 0;
    z-index: 86;
    display: block;
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
    background: rgba(2, 6, 10, 0.72);
  }

  .workforce-detail-overlay.is-visible {
    visibility: visible;
    opacity: 1;
    pointer-events: auto;
  }

  .workforce-detail {
    position: fixed;
    inset: auto 0 0;
    z-index: 87;
    inline-size: 100%;
    max-block-size: min(92svh, 54rem);
    overflow: auto;
    transform: translateY(105%);
    visibility: hidden;
    border-radius: var(--radius-lg) var(--radius-lg) 0 0;
  }

  .workforce-detail.is-open {
    transform: translateY(0);
    visibility: visible;
  }

  .workforce-detail-close {
    display: inline-grid;
  }

  .workforce-action-desk {
    grid-template-columns: auto minmax(0, 1fr);
  }

  .workforce-action-desk > .button {
    grid-column: 1 / -1;
    inline-size: 100%;
    min-block-size: 2.75rem;
  }

  .workforce-review-facts,
  .workforce-plan-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .workforce-review-panel,
  .workforce-plan-panel {
    inset-inline: 0;
    inset-block: auto 0;
    inline-size: 100%;
    max-block-size: min(94svh, 54rem);
  }
}

@media (max-width: 24em) {
  .workforce-authority-banner {
    grid-template-columns: minmax(0, 1fr);
  }

  .workforce-authority-banner > .tag {
    grid-column: auto;
  }

  .workforce-flow-steps,
  .workforce-proof-chain,
  .workforce-coverage-grid,
  .workforce-exception {
    grid-template-columns: minmax(0, 1fr);
  }

  .workforce-select {
    grid-template-columns: auto minmax(0, 1fr);
  }

  .workforce-select > .tag,
  .workforce-card-proof,
  .workforce-select .personnel-money,
  .workforce-select > .muted {
    grid-column: 2;
    justify-self: start;
  }

  .workforce-card-action {
    grid-template-columns: minmax(0, 1fr);
  }

  .workforce-card-action .button {
    grid-column: 1;
    grid-row: auto;
    inline-size: 100%;
  }
}

/* V61 Satın Alma: görünür komuta akışı, aksiyon kuyruğu ve mobil detay çekmecesi. */
.procurement-flow {
  display: grid;
  grid-template-columns: minmax(12rem, 0.72fr) minmax(0, 2.25fr) auto;
  align-items: center;
  gap: clamp(0.55rem, 0.9vw, 0.85rem);
  min-inline-size: 0;
  padding: clamp(0.68rem, 1vw, 0.92rem);
  border: 0.0625rem solid rgba(245, 168, 0, 0.28);
  border-radius: var(--radius-md);
  background:
    radial-gradient(circle at 0% 0%, rgba(245, 168, 0, 0.1), transparent 19rem),
    linear-gradient(120deg, rgba(24, 28, 25, 0.96), rgba(8, 14, 21, 0.92));
}

.procurement-flow-copy,
.procurement-flow-proof,
.procurement-flow-proof span {
  display: grid;
  min-inline-size: 0;
}

.procurement-flow-copy {
  gap: 0.12rem;
}

.procurement-flow-copy > strong {
  font-size: clamp(1rem, 0.7vw + 0.86rem, 1.38rem);
}

.procurement-flow-copy small,
.procurement-flow-proof small {
  color: var(--muted);
  overflow-wrap: anywhere;
}

.procurement-flow-steps {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: clamp(0.28rem, 0.5vw, 0.46rem);
  min-inline-size: 0;
}

.procurement-flow-step {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 0.1rem 0.38rem;
  min-inline-size: 0;
  min-block-size: clamp(3.65rem, 4.7vw, 4.35rem);
  padding: clamp(0.38rem, 0.55vw, 0.52rem);
  border: 0.0625rem solid rgba(168, 184, 204, 0.12);
  border-radius: var(--radius-sm);
  color: var(--muted);
  background: rgba(13, 21, 29, 0.72);
  text-align: start;
}

.procurement-flow-step > span {
  grid-row: 1 / 3;
  display: grid;
  place-items: center;
  inline-size: clamp(1.65rem, 2.2vw, 2rem);
  aspect-ratio: 1;
  border-radius: 50%;
  color: var(--text);
  background: rgba(168, 184, 204, 0.12);
}

.procurement-flow-step strong,
.procurement-flow-step small {
  min-inline-size: 0;
  overflow-wrap: anywhere;
}

.procurement-flow-step small {
  font-size: 0.72em;
}

.procurement-flow-step.has-work,
.procurement-flow-step.is-current {
  color: var(--text);
  border-color: rgba(245, 168, 0, 0.32);
}

.procurement-flow-step.is-current {
  background: linear-gradient(135deg, rgba(245, 168, 0, 0.19), rgba(23, 29, 34, 0.82));
  box-shadow: inset 0 0 0 0.0625rem rgba(245, 168, 0, 0.16);
}

.procurement-flow-step.is-current > span {
  color: #1b1304;
  background: var(--gold);
}

.procurement-flow-proof {
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 0.45rem;
  color: var(--green);
}

.procurement-flow-proof > svg {
  inline-size: 1.5rem;
}

.procurement-queue-toolbar {
  display: grid;
  grid-template-columns: minmax(13rem, 1fr) auto auto;
  align-items: center;
  gap: 0.5rem;
  min-inline-size: 0;
  padding: 0.5rem;
  border: 0.0625rem solid rgba(168, 184, 204, 0.1);
  border-radius: var(--radius-sm);
  background: rgba(9, 15, 22, 0.56);
}

.procurement-queue-toolbar .search {
  min-inline-size: 0;
}

.procurement-queue-toolbar .chip-row {
  flex-wrap: wrap;
}

.procurement-queue-count {
  white-space: nowrap;
}

.procurement-summary > button.is-active {
  border-color: rgba(245, 168, 0, 0.44);
  background: linear-gradient(135deg, rgba(245, 168, 0, 0.15), rgba(15, 24, 33, 0.82));
}

.procurement-card-next {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.4rem;
  min-inline-size: 0;
  padding-block-start: 0.32rem;
  border-block-start: 0.0625rem solid rgba(168, 184, 204, 0.09);
}

.procurement-card-next small {
  color: var(--muted);
}

.procurement-card-next strong {
  color: var(--gold-2);
  font-size: 0.78em;
  text-align: end;
}

.procurement-action-desk {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 0.62rem;
  min-inline-size: 0;
  padding: clamp(0.58rem, 0.85vw, 0.76rem);
  border: 0.0625rem solid rgba(245, 168, 0, 0.28);
  border-radius: var(--radius-sm);
  background: linear-gradient(120deg, rgba(245, 168, 0, 0.1), rgba(12, 20, 28, 0.76));
}

.procurement-action-desk.is-red {
  border-color: rgba(255, 96, 96, 0.28);
  background: linear-gradient(120deg, rgba(255, 96, 96, 0.09), rgba(12, 20, 28, 0.76));
}

.procurement-action-desk.is-green {
  border-color: rgba(56, 202, 128, 0.27);
  background: linear-gradient(120deg, rgba(56, 202, 128, 0.09), rgba(12, 20, 28, 0.76));
}

.procurement-action-icon {
  display: grid;
  place-items: center;
  inline-size: clamp(2rem, 3vw, 2.55rem);
  aspect-ratio: 1;
  border-radius: 50%;
  color: var(--gold);
  background: rgba(245, 168, 0, 0.13);
}

.procurement-action-copy {
  display: grid;
  gap: 0.1rem;
  min-inline-size: 0;
}

.procurement-action-copy small,
.procurement-action-copy span {
  color: var(--muted);
  overflow-wrap: anywhere;
}

.procurement-action-copy strong {
  color: var(--text);
}

.procurement-action-controls {
  display: flex;
  justify-content: flex-end;
  gap: 0.4rem;
  flex-wrap: wrap;
  min-inline-size: 0;
}

.procurement-document-chain {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.4rem;
  min-inline-size: 0;
}

.procurement-document-chain > div {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: start;
  gap: 0.4rem;
  min-inline-size: 0;
  padding: 0.52rem;
  border: 0.0625rem solid rgba(168, 184, 204, 0.1);
  border-radius: var(--radius-sm);
  background: rgba(15, 24, 33, 0.55);
}

.procurement-document-chain > div.is-ready {
  border-color: rgba(56, 202, 128, 0.24);
}

.procurement-document-chain b {
  display: grid;
  place-items: center;
  inline-size: 1.45rem;
  aspect-ratio: 1;
  border-radius: 50%;
  color: var(--muted);
  background: rgba(168, 184, 204, 0.1);
}

.procurement-document-chain .is-ready b {
  color: #07130d;
  background: var(--green);
}

.procurement-document-chain span {
  display: grid;
  gap: 0.08rem;
  min-inline-size: 0;
}

.procurement-document-chain small {
  color: var(--muted);
  overflow-wrap: anywhere;
}

.procurement-document-chain strong {
  min-inline-size: 0;
  color: var(--text);
  font-size: 0.82em;
  overflow-wrap: anywhere;
}

.purchase-order-draft-lines {
  display: grid;
  gap: 0.48rem;
  min-inline-size: 0;
}

.purchase-order-draft-line {
  display: grid;
  grid-template-columns: auto minmax(11rem, 1.35fr) repeat(4, minmax(6.5rem, 0.72fr));
  align-items: end;
  gap: 0.4rem;
  min-inline-size: 0;
  padding: 0.52rem;
  border: 0.0625rem solid rgba(168, 184, 204, 0.1);
  border-radius: var(--radius-sm);
  background: rgba(15, 24, 33, 0.52);
}

.purchase-order-line-index {
  display: grid;
  place-items: center;
  inline-size: 1.75rem;
  aspect-ratio: 1;
  margin-block-end: 0.48rem;
  border-radius: 50%;
  color: #1b1304;
  background: var(--gold);
  font-weight: 800;
}

.purchase-order-draft-line label {
  display: grid;
  gap: 0.2rem;
  min-inline-size: 0;
  color: var(--muted);
  font-size: 0.78em;
}

.manual-stock-need-center,
.manual-stock-need-list {
  display: grid;
  gap: clamp(0.48rem, 0.8vw, 0.72rem);
  min-inline-size: 0;
}

.manual-stock-need-center {
  padding: clamp(0.68rem, 1vw, 0.92rem);
  border: 0.0625rem solid rgba(245, 168, 0, 0.3);
  border-radius: var(--radius-md);
  background:
    radial-gradient(circle at 0% 0%, rgba(245, 168, 0, 0.11), transparent 17rem),
    rgba(8, 14, 21, 0.68);
}

.manual-stock-need-head,
.manual-stock-need-card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: clamp(0.5rem, 1vw, 0.86rem);
  min-inline-size: 0;
  flex-wrap: wrap;
}

.manual-stock-need-head > div,
.manual-stock-need-card > div,
.manual-stock-need-note {
  display: grid;
  gap: 0.14rem;
  min-inline-size: 0;
}

.manual-stock-need-head h3,
.manual-stock-need-head p {
  margin: 0;
}

.manual-stock-need-head p,
.manual-stock-need-card small,
.manual-stock-need-note small {
  color: var(--muted);
  overflow-wrap: anywhere;
}

.manual-stock-need-fields {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 9rem), 1fr));
  gap: 0.48rem;
  min-inline-size: 0;
}

.manual-stock-need-fields label {
  display: grid;
  gap: 0.22rem;
  min-inline-size: 0;
}

.manual-stock-need-name {
  grid-column: span 2;
}

.manual-stock-need-examples {
  display: flex;
  gap: 0.36rem;
  align-items: center;
  flex-wrap: wrap;
  color: var(--muted);
  font-size: 0.78em;
}

.manual-stock-need-examples b {
  padding: 0.28rem 0.46rem;
  border: 0.0625rem solid rgba(168, 184, 204, 0.14);
  border-radius: 999rem;
  color: var(--text);
  background: rgba(16, 24, 33, 0.58);
}

.manual-stock-need-card {
  padding: clamp(0.56rem, 0.9vw, 0.76rem);
  border: 0.0625rem solid rgba(168, 184, 204, 0.12);
  border-radius: var(--radius-sm);
  background: linear-gradient(110deg, rgba(18, 28, 38, 0.9), rgba(9, 15, 22, 0.76));
}

.manual-stock-need-card > div:first-child {
  flex: 1 1 14rem;
}

.manual-stock-need-card > div:nth-child(2) {
  justify-items: end;
}

.manual-stock-need-lock,
.manual-stock-need-note {
  padding: 0.56rem;
  border: 0.0625rem solid rgba(255, 99, 110, 0.25);
  border-radius: var(--radius-sm);
  background: rgba(88, 24, 31, 0.18);
}

.manual-stock-need-lock {
  display: flex;
  gap: 0.42rem;
  align-items: center;
  flex-wrap: wrap;
  color: var(--muted);
}

.manual-stock-need-review-facts {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 8rem), 1fr));
}

.procurement-detail-head-actions,
.procurement-review-facts {
  display: flex;
  align-items: center;
  gap: 0.42rem;
  flex-wrap: wrap;
}

.procurement-detail-close,
.procurement-detail-overlay {
  display: none;
}

.procurement-review-panel {
  inline-size: min(94vw, 39rem);
}

.procurement-review-facts {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.procurement-review-facts > span {
  display: grid;
  gap: 0.12rem;
  min-inline-size: 0;
  padding: 0.52rem;
  border: 0.0625rem solid rgba(168, 184, 204, 0.1);
  border-radius: var(--radius-sm);
  color: var(--muted);
  background: rgba(15, 24, 33, 0.56);
}

.procurement-review-facts strong {
  color: var(--text);
  overflow-wrap: anywhere;
}

@media (max-width: 78em) {
  .procurement-flow {
    grid-template-columns: minmax(0, 1fr) auto;
  }

  .procurement-flow-steps {
    grid-column: 1 / -1;
    grid-row: 2;
  }

  .procurement-queue-toolbar {
    grid-template-columns: minmax(0, 1fr) auto;
  }

  .procurement-queue-toolbar .search {
    grid-column: 1 / -1;
  }

  .purchase-order-draft-line {
    grid-template-columns: auto repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 58em) {
  .procurement-document-chain {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .procurement-action-desk {
    grid-template-columns: auto minmax(0, 1fr);
  }

  .procurement-action-controls {
    grid-column: 1 / -1;
    justify-content: stretch;
  }

  .procurement-action-controls .button {
    flex: 1 1 10rem;
  }
}

@media (max-width: 42em) {
  .procurement-flow {
    grid-template-columns: minmax(0, 1fr) auto;
  }

  .procurement-flow-copy small,
  .procurement-flow-step small {
    display: none;
  }

  .procurement-flow-steps {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }

  .procurement-flow-step {
    grid-template-columns: minmax(0, 1fr);
    justify-items: center;
    min-block-size: 4rem;
    padding: 0.3rem 0.18rem;
    text-align: center;
  }

  .procurement-flow-step > span {
    grid-row: auto;
    inline-size: 1.65rem;
  }

  .procurement-flow-step strong {
    font-size: 0.68em;
  }

  .procurement-flow-proof > span {
    display: none;
  }

  .procurement-queue-toolbar {
    grid-template-columns: minmax(0, 1fr);
  }

  .procurement-queue-count {
    justify-self: start;
  }

  .procurement-document-chain,
  .procurement-review-facts,
  .purchase-order-draft-line {
    grid-template-columns: minmax(0, 1fr);
  }

  .purchase-order-line-index {
    margin-block-end: 0;
  }

  .manual-stock-need-name {
    grid-column: auto;
  }

  .manual-stock-need-head .button,
  .manual-stock-need-form .button {
    inline-size: 100%;
    min-block-size: 2.75rem;
  }

  .manual-stock-need-card {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    align-items: start;
  }

  .manual-stock-need-card > div:nth-child(2) {
    justify-items: start;
  }

  .procurement-detail-overlay {
    position: fixed;
    inset: 0;
    z-index: 88;
    display: block;
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
    border: 0;
    background: rgba(0, 0, 0, 0.7);
  }

  .procurement-detail-overlay.is-visible {
    visibility: visible;
    opacity: 1;
    pointer-events: auto;
  }

  .procurement-detail {
    position: fixed;
    inset: auto 0 0;
    z-index: 89;
    inline-size: 100%;
    max-block-size: min(94svh, 58rem);
    overflow: auto;
    overscroll-behavior: contain;
    transform: translateY(105%);
    visibility: hidden;
    border-radius: var(--radius-lg) var(--radius-lg) 0 0;
  }

  .procurement-detail.is-open {
    transform: translateY(0);
    visibility: visible;
  }

  .procurement-detail-close {
    display: inline-grid;
  }

  .procurement-detail-head {
    position: sticky;
    inset-block-start: 0;
    z-index: 2;
    padding-block-end: 0.48rem;
    background: rgba(8, 14, 21, 0.96);
  }

  .procurement-action-desk {
    grid-template-columns: minmax(0, 1fr);
  }

  .procurement-action-icon {
    display: none;
  }

  .procurement-action-controls {
    grid-column: auto;
  }

  .procurement-action-controls .button,
  .procurement-review-panel .button {
    inline-size: 100%;
  }

  .procurement-review-panel {
    inset-inline: 0;
    inset-block: auto 0;
    inline-size: 100%;
    max-block-size: min(92svh, 48rem);
  }
}

@media (max-width: 24em) {
  .procurement-document-chain {
    grid-template-columns: minmax(0, 1fr);
  }

  .procurement-queue-toolbar .chip {
    flex: 1 1 42%;
    justify-content: center;
  }
}

@media (max-width: 24em) {
  .quick-channel-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .quick-channel-head {
    grid-template-columns: minmax(0, 1fr);
  }

  .quick-channel-head > .tag {
    justify-self: start;
  }

  .quick-payment-review-row,
  .quick-payment-review-total {
    align-items: start;
    flex-direction: column;
  }

  .quick-payment-review-row strong {
    max-inline-size: 100%;
    text-align: start;
  }
}

/* V59 · KavPOS-aligned dining, modifiers and KDS handoff */
.dining-workspace {
  display: grid;
  gap: var(--gap);
  min-inline-size: 0;
}

.dining-flow-card {
  display: grid;
  grid-template-columns: minmax(11rem, 0.62fr) minmax(0, 1.7fr) minmax(10rem, 0.52fr);
  align-items: stretch;
  gap: clamp(0.58rem, 1vw, 0.9rem);
  min-inline-size: 0;
  padding: clamp(0.68rem, 1.15vw, 0.96rem);
  overflow: hidden;
  background:
    radial-gradient(circle at 0% 0%, rgba(245, 168, 0, 0.14), transparent 18rem),
    linear-gradient(135deg, rgba(20, 30, 42, 0.96), rgba(8, 14, 22, 0.98));
}

.dining-handoff-entry {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto auto;
  align-items: center;
  gap: clamp(0.5rem, 1vw, 0.82rem);
  inline-size: 100%;
  min-inline-size: 0;
  padding: clamp(0.58rem, 1vw, 0.82rem);
  border-color: rgba(245, 168, 0, 0.38);
  color: var(--text);
  background: linear-gradient(110deg, rgba(245, 168, 0, 0.14), rgba(10, 17, 26, 0.96) 56%);
  text-align: start;
  transition: border-color 160ms ease, background 160ms ease, transform 160ms ease;
}

.dining-handoff-entry:hover,
.dining-handoff-entry:focus-visible {
  transform: translateY(-0.06rem);
  border-color: rgba(245, 168, 0, 0.68);
  outline: none;
  background: linear-gradient(110deg, rgba(245, 168, 0, 0.21), rgba(10, 17, 26, 0.98) 62%);
}

.dining-handoff-entry-icon {
  display: grid;
  place-items: center;
  inline-size: clamp(2.2rem, 3vw, 2.7rem);
  aspect-ratio: 1;
  border: 0.0625rem solid rgba(245, 168, 0, 0.38);
  border-radius: var(--radius-sm);
  color: var(--gold-2);
  background: rgba(245, 168, 0, 0.11);
}

.dining-handoff-entry > span:nth-child(2) {
  display: grid;
  gap: 0.12rem;
  min-inline-size: 0;
}

.dining-handoff-entry > span:nth-child(2) > small {
  color: var(--gold-2);
  font-size: 0.68em;
  font-weight: 820;
  letter-spacing: 0.08em;
}

.dining-handoff-entry > span:nth-child(2) > span {
  color: var(--muted);
  font-size: 0.78em;
  line-height: 1.4;
}

.dining-handoff-entry > b {
  color: var(--gold-2);
  white-space: nowrap;
}

.dining-flow-intro,
.dining-flow-status > span,
.dining-flow-step > span:last-child,
.dining-security-banner > div,
.dining-kds-head > div,
.dining-kds-stage > div,
.dining-config-security > span,
.dining-kitchen-note > span {
  display: grid;
  gap: 0.14rem;
  min-inline-size: 0;
}

.dining-flow-intro h2,
.dining-flow-intro p,
.dining-kds-head h3,
.dining-kds-head p,
.dining-config-header h2 {
  margin: 0;
  overflow-wrap: anywhere;
}

.dining-flow-intro h2 {
  margin-block-start: 0.14rem;
  font-size: clamp(1rem, 0.8rem + 0.7vw, 1.42rem);
}

.dining-flow-intro p,
.dining-kds-head p {
  color: var(--muted);
  font-size: 0.78em;
  line-height: 1.45;
}

.dining-flow-steps {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: clamp(0.3rem, 0.6vw, 0.5rem);
  min-inline-size: 0;
}

.dining-flow-step {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 0.42rem;
  min-inline-size: 0;
  min-block-size: clamp(3.6rem, 4.6vw, 4.6rem);
  padding: clamp(0.42rem, 0.72vw, 0.64rem);
  border: 0.0625rem solid rgba(168, 184, 204, 0.12);
  border-radius: var(--radius-sm);
  color: var(--text);
  background: rgba(7, 13, 20, 0.58);
  text-align: start;
}

.dining-flow-step:hover,
.dining-flow-step:focus-visible,
.dining-flow-step.is-active {
  border-color: rgba(245, 168, 0, 0.44);
  outline: none;
  background: rgba(245, 168, 0, 0.08);
}

.dining-flow-step strong,
.dining-flow-step small,
.dining-flow-status strong,
.dining-flow-status small,
.dining-security-banner strong,
.dining-security-banner small {
  overflow-wrap: anywhere;
}

.dining-flow-step small,
.dining-flow-status small,
.dining-security-banner small,
.dining-config-security small,
.dining-kds-stage small,
.dining-kds-detail small,
.section-label small,
.dining-kitchen-note small {
  color: var(--muted);
  font-size: 0.72em;
  line-height: 1.35;
}

.dining-flow-number {
  display: grid;
  place-items: center;
  inline-size: clamp(1.65rem, 2.2vw, 2rem);
  aspect-ratio: 1;
  border: 0.0625rem solid rgba(245, 168, 0, 0.28);
  border-radius: 50%;
  color: var(--gold-2);
  background: rgba(245, 168, 0, 0.08);
  font-weight: 850;
}

.dining-flow-step.is-active .dining-flow-number {
  color: #171005;
  background: var(--gold);
}

.dining-flow-status,
.dining-security-banner,
.dining-config-security {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 0.5rem;
  min-inline-size: 0;
  padding: clamp(0.5rem, 0.76vw, 0.68rem);
  border: 0.0625rem solid rgba(245, 168, 0, 0.24);
  border-radius: var(--radius-sm);
  background: rgba(245, 168, 0, 0.07);
}

.dining-flow-status.is-ready,
.dining-security-banner.is-ready,
.dining-config-security.is-ready {
  border-color: rgba(38, 208, 111, 0.25);
  background: rgba(38, 208, 111, 0.07);
}

.dining-flow-status > svg,
.dining-security-banner > span:first-child,
.dining-config-security > svg {
  display: grid;
  place-items: center;
  inline-size: 2.1rem;
  aspect-ratio: 1;
  padding: 0.48rem;
  border-radius: 50%;
  color: var(--gold-2);
  background: rgba(245, 168, 0, 0.12);
}

.dining-flow-status.is-ready > svg,
.dining-config-security.is-ready > svg {
  color: var(--green);
  background: rgba(38, 208, 111, 0.1);
}

.dining-table-card.is-preview {
  border-style: dashed;
  border-color: rgba(110, 165, 255, 0.35);
  background: linear-gradient(180deg, rgba(110, 165, 255, 0.08), rgba(10, 16, 23, 0.84));
}

.table-meta b {
  color: var(--text);
  font-variant-numeric: tabular-nums;
}

.table-cta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.4rem;
  padding-block-start: 0.38rem;
  border-block-start: 0.0625rem solid rgba(168, 184, 204, 0.1);
  color: var(--gold-2);
  font-size: 0.76em;
  font-weight: 760;
}

.table-cta svg {
  inline-size: 0.9rem;
  transform: rotate(-90deg);
}

.dining-summary-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.table-order-header,
.table-order-header-actions,
.dining-kds-head,
.dining-config-footer,
.section-label {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.52rem;
  min-inline-size: 0;
  flex-wrap: wrap;
}

.table-order-header > div:first-child {
  min-inline-size: min(100%, 10rem);
}

.table-order-header-actions {
  justify-content: end;
}

.dining-panel-close {
  display: none;
}

.dining-security-banner {
  grid-template-columns: auto minmax(0, 1fr) auto;
}

.dining-security-banner > span:first-child {
  padding: 0.4rem;
}

.table-product-card {
  min-block-size: clamp(3.8rem, 5vw, 4.8rem);
  transition: border-color 160ms ease, background 160ms ease, transform 160ms ease;
}

.table-product-card:active {
  transform: translateY(0.08rem);
}

.table-product-action {
  display: grid;
  justify-items: end;
  gap: 0.14rem;
  min-inline-size: 0;
}

.table-product-action small {
  display: flex;
  align-items: center;
  gap: 0.24rem;
  color: var(--gold-2);
}

.table-product-action svg {
  inline-size: 0.82rem;
}

.dining-order-line {
  align-items: center;
}

.dining-order-line.is-dispatched {
  border-color: rgba(110, 165, 255, 0.2);
  background: rgba(110, 165, 255, 0.04);
}

.dining-line-options {
  display: flex;
  flex-wrap: wrap;
  gap: 0.22rem;
  margin-block-start: 0.28rem;
}

.dining-line-options span {
  max-inline-size: 100%;
  padding: 0.16rem 0.34rem;
  border: 0.0625rem solid rgba(245, 168, 0, 0.2);
  border-radius: 999rem;
  color: var(--gold-2);
  background: rgba(245, 168, 0, 0.06);
  font-size: 0.68em;
  overflow-wrap: anywhere;
}

.dining-line-options .is-note {
  flex-basis: 100%;
  border-radius: var(--radius-xs);
  color: var(--text);
  background: rgba(168, 184, 204, 0.06);
}

.dining-line-total {
  display: grid;
  justify-items: end;
  gap: 0.24rem;
  min-inline-size: 0;
  font-variant-numeric: tabular-nums;
}

.dining-kds-handoff {
  display: grid;
  gap: clamp(0.54rem, 0.9vw, 0.78rem);
  min-inline-size: 0;
  padding: clamp(0.58rem, 0.92vw, 0.8rem);
  border: 0.0625rem solid rgba(245, 168, 0, 0.26);
  border-radius: var(--radius-md);
  background:
    linear-gradient(135deg, rgba(245, 168, 0, 0.08), rgba(7, 13, 20, 0.76)),
    radial-gradient(circle at 100% 0%, rgba(110, 165, 255, 0.09), transparent 14rem);
}

.dining-kds-handoff.is-blocked {
  border-color: rgba(255, 77, 95, 0.26);
}

.dining-kds-head {
  align-items: end;
}

.dining-kds-pipeline {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.34rem;
  min-inline-size: 0;
}

.dining-kds-stage {
  position: relative;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 0.34rem;
  min-inline-size: 0;
  padding: 0.4rem;
  border: 0.0625rem solid rgba(168, 184, 204, 0.1);
  border-radius: var(--radius-xs);
  background: rgba(7, 13, 20, 0.56);
}

.dining-kds-stage > span {
  display: grid;
  place-items: center;
  inline-size: 1.45rem;
  aspect-ratio: 1;
  border-radius: 50%;
  color: var(--muted);
  background: rgba(168, 184, 204, 0.08);
  font-size: 0.7em;
  font-weight: 850;
}

.dining-kds-stage.is-current {
  border-color: rgba(245, 168, 0, 0.32);
  background: rgba(245, 168, 0, 0.07);
}

.dining-kds-stage.is-current > span {
  color: #171005;
  background: var(--gold);
}

.dining-kds-stage strong {
  font-size: 0.78em;
  overflow-wrap: anywhere;
}

.dining-kds-detail {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.34rem;
  min-inline-size: 0;
}

.dining-kds-detail > span {
  display: grid;
  gap: 0.16rem;
  min-inline-size: 0;
  padding: 0.46rem;
  border: 0.0625rem solid rgba(168, 184, 204, 0.1);
  border-radius: var(--radius-xs);
  background: rgba(7, 13, 20, 0.5);
}

.dining-kds-detail strong,
.dining-kds-detail small {
  overflow-wrap: anywhere;
}

.dining-send-kitchen {
  inline-size: 100%;
  min-block-size: 2.75rem;
}

.dining-order-overlay {
  display: none;
}

.dining-config-overlay {
  position: fixed;
  inset: 0;
  z-index: 92;
  border: 0;
  background: rgba(0, 0, 0, 0.72);
  backdrop-filter: blur(0.28rem);
}

.dining-configurator {
  position: fixed;
  inset-inline: 50%;
  inset-block: 50% auto;
  z-index: 93;
  display: grid;
  grid-template-rows: auto minmax(0, 1fr) auto;
  inline-size: min(calc(100vw - 2rem), 42rem);
  max-block-size: min(88svh, 48rem);
  min-inline-size: 0;
  overflow: hidden;
  transform: translate(-50%, -50%);
  border: 0.0625rem solid rgba(245, 168, 0, 0.36);
  border-radius: var(--radius-lg);
  background:
    radial-gradient(circle at 0% 0%, rgba(245, 168, 0, 0.13), transparent 22rem),
    rgba(8, 14, 22, 0.98);
  box-shadow: 0 1.8rem 5rem rgba(0, 0, 0, 0.58);
}

.dining-config-header,
.dining-config-footer {
  padding: clamp(0.68rem, 1.2vw, 0.94rem);
  border-block-end: 0.0625rem solid rgba(168, 184, 204, 0.1);
}

.dining-config-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.6rem;
}

.dining-config-header > div {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 0.56rem;
  min-inline-size: 0;
}

.dining-config-header .product-thumb {
  inline-size: clamp(3rem, 7vw, 4.5rem);
}

.dining-config-header > div > span {
  display: grid;
  gap: 0.08rem;
  min-inline-size: 0;
}

.dining-config-header small {
  color: var(--muted);
  overflow-wrap: anywhere;
}

.dining-config-body {
  display: grid;
  align-content: start;
  gap: 0.62rem;
  min-inline-size: 0;
  overflow: auto;
  overscroll-behavior: contain;
  padding: clamp(0.68rem, 1.2vw, 0.94rem);
  scrollbar-width: thin;
}

.dining-config-security {
  grid-template-columns: auto minmax(0, 1fr);
}

.dining-config-section,
.dining-kitchen-note {
  display: grid;
  gap: 0.48rem;
  min-inline-size: 0;
  padding: clamp(0.54rem, 0.9vw, 0.76rem);
  border: 0.0625rem solid rgba(168, 184, 204, 0.1);
  border-radius: var(--radius-md);
  background: rgba(7, 13, 20, 0.52);
}

.dining-config-quantity {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: center;
  gap: 0.36rem;
}

.dining-config-quantity button,
.dining-config-quantity strong {
  display: grid;
  place-items: center;
  min-inline-size: 0;
  min-block-size: 2.6rem;
  border: 0.0625rem solid rgba(245, 168, 0, 0.22);
  border-radius: var(--radius-sm);
  color: var(--text);
  background: rgba(245, 168, 0, 0.06);
  font-size: 1rem;
  font-weight: 850;
}

.dining-config-quantity button {
  min-inline-size: 2.75rem;
  min-block-size: 2.75rem;
}

.dining-course-grid,
.dining-modifier-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 8.4rem), 1fr));
  gap: 0.36rem;
  min-inline-size: 0;
}

.dining-choice {
  display: grid;
  grid-template-columns: 1.35rem minmax(0, 1fr);
  align-items: center;
  gap: 0.38rem;
  min-inline-size: 0;
  min-block-size: 2.75rem;
  padding: 0.46rem;
  border: 0.0625rem solid rgba(168, 184, 204, 0.12);
  border-radius: var(--radius-sm);
  color: var(--text);
  background: rgba(12, 20, 30, 0.82);
  text-align: start;
}

.dining-choice > span {
  display: grid;
  place-items: center;
  inline-size: 1.35rem;
  aspect-ratio: 1;
  border: 0.0625rem solid rgba(168, 184, 204, 0.22);
  border-radius: 50%;
  color: #171005;
  font-size: 0.72em;
}

.dining-choice.is-selected {
  border-color: rgba(245, 168, 0, 0.46);
  background: rgba(245, 168, 0, 0.09);
}

.dining-choice.is-selected > span {
  border-color: var(--gold);
  background: var(--gold);
}

.dining-choice strong {
  overflow-wrap: anywhere;
}

.dining-config-warning {
  color: var(--red);
  font-size: 0.74em;
}

.dining-kitchen-note textarea {
  min-block-size: 5.2rem;
  resize: vertical;
}

.dining-config-footer {
  border-block-start: 0.0625rem solid rgba(168, 184, 204, 0.1);
  border-block-end: 0;
  background: rgba(7, 13, 20, 0.94);
}

@media (min-width: 120em) {
  .grid.dining-layout {
    grid-template-columns: minmax(0, 1.32fr) minmax(28rem, 0.68fr);
  }

  .dining-floor {
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 12rem), 1fr));
  }

  .table-product-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 78em) {
  .dining-flow-card {
    grid-template-columns: minmax(10rem, 0.38fr) minmax(0, 1fr);
  }

  .dining-flow-status {
    grid-column: 1 / -1;
  }
}

@media (max-width: 58em) {
  .dining-flow-card {
    grid-template-columns: minmax(0, 1fr);
  }

  .dining-handoff-entry {
    grid-template-columns: auto minmax(0, 1fr) auto;
  }

  .dining-handoff-entry > .tag {
    display: none;
  }

  .dining-flow-steps {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .dining-flow-status {
    grid-column: auto;
  }

  .dining-summary-grid,
  .dining-kds-detail {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .dining-kds-pipeline {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .table-product-card {
    grid-template-columns: auto minmax(0, 1fr) auto;
  }

  .table-product-action,
  .table-product-card b {
    justify-self: end;
  }
}

@media (max-width: 42em) {
  .dining-handoff-entry {
    grid-template-columns: auto minmax(0, 1fr);
  }

  .dining-handoff-entry > b {
    grid-column: 2;
    white-space: normal;
  }

  .dining-flow-intro p {
    max-inline-size: 38rem;
  }

  .dining-flow-step {
    grid-template-columns: auto minmax(0, 1fr);
  }

  .dining-create-grid,
  .dining-create,
  .dining-create[data-add-table-form] {
    grid-template-columns: minmax(0, 1fr);
  }

  .dining-create .button {
    inline-size: 100%;
  }

  .dining-floor {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .dining-table-card {
    min-block-size: clamp(8rem, 39vw, 10rem);
  }

  .dining-summary-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .dining-summary-grid .insight {
    padding: 0.46rem;
  }

  .dining-summary-grid .tag {
    white-space: normal;
  }

  .dining-order-overlay {
    position: fixed;
    inset: 0;
    z-index: 86;
    display: block;
    visibility: hidden;
    opacity: 0;
    border: 0;
    background: rgba(0, 0, 0, 0.66);
    backdrop-filter: blur(0.18rem);
    pointer-events: none;
    transition: opacity 180ms ease, visibility 180ms ease;
  }

  .dining-order-overlay.is-visible {
    visibility: visible;
    opacity: 1;
    pointer-events: auto;
  }

  .table-order-panel {
    position: fixed;
    inset: auto 0 0;
    z-index: 87;
    inline-size: 100%;
    max-block-size: min(91svh, 54rem);
    overflow: auto;
    overscroll-behavior: contain;
    transform: translateY(105%);
    visibility: hidden;
    border-radius: var(--radius-lg) var(--radius-lg) 0 0;
    box-shadow: 0 -1.4rem 4rem rgba(0, 0, 0, 0.52);
    transition: transform 200ms ease, visibility 200ms ease;
  }

  .table-order-panel.is-open {
    transform: translateY(0);
    visibility: visible;
  }

  .dining-panel-close {
    display: inline-grid;
  }

  .table-order-header {
    position: sticky;
    inset-block-start: 0;
    z-index: 2;
    background: rgba(12, 19, 28, 0.98);
    backdrop-filter: blur(0.32rem);
  }

  .dining-security-banner {
    grid-template-columns: auto minmax(0, 1fr);
  }

  .dining-security-banner > .tag {
    grid-column: 2;
    justify-self: start;
  }

  .table-product-grid {
    grid-template-columns: minmax(0, 1fr);
    max-block-size: min(34svh, 20rem);
  }

  .table-product-card {
    grid-template-columns: auto minmax(0, 1fr) auto;
  }

  .dining-order-line {
    grid-template-columns: minmax(0, 1fr) auto;
  }

  .dining-order-line .entity {
    grid-column: 1 / -1;
  }

  .dining-line-total {
    justify-items: end;
  }

  .dining-kds-head {
    align-items: start;
  }

  .dining-kds-head .button {
    inline-size: 100%;
  }

  .dining-kds-detail {
    grid-template-columns: minmax(0, 1fr);
  }

  .dining-configurator {
    inset-inline: 0;
    inset-block: auto 0;
    inline-size: 100%;
    max-block-size: min(94svh, 54rem);
    transform: none;
    border-radius: var(--radius-lg) var(--radius-lg) 0 0;
  }

  .dining-config-footer .button {
    flex: 1 1 8rem;
  }
}

@media (max-width: 24em) {
  .dining-flow-steps,
  .dining-kds-pipeline,
  .dining-summary-grid,
  .dining-course-grid,
  .dining-modifier-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .dining-floor {
    gap: 0.38rem;
  }

  .dining-table-card {
    padding: 0.46rem;
  }

  .table-shape {
    inline-size: 2.6rem;
  }

  .table-product-card {
    grid-template-columns: auto minmax(0, 1fr);
  }

  .table-product-action {
    grid-column: 2;
    justify-items: start;
  }

  .dining-config-header .product-thumb {
    display: none;
  }

  .dining-config-header > div {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 88em) {
  .consumption-workspace {
    grid-template-columns: minmax(0, 1fr);
  }

  .consumption-row {
    grid-template-columns: minmax(8.4rem, 1.3fr) repeat(4, minmax(0, 0.62fr)) auto;
  }
}

@media (max-width: 58em) {
  .consumption-row {
    grid-template-columns: minmax(0, 1fr) repeat(2, minmax(0, 0.56fr));
  }

  .consumption-product {
    grid-row: span 2;
  }

  .consumption-chevron {
    display: none;
  }

  .consumption-equation {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .consumption-equation > b {
    display: none;
  }
}

@media (max-width: 42em) {
  .consumption-authority-banner .consumption-integrity {
    flex-basis: 100%;
    margin-inline-start: 0;
  }

  .consumption-period-row {
    align-items: flex-start;
  }

  .consumption-period-row .chip-row,
  .consumption-period-row .chip {
    inline-size: 100%;
  }

  .consumption-row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .consumption-product {
    grid-column: 1 / -1;
    grid-row: auto;
  }

  .consumption-row > span[data-label]::before {
    content: attr(data-label);
    color: var(--muted);
    font-size: 0.68em;
  }

  .consumption-row > span[data-label] small {
    display: none;
  }

  .consumption-detail-head {
    align-items: flex-start;
  }

  .consumption-equation {
    grid-template-columns: minmax(0, 1fr);
  }
}

.recipe-authority-banner {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: clamp(0.42rem, 0.8vw, 0.68rem);
  min-inline-size: 0;
  padding: clamp(0.58rem, 1vw, 0.78rem);
  border: 0.0625rem solid rgba(245, 168, 0, 0.2);
  border-radius: var(--radius-sm);
  background: rgba(245, 168, 0, 0.055);
}

.recipe-authority-banner.is-ready {
  border-color: rgba(46, 204, 113, 0.24);
  background: rgba(46, 204, 113, 0.055);
}

.recipe-authority-banner.is-error {
  border-color: rgba(255, 77, 95, 0.28);
  background: rgba(255, 77, 95, 0.055);
}

.recipe-authority-banner p {
  flex: 1 1 18rem;
  min-inline-size: 0;
  margin: 0;
  color: var(--muted);
  font-size: 0.78em;
  line-height: 1.45;
  overflow-wrap: anywhere;
}

.recipe-readonly-field {
  display: flex;
  align-items: center;
  min-block-size: var(--control);
  color: var(--muted);
  background: rgba(168, 184, 204, 0.045);
}

.recipe-workspace {
  display: grid;
  grid-template-columns: minmax(min(100%, 15.5rem), 0.62fr) minmax(0, 1.38fr);
  gap: clamp(0.58rem, 1vw, 0.92rem);
  min-inline-size: 0;
}

.recipe-browser,
.recipe-detail,
.recipe-editor {
  min-inline-size: 0;
  border: 0.0625rem solid rgba(168, 184, 204, 0.1);
  border-radius: var(--radius);
  background:
    linear-gradient(180deg, rgba(18, 29, 40, 0.82), rgba(8, 14, 21, 0.68));
}

.recipe-browser {
  display: grid;
  align-content: start;
  gap: 0.55rem;
  padding: clamp(0.54rem, 0.9vw, 0.76rem);
}

.recipe-filter-row {
  display: flex;
  flex-wrap: wrap;
  gap: 0.3rem;
}

.recipe-filter-row .chip {
  flex: 1 1 4.4rem;
  padding-inline: 0.45rem;
}

.recipe-list {
  display: grid;
  gap: 0.42rem;
  min-inline-size: 0;
}

.recipe-list-card {
  display: grid;
  gap: 0.4rem;
  min-inline-size: 0;
  padding: clamp(0.62rem, 1vw, 0.82rem);
  border: 0.0625rem solid rgba(168, 184, 204, 0.1);
  border-radius: var(--radius-sm);
  color: var(--text);
  text-align: start;
  background: rgba(8, 14, 21, 0.62);
  cursor: pointer;
  transition: border-color 160ms ease, background 160ms ease, transform 160ms ease;
}

.recipe-list-card:hover,
.recipe-list-card:focus-visible {
  border-color: rgba(245, 168, 0, 0.42);
  background: rgba(245, 168, 0, 0.06);
  transform: translateY(-0.08rem);
  outline: none;
}

.recipe-list-card.is-selected {
  border-color: rgba(245, 168, 0, 0.54);
  box-shadow: inset 0.18rem 0 0 var(--gold);
  background:
    linear-gradient(90deg, rgba(245, 168, 0, 0.11), rgba(8, 14, 21, 0.62) 58%);
}

.recipe-card-top,
.recipe-card-values,
.recipe-detail-head,
.recipe-actions,
.recipe-editor-head,
.recipe-editor-actions,
.recipe-confirm {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.55rem;
  min-inline-size: 0;
}

.recipe-version {
  color: var(--muted);
  font-size: 0.78em;
  font-variant-numeric: tabular-nums;
}

.recipe-card-values {
  padding-block-start: 0.38rem;
  border-block-start: 0.0625rem solid rgba(168, 184, 204, 0.08);
}

.recipe-card-values > span {
  display: grid;
  gap: 0.08rem;
}

.recipe-card-values small {
  color: var(--muted);
  font-size: 0.68em;
}

.recipe-card-values b {
  font-size: 0.88em;
  font-variant-numeric: tabular-nums;
}

.recipe-detail {
  display: grid;
  align-content: start;
  gap: clamp(0.7rem, 1.2vw, 1rem);
  padding: clamp(0.72rem, 1.3vw, 1.05rem);
}

.recipe-detail-head {
  align-items: start;
}

.recipe-detail-head h3,
.recipe-editor-head h3 {
  margin-block: 0.16rem;
  font-size: clamp(1.08rem, 0.55vw + 0.96rem, 1.42rem);
}

.recipe-detail-head p,
.recipe-editor-section p,
.recipe-confirm p,
.recipe-proof p,
.recipe-security-note p {
  margin: 0;
  color: var(--muted);
  line-height: 1.45;
}

.eyebrow {
  color: var(--gold-2);
  font-size: 0.72em;
  font-weight: 760;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.recipe-kpis {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 7.8rem), 1fr));
  gap: 0.42rem;
  min-inline-size: 0;
}

.recipe-kpis > div {
  display: grid;
  gap: 0.16rem;
  min-inline-size: 0;
  padding: 0.58rem;
  border: 0.0625rem solid rgba(168, 184, 204, 0.08);
  border-radius: var(--radius-sm);
  background: rgba(8, 14, 21, 0.54);
}

.recipe-kpis span {
  color: var(--muted);
  font-size: 0.72em;
}

.recipe-kpis strong {
  overflow-wrap: anywhere;
  font-variant-numeric: tabular-nums;
}

.recipe-components,
.recipe-component-editor-list {
  display: grid;
  gap: 0.34rem;
  min-inline-size: 0;
}

.recipe-component-row {
  display: grid;
  grid-template-columns: minmax(8.5rem, 1.35fr) minmax(5rem, 0.62fr) minmax(4rem, 0.48fr) minmax(5.8rem, 0.65fr) minmax(6.4rem, 0.78fr);
  align-items: center;
  gap: 0.42rem;
  min-inline-size: 0;
  padding: 0.54rem;
  border: 0.0625rem solid rgba(168, 184, 204, 0.08);
  border-radius: var(--radius-sm);
  background: rgba(8, 14, 21, 0.46);
  font-size: 0.84em;
}

.recipe-component-row > * {
  min-inline-size: 0;
  overflow-wrap: anywhere;
}

.recipe-component-row.has-issue {
  border-color: rgba(255, 77, 95, 0.3);
  background: rgba(255, 77, 95, 0.06);
}

.recipe-component-head {
  padding-block: 0.12rem;
  border-color: transparent;
  color: var(--muted);
  background: transparent;
  font-size: 0.7em;
}

.recipe-proof,
.recipe-security-note {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: start;
  gap: 0.58rem;
  padding: 0.68rem;
  border: 0.0625rem solid rgba(245, 168, 0, 0.18);
  border-radius: var(--radius-sm);
  color: var(--gold-2);
  background: rgba(245, 168, 0, 0.06);
}

.recipe-proof p,
.recipe-security-note p {
  margin-block-start: 0.16rem;
  color: var(--muted);
}

.recipe-confirm {
  align-items: flex-start;
  flex-wrap: wrap;
  padding: 0.7rem;
  border: 0.0625rem solid rgba(245, 168, 0, 0.36);
  border-radius: var(--radius-sm);
  background: rgba(245, 168, 0, 0.09);
}

.recipe-actions,
.recipe-editor-actions {
  justify-content: flex-end;
  flex-wrap: wrap;
}

.recipe-actions .button,
.recipe-editor-actions .button {
  flex: 0 1 auto;
}

.recipe-empty,
.recipe-list-empty {
  display: grid;
  place-items: center;
  gap: 0.45rem;
  min-block-size: clamp(10rem, 24vh, 16rem);
  padding: 1rem;
  color: var(--muted);
  text-align: center;
}

.recipe-list-empty {
  min-block-size: 8rem;
  border: 0.0625rem dashed rgba(168, 184, 204, 0.16);
  border-radius: var(--radius-sm);
}

.recipe-empty-icon {
  display: grid;
  place-items: center;
  inline-size: clamp(2.8rem, 6vw, 4rem);
  aspect-ratio: 1;
  border-radius: 999rem;
  color: var(--gold-2);
  background: rgba(245, 168, 0, 0.08);
}

.recipe-editor {
  grid-column: 1 / -1;
  display: grid;
  gap: clamp(0.72rem, 1.2vw, 1rem);
  padding: clamp(0.72rem, 1.3vw, 1.05rem);
  border-color: rgba(245, 168, 0, 0.28);
  box-shadow: 0 1rem 2.5rem rgba(0, 0, 0, 0.22);
}

.recipe-form-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 10rem), 1fr));
  gap: 0.5rem;
}

.recipe-editor-section {
  display: grid;
  gap: 0.58rem;
  min-inline-size: 0;
  padding-block-start: 0.68rem;
  border-block-start: 0.0625rem solid rgba(168, 184, 204, 0.1);
}

.recipe-component-editor {
  display: grid;
  grid-template-columns: minmax(9rem, 1.3fr) repeat(5, minmax(5.2rem, 0.68fr)) auto;
  align-items: end;
  gap: 0.42rem;
  min-inline-size: 0;
  padding: 0.58rem;
  border: 0.0625rem solid rgba(168, 184, 204, 0.08);
  border-radius: var(--radius-sm);
  background: rgba(8, 14, 21, 0.48);
}

.recipe-component-editor > * {
  min-inline-size: 0;
}

.recipe-remove {
  margin-block-end: 0.02rem;
  color: var(--red);
}

.recipe-steps {
  gap: 0.48rem;
}

.recipe-steps > div {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: start;
  gap: 0.52rem;
  padding: 0.55rem;
  border-radius: var(--radius-sm);
  background: rgba(8, 14, 21, 0.46);
}

.recipe-steps b {
  display: grid;
  place-items: center;
  inline-size: 1.7rem;
  aspect-ratio: 1;
  border-radius: 999rem;
  color: #161006;
  background: var(--gold);
}

.recipe-steps span {
  display: grid;
  gap: 0.12rem;
}

.recipe-steps small {
  color: var(--muted);
  line-height: 1.35;
}

.button:disabled {
  cursor: not-allowed;
  filter: grayscale(0.65);
  opacity: 0.48;
}

.mini-field {
  inline-size: clamp(4.4rem, 7.2vw, 5.6rem);
  min-block-size: var(--control);
  padding-inline: 0.52rem;
  font-variant-numeric: tabular-nums;
}

.restock-control .button,
.inline-edit .button {
  min-block-size: var(--control);
  padding-inline: clamp(0.56rem, 0.72vw, 0.78rem);
}

.transfer-cards {
  display: grid;
  gap: 0.42rem;
  min-inline-size: 0;
}

.transfer-card {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 0.58rem;
  min-inline-size: 0;
  padding: 0.62rem;
  border: 0.0625rem solid rgba(168, 184, 204, 0.08);
  border-radius: var(--radius-sm);
  background: rgba(8, 14, 21, 0.5);
}

.transfer-card:first-child {
  border-color: rgba(245, 168, 0, 0.44);
  background: rgba(245, 168, 0, 0.08);
}

.transfer-main {
  display: grid;
  gap: 0.18rem;
  min-inline-size: 0;
}

.transfer-main strong {
  overflow-wrap: anywhere;
}

.transfer-meta {
  color: var(--muted);
  font-size: 0.76em;
  line-height: 1.25;
  overflow-wrap: anywhere;
}

.transfer-side {
  display: grid;
  justify-items: end;
  gap: 0.04rem;
  font-variant-numeric: tabular-nums;
}

.transfer-side strong {
  font-size: 1.08em;
}

.transfer-side span,
.transfer-side small {
  color: var(--muted);
  font-size: 0.74em;
}

.supplier-notice-list {
  display: grid;
  gap: 0.36rem;
  min-inline-size: 0;
}

.supplier-notice-list.compact {
  gap: 0.28rem;
}

.supplier-notice {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 0.46rem;
  min-inline-size: 0;
  padding: 0.5rem;
  border: 0.0625rem solid rgba(168, 184, 204, 0.08);
  border-radius: var(--radius-sm);
  background: rgba(8, 14, 21, 0.45);
}

.supplier-notice strong,
.supplier-notice span {
  overflow-wrap: anywhere;
}

.supplier-notice > div {
  display: grid;
  gap: 0.12rem;
  min-inline-size: 0;
}

.personnel-layout {
  grid-template-columns: minmax(0, 0.9fr) minmax(min(100%, 26rem), 1.1fr);
  align-items: start;
}

.personnel-toolbar {
  display: grid;
  gap: 0.46rem;
  margin-block-end: 0.52rem;
}

.personnel-search {
  min-block-size: var(--control);
}

.personnel-search input {
  min-block-size: var(--control);
}

.personnel-filter-row {
  max-block-size: clamp(4.8rem, 16svh, 7.8rem);
  overflow-y: auto;
  scrollbar-width: thin;
}

.personnel-filter-row .chip {
  flex: 1 1 min(100%, 7.2rem);
  justify-content: center;
  min-block-size: var(--control);
}

.personnel-list {
  display: grid;
  gap: 0.42rem;
  min-inline-size: 0;
  max-block-size: clamp(24rem, 55svh, 38rem);
  overflow-y: auto;
  padding-inline-end: 0.12rem;
  scrollbar-width: thin;
}

.personnel-list-empty {
  min-block-size: clamp(8rem, 22svh, 12rem);
  align-content: center;
}

.personnel-card {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: stretch;
  gap: 0.42rem;
  min-inline-size: 0;
  padding: 0.46rem;
  border: 0.0625rem solid rgba(168, 184, 204, 0.08);
  border-radius: var(--radius-sm);
  background: rgba(8, 14, 21, 0.48);
}

.personnel-card.is-selected {
  border-color: rgba(245, 168, 0, 0.52);
  background: rgba(245, 168, 0, 0.08);
}

.personnel-select {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 0.4rem;
  min-inline-size: 0;
  border: 0;
  color: var(--text);
  background: transparent;
  text-align: start;
  cursor: pointer;
}

.personnel-select:focus-visible {
  outline: 0.125rem solid rgba(245, 168, 0, 0.52);
  outline-offset: 0.12rem;
  border-radius: var(--radius-sm);
}

.personnel-main {
  display: grid;
  gap: 0.08rem;
  min-inline-size: 0;
}

.personnel-main strong,
.personnel-money {
  overflow-wrap: anywhere;
  font-weight: 760;
}

.personnel-money {
  justify-self: end;
  font-variant-numeric: tabular-nums;
}

.personnel-performance {
  min-inline-size: 0;
}

.personnel-hero {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 0.72rem;
  min-inline-size: 0;
  padding: var(--pad);
  border: 0.0625rem solid rgba(245, 168, 0, 0.22);
  border-radius: var(--radius-sm);
  background: rgba(245, 168, 0, 0.06);
}

.personnel-hero h3 {
  margin: 0;
}

.avatar.large {
  inline-size: clamp(3.2rem, 6vw, 4.6rem);
  font-size: 1.18em;
}

.compact-metrics {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 8.4rem), 1fr));
}

.personnel-detail-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 10rem), 1fr));
  gap: 0.5rem;
}

.review-list {
  display: grid;
  gap: 0.34rem;
}

.review-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  min-inline-size: 0;
  padding: 0.52rem;
  border: 0.0625rem solid rgba(168, 184, 204, 0.08);
  border-radius: var(--radius-sm);
  background: rgba(8, 14, 21, 0.44);
}

.detail-tile {
  appearance: none;
  inline-size: 100%;
  min-inline-size: 0;
  border: 0.0625rem solid var(--line);
  color: var(--text);
  font: inherit;
  text-align: start;
  cursor: pointer;
}

.detail-tile:hover,
.detail-tile:focus-visible {
  border-color: rgba(245, 168, 0, 0.5);
  outline: none;
  background: rgba(245, 168, 0, 0.07);
}

.faux-button {
  display: inline-grid;
  place-items: center;
}

.cart-panel {
  position: sticky;
  inset-block-start: calc(var(--top) + var(--gap));
}

.pos-workspace {
  display: grid;
  gap: var(--gap);
  min-inline-size: 0;
}

.pos-flow-card {
  display: grid;
  grid-template-columns: minmax(10rem, 0.48fr) minmax(0, 1.2fr) minmax(9rem, 0.32fr);
  align-items: stretch;
  gap: clamp(0.4rem, 0.78vw, 0.68rem);
  min-inline-size: 0;
  padding: clamp(0.58rem, 1vw, 0.82rem);
  border: 0.0625rem solid rgba(245, 168, 0, 0.28);
  border-radius: var(--radius-md);
  background: linear-gradient(110deg, rgba(245, 168, 0, 0.1), rgba(14, 23, 33, 0.94) 38%, rgba(9, 15, 23, 0.94));
}

.pos-flow-copy > strong {
  font-size: clamp(1rem, 0.46vw + 0.88rem, 1.2rem);
}

.pos-flow-steps {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(0.28rem, 0.56vw, 0.46rem);
  min-inline-size: 0;
}

.pos-flow-step {
  position: relative;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  grid-template-areas:
    "number title"
    "number note";
  align-content: center;
  align-items: center;
  gap: 0.08rem 0.42rem;
  min-inline-size: 0;
  padding: clamp(0.42rem, 0.72vw, 0.58rem);
  border: 0.0625rem solid rgba(168, 184, 204, 0.11);
  border-radius: var(--radius-sm);
  color: var(--muted);
  background: rgba(6, 12, 19, 0.48);
  text-align: start;
}

.pos-flow-step > span {
  grid-area: number;
  display: grid;
  place-items: center;
  inline-size: clamp(1.58rem, 2.2vw, 1.9rem);
  aspect-ratio: 1;
  border: 0.0625rem solid rgba(168, 184, 204, 0.16);
  border-radius: 50%;
  color: var(--text);
  background: rgba(255, 255, 255, 0.04);
  font-weight: 780;
}

.pos-flow-step strong {
  grid-area: title;
  min-inline-size: 0;
  overflow: hidden;
  color: var(--text);
  text-overflow: ellipsis;
  white-space: nowrap;
}

.pos-flow-step small {
  grid-area: note;
  min-inline-size: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.72em;
}

.pos-flow-step.is-current,
.pos-flow-step.is-ready {
  border-color: rgba(245, 168, 0, 0.38);
  color: var(--gold-2);
  background: rgba(245, 168, 0, 0.08);
}

.pos-flow-step.is-current > span,
.pos-flow-step.is-ready > span {
  color: #171007;
  border-color: var(--gold-2);
  background: var(--gold-2);
}

.pos-flow-security {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 0.4rem;
  min-inline-size: 0;
  padding: clamp(0.42rem, 0.72vw, 0.58rem);
  border: 0.0625rem solid rgba(38, 208, 111, 0.18);
  border-radius: var(--radius-sm);
  color: var(--green);
  background: rgba(38, 208, 111, 0.05);
}

.pos-flow-security > .mini-icon {
  inline-size: clamp(1.35rem, 1.8vw, 1.62rem);
}

.cart-header > div:first-child {
  display: grid;
  gap: 0.12rem;
}

.cart-header h2 {
  display: flex;
  align-items: center;
  gap: 0.38rem;
}

.cart-count {
  display: inline-grid;
  place-items: center;
  min-inline-size: 1.45rem;
  min-block-size: 1.45rem;
  padding-inline: 0.32rem;
  border-radius: 999rem;
  color: #171007;
  background: var(--gold-2);
  font-size: 0.72em;
}

.cart-header-actions {
  display: flex;
  align-items: center;
  justify-content: end;
  gap: 0.32rem;
  min-inline-size: 0;
  flex-wrap: wrap;
}

.button.danger {
  color: #fff;
  border-color: rgba(255, 77, 95, 0.42);
  background: rgba(255, 77, 95, 0.15);
}

.cart-close,
.mobile-cart-overlay,
.mobile-cart-dock {
  display: none;
}

.quick-sale-security {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 0.46rem;
  min-inline-size: 0;
  padding: clamp(0.46rem, 0.78vw, 0.62rem);
  border: 0.0625rem solid rgba(255, 138, 42, 0.24);
  border-radius: var(--radius-sm);
  background: rgba(255, 138, 42, 0.07);
}

.quick-sale-security.is-ready {
  border-color: rgba(38, 208, 111, 0.24);
  background: rgba(38, 208, 111, 0.07);
}

.quick-sale-security-icon {
  display: grid;
  place-items: center;
  inline-size: clamp(1.9rem, 2.5vw, 2.3rem);
  aspect-ratio: 1;
  border-radius: var(--radius-sm);
  color: var(--orange);
  background: rgba(255, 138, 42, 0.09);
}

.quick-sale-security.is-ready .quick-sale-security-icon {
  color: var(--green);
  background: rgba(38, 208, 111, 0.08);
}

.quick-sale-security > span:nth-child(2) {
  display: grid;
  gap: 0.1rem;
  min-inline-size: 0;
}

.quick-sale-security small {
  color: var(--muted);
  font-size: 0.72em;
}

.quick-sale-security strong {
  min-inline-size: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.84em;
}

.cart-list {
  display: grid;
  gap: 0.34rem;
}

.cart-item {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  align-items: center;
  gap: 0.42rem;
  padding: 0.46rem;
  border-radius: var(--radius-sm);
  background: rgba(8, 14, 21, 0.52);
}

.credit-customer-summary {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 0.5rem;
  min-inline-size: 0;
  padding: var(--pad);
  border: 0.0625rem solid var(--line);
  border-radius: var(--radius-md);
  background: rgba(8, 14, 21, 0.48);
}

.credit-customer-summary.is-selected {
  border-color: rgba(245, 168, 0, 0.34);
  background: rgba(245, 168, 0, 0.06);
}

.credit-customer-copy {
  display: grid;
  gap: 0.16rem;
  min-inline-size: 0;
}

.credit-customer-copy strong,
.credit-customer-copy small {
  overflow-wrap: anywhere;
}

.credit-customer-panel {
  inline-size: min(100%, 42rem);
}

.credit-customer-search {
  position: sticky;
  inset-block-start: 0;
  z-index: 1;
  background: rgba(12, 19, 28, 0.96);
}

.credit-customer-list {
  display: grid;
  gap: 0.46rem;
  min-inline-size: 0;
}

.credit-customer-option {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  align-items: center;
  gap: 0.58rem;
  inline-size: 100%;
  min-inline-size: 0;
  padding: clamp(0.52rem, 0.8vw, 0.72rem);
  border: 0.0625rem solid rgba(168, 184, 204, 0.1);
  border-radius: var(--radius-sm);
  color: var(--text);
  background: rgba(8, 14, 21, 0.54);
  text-align: start;
}

.credit-customer-option:hover,
.credit-customer-option:focus-visible,
.credit-customer-option.is-selected {
  border-color: rgba(245, 168, 0, 0.48);
  outline: none;
  background: rgba(245, 168, 0, 0.08);
}

.credit-customer-main {
  display: flex;
  align-items: center;
  gap: 0.54rem;
  min-inline-size: 0;
}

.credit-customer-main .avatar {
  flex: 0 0 auto;
}

.credit-customer-main > span:last-child,
.credit-customer-side {
  display: grid;
  gap: 0.12rem;
  min-inline-size: 0;
}

.credit-customer-main strong,
.credit-customer-main small,
.credit-customer-side strong,
.credit-customer-side small {
  overflow-wrap: anywhere;
}

.credit-customer-main small,
.credit-customer-side small {
  color: var(--muted);
  font-size: 0.78em;
}

.credit-customer-side {
  justify-items: end;
}

.credit-customer-side strong {
  color: var(--gold-2);
  font-variant-numeric: tabular-nums;
}

.stepper {
  display: inline-grid;
  grid-template-columns: auto 2.4em auto;
  align-items: center;
  border: 0.0625rem solid var(--line);
  border-radius: var(--radius-sm);
  overflow: hidden;
}

.stepper button {
  display: grid;
  place-items: center;
  inline-size: 2.2em;
  aspect-ratio: 1;
  border: 0;
  color: var(--text);
  background: rgba(255, 255, 255, 0.03);
}

.stepper span {
  text-align: center;
}

.payment-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 7.4rem), 1fr));
  gap: 0.46rem;
  min-inline-size: 0;
}

.payment-grid > * {
  min-inline-size: 0;
  white-space: normal;
  overflow-wrap: anywhere;
}

.fx-payment-panel {
  display: grid;
  gap: 0.48rem;
  min-inline-size: 0;
  padding: var(--pad);
  border: 0.0625rem solid rgba(245, 168, 0, 0.34);
  border-radius: var(--radius-md);
  background: rgba(245, 168, 0, 0.06);
}

.fx-head,
.fx-total {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 0.4rem;
  min-inline-size: 0;
}

.fx-head span,
.fx-total span {
  color: var(--muted);
  font-size: 0.82em;
}

.fx-total strong {
  color: var(--gold-2);
  font-size: clamp(1.15rem, 0.9rem + 0.8vw, 1.55rem);
  font-variant-numeric: tabular-nums;
}

.dining-floor-card {
  overflow: hidden;
}

.dining-area-row .chip {
  flex: 1 1 min(100%, 7.8rem);
}

.dining-create-grid {
  display: grid;
  grid-template-columns: minmax(0, 0.86fr) minmax(0, 1.14fr);
  gap: 0.48rem;
  min-inline-size: 0;
}

.dining-create {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 0.42rem;
  min-inline-size: 0;
}

.dining-create[data-add-table-form] {
  grid-template-columns: minmax(0, 1fr) minmax(4.4rem, 0.28fr) auto;
}

.compact-number {
  min-inline-size: 0;
}

.dining-floor {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 9.4rem), 1fr));
  gap: 0.54rem;
  min-inline-size: 0;
  padding: clamp(0.46rem, 0.8vw, 0.64rem);
  border: 0.0625rem solid rgba(168, 184, 204, 0.1);
  border-radius: var(--radius-md);
  background:
    linear-gradient(90deg, rgba(168, 184, 204, 0.045) 1px, transparent 1px),
    linear-gradient(0deg, rgba(168, 184, 204, 0.045) 1px, transparent 1px),
    rgba(8, 14, 21, 0.38);
  background-size: 2.4rem 2.4rem;
}

.dining-table-card {
  display: grid;
  gap: 0.42rem;
  min-inline-size: 0;
  min-block-size: clamp(7.2rem, 12vw, 9.2rem);
  padding: clamp(0.56rem, 0.82vw, 0.76rem);
  border: 0.0625rem solid rgba(168, 184, 204, 0.12);
  border-radius: var(--radius-md);
  color: var(--text);
  background: rgba(9, 16, 24, 0.72);
  text-align: start;
}

.dining-table-card:hover,
.dining-table-card:focus-visible,
.dining-table-card.is-selected {
  border-color: rgba(245, 168, 0, 0.52);
  outline: none;
  background: rgba(245, 168, 0, 0.08);
}

.dining-table-card.is-open {
  border-color: rgba(245, 168, 0, 0.34);
  background: linear-gradient(180deg, rgba(245, 168, 0, 0.12), rgba(10, 16, 23, 0.82));
}

.table-topline,
.table-meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.4rem;
  min-inline-size: 0;
}

.table-topline strong,
.table-meta {
  overflow-wrap: anywhere;
}

.table-shape {
  display: grid;
  place-items: center;
  inline-size: clamp(2.8rem, 5vw, 3.6rem);
  aspect-ratio: 1;
  margin-inline: auto;
  border: 0.0625rem solid rgba(245, 168, 0, 0.28);
  border-radius: 50%;
  color: var(--gold-2);
  background: rgba(245, 168, 0, 0.08);
}

.table-meta {
  color: var(--muted);
  font-size: 0.84em;
}

.dining-summary-grid {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 9rem), 1fr));
}

.table-order-panel {
  position: sticky;
  inset-block-start: calc(var(--top) + var(--gap));
}

.secure-order-status {
  display: grid;
  gap: clamp(0.42rem, 0.72vw, 0.62rem);
  min-inline-size: 0;
  padding: clamp(0.52rem, 0.86vw, 0.72rem);
  border: 0.0625rem solid rgba(245, 168, 0, 0.26);
  border-radius: var(--radius-md);
  background: linear-gradient(135deg, rgba(245, 168, 0, 0.1), rgba(8, 14, 21, 0.72));
}

.secure-order-status.ready {
  border-color: rgba(38, 208, 111, 0.24);
  background: linear-gradient(135deg, rgba(38, 208, 111, 0.08), rgba(8, 14, 21, 0.72));
}

.secure-order-status.danger {
  border-color: rgba(255, 77, 95, 0.28);
  background: linear-gradient(135deg, rgba(255, 77, 95, 0.1), rgba(8, 14, 21, 0.78));
}

.secure-order-head,
.secure-order-actions,
.secure-recovery-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: clamp(0.38rem, 0.72vw, 0.62rem);
  min-inline-size: 0;
  flex-wrap: wrap;
}

.secure-order-head > div,
.secure-recovery-row > div {
  display: grid;
  gap: 0.14rem;
  min-inline-size: min(100%, 10rem);
}

.secure-order-head strong,
.secure-order-note,
.secure-checkout-note,
.secure-recovery-row small {
  overflow-wrap: anywhere;
}

.eyebrow {
  color: var(--gold-2);
  font-size: 0.7em;
  font-weight: 780;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.secure-order-metrics {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 5.4rem), 1fr));
  gap: clamp(0.28rem, 0.58vw, 0.46rem);
}

.secure-order-metrics span {
  display: grid;
  gap: 0.08rem;
  min-inline-size: 0;
  padding: clamp(0.38rem, 0.64vw, 0.52rem);
  border: 0.0625rem solid rgba(168, 184, 204, 0.1);
  border-radius: var(--radius-sm);
  background: rgba(7, 12, 19, 0.5);
}

.secure-order-metrics strong {
  color: var(--text);
  font-size: clamp(0.92rem, 0.8vw + 0.72rem, 1.14rem);
  font-variant-numeric: tabular-nums;
}

.secure-order-metrics small,
.secure-recovery-row small {
  color: var(--muted);
}

.secure-order-note,
.secure-checkout-note {
  padding: clamp(0.42rem, 0.68vw, 0.56rem);
  border: 0.0625rem solid rgba(255, 77, 95, 0.2);
  border-radius: var(--radius-sm);
  color: var(--muted);
  background: rgba(255, 77, 95, 0.06);
  font-size: 0.82em;
  line-height: 1.45;
}

.secure-order-note-action {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: clamp(0.5rem, 1vw, 0.8rem);
  flex-wrap: wrap;
}

.secure-order-note-action > span {
  min-inline-size: min(100%, 12rem);
  flex: 1 1 12rem;
}

.quick-payment-progress-note {
  display: flex;
  align-items: center;
  gap: clamp(0.5rem, 1vw, 0.8rem);
  min-inline-size: 0;
  padding: clamp(0.65rem, 1.2vw, 0.9rem);
  border: 0.0625rem solid rgba(77, 163, 255, 0.24);
  border-radius: var(--radius-md);
  color: var(--muted);
  background: rgba(77, 163, 255, 0.08);
}

.quick-payment-progress-note > span {
  display: grid;
  gap: 0.12rem;
  min-inline-size: 0;
}

.quick-payment-progress-note strong {
  color: var(--text);
}

.secure-recovery-list {
  display: grid;
  gap: 0.34rem;
  min-inline-size: 0;
}

.secure-recovery-row {
  padding: clamp(0.4rem, 0.62vw, 0.52rem);
  border: 0.0625rem solid rgba(255, 77, 95, 0.18);
  border-radius: var(--radius-sm);
  background: rgba(7, 12, 19, 0.48);
}

.secure-financial-recovery-row {
  border-color: rgba(220, 178, 82, 0.34);
  background: linear-gradient(135deg, rgba(220, 178, 82, 0.1), rgba(7, 12, 19, 0.58));
}

.secure-financial-recovery-row .button {
  flex: 0 1 auto;
  min-inline-size: min(100%, 7.4rem);
  white-space: normal;
}

.secure-order-actions .muted {
  flex: 1 1 12rem;
  min-inline-size: 0;
  font-size: 0.78em;
  line-height: 1.4;
}

.table-product-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 12rem), 1fr));
  gap: 0.46rem;
  min-inline-size: 0;
  max-block-size: clamp(13rem, 28svh, 22rem);
  overflow: auto;
  scrollbar-width: thin;
}

.table-product-card {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 0.46rem;
  min-inline-size: 0;
  padding: 0.48rem;
  border: 0.0625rem solid rgba(168, 184, 204, 0.1);
  border-radius: var(--radius-sm);
  color: var(--text);
  background: rgba(8, 14, 21, 0.54);
  text-align: start;
}

.table-product-card:hover,
.table-product-card:focus-visible {
  border-color: rgba(245, 168, 0, 0.46);
  outline: none;
  background: rgba(245, 168, 0, 0.07);
}

.table-product-card strong,
.table-product-card small,
.table-product-card b {
  overflow-wrap: anywhere;
}

.table-product-card small {
  display: block;
  color: var(--muted);
  font-size: 0.78em;
}

.table-product-card b {
  color: var(--gold-2);
  font-variant-numeric: tabular-nums;
}

.total-box {
  display: grid;
  gap: 0.32rem;
  padding: var(--pad);
  border: 0.0625rem solid rgba(245, 168, 0, 0.36);
  border-radius: var(--radius-md);
  background: rgba(245, 168, 0, 0.06);
}

.total {
  color: var(--gold-2);
  font-size: clamp(1.55rem, 1.1rem + 1.45vw, 2.55rem);
  font-weight: 880;
  line-height: 1;
  overflow-wrap: normal;
  font-variant-numeric: tabular-nums;
}

.qr-box {
  display: grid;
  justify-items: center;
  gap: 0.62rem;
  text-align: center;
}

.qr {
  display: grid;
  grid-template-columns: repeat(17, 1fr);
  gap: 0.06rem;
  inline-size: min(70%, 11rem);
  aspect-ratio: 1;
  padding: clamp(0.44rem, 0.9vw, 0.56rem);
  border: 0.14rem solid rgba(245, 168, 0, 0.58);
  border-radius: var(--radius-md);
  background: #f7f7f2;
  box-shadow: 0 0 1.4rem rgba(245, 168, 0, 0.2);
}

.qr span {
  background: transparent;
}

.qr span.on {
  background: #0a0d12;
}

.pin-overlay {
  position: fixed;
  inset: 0;
  z-index: 100;
  display: grid;
  place-items: center;
  overflow: hidden;
  padding: clamp(0.48rem, 2vw, 1.4rem);
  background:
    radial-gradient(circle at 50% 10%, rgba(245, 168, 0, 0.14), transparent 23rem),
    rgba(3, 6, 10, 0.94);
  backdrop-filter: blur(1.1rem);
}

.pin-card {
  display: grid;
  gap: clamp(0.62rem, 1.3vw, 0.95rem);
  inline-size: min(100%, 24rem);
  max-inline-size: calc(100vw - 1rem);
  max-block-size: calc(100svh - 1rem);
  min-inline-size: 0;
  overflow: auto;
  padding: clamp(0.78rem, 2vw, 1.15rem);
  border: 0.0625rem solid rgba(245, 168, 0, 0.45);
  border-radius: var(--radius-md);
  background:
    linear-gradient(180deg, rgba(18, 29, 40, 0.96), rgba(8, 14, 21, 0.98)),
    radial-gradient(circle at 50% 0%, rgba(245, 168, 0, 0.12), transparent 18rem);
  box-shadow: var(--shadow);
}

.pin-card h2 {
  margin: 0;
  font-size: clamp(1rem, 0.52vw + 0.88rem, 1.22rem);
  line-height: 1.16;
  overflow-wrap: anywhere;
}

.pin-card p {
  margin: 0.34rem 0 0;
}

.pin-private-card {
  inline-size: min(100%, 31rem);
}

.demo-login-card {
  inline-size: min(100%, 38rem);
}

.demo-role-login-form {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(0.56rem, 1.4vw, 0.82rem);
  padding: clamp(0.66rem, 1.5vw, 0.9rem);
  border: 0.0625rem solid rgba(245, 168, 0, 0.24);
  border-radius: var(--radius-md);
  background: rgba(7, 13, 20, 0.72);
}

.demo-role-login-form label {
  display: grid;
  gap: 0.34rem;
  min-inline-size: 0;
  color: var(--muted);
  font-size: clamp(0.72rem, 0.25vw + 0.66rem, 0.82rem);
  font-weight: 720;
}

.demo-role-login-form .select,
.demo-role-login-form .field {
  inline-size: 100%;
  min-block-size: 2.75rem;
  padding-inline: 0.68rem;
  border: 0.0625rem solid var(--line);
}

.demo-role-login-form .button,
.demo-role-login-form .demo-login-hint,
.demo-role-login-form .demo-login-error {
  grid-column: 1 / -1;
}

.demo-role-login-form .button {
  min-block-size: 2.9rem;
}

.demo-login-hint {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.6rem;
  min-inline-size: 0;
  padding: 0.54rem 0.66rem;
  border-radius: var(--radius-sm);
  color: var(--muted);
  background: rgba(245, 168, 0, 0.07);
}

.demo-login-hint strong {
  color: var(--gold-2);
  overflow-wrap: anywhere;
}

.demo-login-divider {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  color: var(--muted);
  font-size: 0.72rem;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

.demo-login-divider::before,
.demo-login-divider::after {
  content: "";
  flex: 1;
  block-size: 0.0625rem;
  background: var(--line);
}

.demo-pin-copy {
  text-align: center;
}

.demo-account-switch {
  inline-size: 100%;
}

.pin-private-status {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: start;
  gap: clamp(0.68rem, 2vw, 1rem);
  padding: clamp(0.72rem, 2vw, 1rem);
  border: 0.0625rem solid rgba(245, 168, 0, 0.2);
  border-radius: var(--radius-md);
  background: rgba(7, 13, 20, 0.66);
}

.pin-private-status.is-error {
  border-color: rgba(255, 95, 95, 0.34);
}

.pin-private-status > div {
  display: grid;
  gap: 0.28rem;
  min-inline-size: 0;
}

.pin-private-status .navigation-authority-mark {
  inline-size: clamp(2.6rem, 8vw, 3.5rem);
}

.pin-private-card > .button {
  inline-size: 100%;
  min-block-size: 3rem;
}

.pin-private-code {
  color: var(--muted);
  overflow-wrap: anywhere;
}

.pin-dots {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
}

.pin-dots span {
  inline-size: 0.58rem;
  aspect-ratio: 1;
  border-radius: 50%;
  border: 0.0625rem solid rgba(237, 243, 251, 0.38);
  background: transparent;
}

.pin-dots span.filled {
  background: var(--text);
}

.pin-pad {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.42rem;
}

.pin-pad button {
  min-inline-size: 0;
  min-block-size: clamp(3rem, 8.5vw, 3.35rem);
  border: 0.0625rem solid var(--line);
  border-radius: var(--radius-sm);
  color: var(--text);
  background: rgba(255, 255, 255, 0.04);
  font-size: clamp(1rem, 0.55vw + 0.86rem, 1.22rem);
  font-weight: 760;
}

.pin-pad button.enter {
  color: #171007;
  border-color: rgba(255, 205, 91, 0.62);
  background: linear-gradient(135deg, var(--gold), var(--gold-2));
}

.pin-error {
  min-block-size: 1.2em;
  color: var(--red);
  text-align: center;
}

@media (max-width: 38em) {
  .demo-role-login-form {
    grid-template-columns: minmax(0, 1fr);
  }

  .demo-role-login-form .button,
  .demo-role-login-form .demo-login-hint,
  .demo-role-login-form .demo-login-error {
    grid-column: 1;
  }

  .demo-login-hint {
    align-items: flex-start;
    flex-direction: column;
  }
}

.assistant-panel {
  display: grid;
  gap: var(--gap);
}

.ai-chat {
  display: grid;
  gap: 0.5rem;
  max-block-size: clamp(22rem, 52vh, 31rem);
  overflow-y: auto;
}

.message {
  display: grid;
  gap: 0.3rem;
  max-inline-size: 92%;
  padding: 0.56rem;
  border-radius: var(--radius-md);
  background: rgba(255, 255, 255, 0.04);
}

.message.ai {
  border: 0.0625rem solid rgba(245, 168, 0, 0.18);
}

.message.user {
  justify-self: end;
  background: rgba(49, 196, 215, 0.1);
}

.insight-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 13rem), 1fr));
  gap: 0.46rem;
}

.insight {
  display: grid;
  gap: 0.34rem;
  padding: 0.58rem;
  border: 0.0625rem solid var(--line);
  border-radius: var(--radius-sm);
  background: rgba(8, 14, 21, 0.45);
}

.donut {
  inline-size: min(100%, 9.5rem);
  aspect-ratio: 1;
  border-radius: 50%;
  background: conic-gradient(var(--green) 0 40%, var(--gold) 40% 72%, var(--orange) 72% 91%, var(--red) 91% 100%);
  display: grid;
  place-items: center;
  margin-inline: auto;
}

.donut::before {
  content: attr(data-label);
  display: grid;
  place-items: center;
  inline-size: 62%;
  aspect-ratio: 1;
  border-radius: 50%;
  background: var(--surface);
  color: var(--text);
  text-align: center;
  font-weight: 830;
}

.map {
  position: relative;
  min-block-size: clamp(10.5rem, 19vw, 15.5rem);
  overflow: hidden;
  border-radius: var(--radius-md);
  border: 0.0625rem solid var(--line);
  background:
    linear-gradient(30deg, transparent 46%, rgba(168, 184, 204, 0.1) 47%, transparent 48%) 0 0 / 18% 18%,
    linear-gradient(140deg, transparent 46%, rgba(168, 184, 204, 0.08) 47%, transparent 48%) 0 0 / 16% 16%,
    radial-gradient(circle at 40% 48%, rgba(38, 208, 111, 0.18), transparent 10rem),
    #0c141d;
}

.map .pin {
  position: absolute;
  inset-inline-start: var(--x);
  inset-block-start: var(--y);
  inline-size: 0.8rem;
  aspect-ratio: 1;
  border-radius: 50%;
  background: var(--color, var(--green));
  box-shadow: 0 0 1rem var(--color, var(--green));
}

.system-health-card {
  cursor: pointer;
  transition: border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}

.system-health-card:hover,
.system-health-card:focus-visible {
  border-color: rgba(245, 168, 0, 0.42);
  box-shadow: 0 0 0 0.0625rem rgba(245, 168, 0, 0.1), 0 0.8rem 2rem rgba(0, 0, 0, 0.22);
  outline: none;
}

.timeline {
  display: grid;
  gap: 0.4rem;
}

.timeline-item {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 0.46rem;
  align-items: center;
}

.timeline-item::before {
  content: "";
  inline-size: 0.58rem;
  aspect-ratio: 1;
  border-radius: 50%;
  background: var(--color, var(--green));
  box-shadow: 0 0 0.8rem var(--color, var(--green));
}

.event-feed {
  display: grid;
  gap: 0.42rem;
  min-inline-size: 0;
}

.operation-feed {
  display: grid;
  gap: 0.42rem;
  min-inline-size: 0;
}

.event-feed-toggle {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.48rem;
  min-inline-size: 0;
  min-block-size: clamp(2rem, 2.5vw, 2.35rem);
  padding: 0.36rem 0.5rem;
  border: 0.0625rem solid rgba(168, 184, 204, 0.08);
  border-radius: var(--radius-sm);
  color: var(--muted);
  background: rgba(8, 14, 21, 0.42);
  font: inherit;
  text-align: start;
}

.operation-feed-toggle {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.48rem;
  min-inline-size: 0;
  min-block-size: clamp(2.1rem, 2.6vw, 2.45rem);
  padding: 0.38rem 0.54rem;
  border: 0.0625rem solid rgba(245, 168, 0, 0.18);
  border-radius: var(--radius-sm);
  color: var(--muted);
  background: rgba(245, 168, 0, 0.06);
  font: inherit;
  text-align: start;
}

.operation-feed-toggle strong {
  color: var(--gold-2);
  font-size: 0.84em;
  white-space: nowrap;
}

.event-feed-toggle strong {
  color: var(--gold-2);
  font-size: 0.86em;
  white-space: nowrap;
}

.event-feed-tools,
.feed-pager {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 0.42rem;
  min-inline-size: 0;
}

.segmented {
  display: inline-grid;
  grid-auto-flow: column;
  gap: 0.16rem;
  padding: 0.16rem;
  border: 0.0625rem solid rgba(168, 184, 204, 0.1);
  border-radius: var(--radius-sm);
  background: rgba(8, 14, 21, 0.5);
}

.segmented button {
  min-block-size: clamp(1.85rem, 2vw, 2.1rem);
  padding-inline: 0.62rem;
  border: 0;
  border-radius: calc(var(--radius-sm) - 0.12rem);
  color: var(--muted);
  background: transparent;
  font: inherit;
  font-size: 0.82em;
}

.segmented button.is-active {
  color: var(--gold-2);
  background: rgba(245, 168, 0, 0.12);
}

.operation-list {
  display: grid;
  gap: 0.36rem;
  min-inline-size: 0;
  max-block-size: clamp(4rem, 44svh, 26rem);
  overflow-y: auto;
  padding-inline-end: 0.08rem;
  scrollbar-width: thin;
}

.operation-feed:not(.is-open) .operation-list {
  max-block-size: none;
  overflow: visible;
}

.operation-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 0.54rem;
  min-inline-size: 0;
  inline-size: 100%;
  padding: 0.58rem;
  border: 0.0625rem solid rgba(168, 184, 204, 0.08);
  border-inline-start-color: var(--color, rgba(245, 168, 0, 0.35));
  border-inline-start-width: 0.16rem;
  border-radius: var(--radius-sm);
  color: var(--text);
  background: rgba(8, 14, 21, 0.48);
  font: inherit;
  text-align: start;
}

.operation-row-button {
  cursor: pointer;
}

.operation-row-button:hover,
.operation-row-button:focus-visible,
.operation-feed-toggle:hover,
.operation-feed-toggle:focus-visible {
  border-color: rgba(245, 168, 0, 0.38);
  outline: none;
  background: rgba(245, 168, 0, 0.08);
}

.operation-main {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: start;
  gap: 0.42rem;
  min-inline-size: 0;
}

.operation-main strong,
.operation-main span,
.operation-side {
  min-inline-size: 0;
  overflow-wrap: anywhere;
}

.operation-main .muted {
  display: block;
  margin-block-start: 0.12rem;
  line-height: 1.32;
}

.operation-dot {
  inline-size: 0.58rem;
  aspect-ratio: 1;
  margin-block-start: 0.28rem;
  border-radius: 50%;
  background: var(--color, var(--gold));
  box-shadow: 0 0 0.8rem var(--color, var(--gold));
}

.operation-side {
  display: grid;
  justify-items: end;
  gap: 0.3rem;
}

.operation-action {
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 0.3rem;
}

.operation-action .button {
  min-block-size: clamp(2rem, 2.2vw, 2.28rem);
}

.supplier-workspace,
.supplier-directory {
  min-inline-size: 0;
}

.supplier-directory {
  display: grid;
  gap: 0.42rem;
}

.section-title-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 0.42rem;
  min-inline-size: 0;
}

.section-title-row h3 {
  margin: 0;
  font-size: 0.95em;
}

.event-feed-list {
  max-block-size: clamp(3rem, 42svh, 24rem);
  overflow-y: auto;
  padding-inline-end: 0.08rem;
  scrollbar-width: thin;
}

.event-feed:not(.is-open) .event-feed-list {
  max-block-size: none;
  overflow: visible;
}

.event-feed-row {
  inline-size: 100%;
  border: 0;
  border-radius: var(--radius-sm);
  color: var(--text);
  background: transparent;
  font: inherit;
  text-align: start;
  cursor: pointer;
}

.event-feed.is-open .event-feed-row {
  cursor: default;
}

.event-feed-row:hover,
.event-feed-row:focus-visible,
.event-feed-toggle:hover,
.event-feed-toggle:focus-visible {
  outline: none;
  background: rgba(245, 168, 0, 0.07);
}

.event-feed.is-open .event-feed-row:hover {
  background: transparent;
}

.feed-pager {
  padding-block-start: 0.1rem;
}

.feed-pager .button {
  min-block-size: clamp(2rem, 2.3vw, 2.25rem);
}

.feed-pager .button:disabled {
  cursor: not-allowed;
  opacity: 0.42;
}

.detail-overlay {
  position: fixed;
  inset: 0;
  z-index: 130;
  display: grid;
  place-items: center;
  padding: clamp(0.48rem, 2vw, 1.2rem);
  background: rgba(0, 0, 0, 0.58);
  backdrop-filter: blur(0.42rem);
}

.detail-panel {
  display: grid;
  grid-template-rows: auto minmax(0, 1fr) auto;
  inline-size: min(100%, 48rem);
  max-block-size: min(88svh, 46rem);
  min-inline-size: 0;
  overflow: hidden;
  border: 0.0625rem solid rgba(245, 168, 0, 0.28);
  border-radius: var(--radius-md);
  background:
    linear-gradient(180deg, rgba(19, 29, 41, 0.96), rgba(9, 15, 23, 0.98)),
    radial-gradient(circle at 100% 0%, rgba(245, 168, 0, 0.11), transparent 16rem);
  box-shadow: 0 1.2rem 3.4rem rgba(0, 0, 0, 0.42);
}

.detail-head {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 0.72rem;
  padding: var(--pad);
  border-block-end: 0.0625rem solid rgba(168, 184, 204, 0.1);
}

.detail-head h2 {
  margin: 0;
  font-size: clamp(1rem, 0.65vw + 0.9rem, 1.32rem);
}

.detail-head p {
  margin: 0.16rem 0 0;
  color: var(--muted);
  overflow-wrap: anywhere;
}

.detail-body {
  display: grid;
  gap: 0.58rem;
  min-inline-size: 0;
  overflow: auto;
  padding: var(--pad);
  scrollbar-width: thin;
}

.detail-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.46rem;
  padding: var(--pad);
  border-block-start: 0.0625rem solid rgba(168, 184, 204, 0.1);
}

.detail-actions .button {
  flex: 1 1 min(100%, 10rem);
}

.stock-action-review-panel {
  inline-size: min(100%, 42rem);
}

body.is-stock-action-review-open {
  overflow: hidden;
  overscroll-behavior: none;
}

body.is-dining-order-dialog-open {
  overflow: hidden;
  overscroll-behavior: none;
}

.stock-action-review-facts {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(0.42rem, 1vw, 0.62rem);
}

.stock-action-review-facts > span {
  display: grid;
  gap: 0.16rem;
  min-inline-size: 0;
  padding: clamp(0.56rem, 1.2vw, 0.72rem);
  border: 0.0625rem solid rgba(168, 184, 204, 0.1);
  border-radius: var(--radius-sm);
  background: rgba(8, 14, 21, 0.54);
}

.stock-action-review-facts small,
.stock-action-impact-list small,
.stock-action-phase p,
.stock-action-phase small,
.stock-count-impact p {
  color: var(--muted);
}

.stock-action-review-facts strong {
  overflow-wrap: anywhere;
  font-size: clamp(1rem, 1.5vw, 1.24rem);
}

.stock-action-impact-list {
  display: grid;
  gap: 0.34rem;
  padding: clamp(0.5rem, 1vw, 0.68rem);
  border: 0.0625rem solid rgba(245, 168, 0, 0.18);
  border-radius: var(--radius-sm);
  background: rgba(8, 14, 21, 0.5);
}

.stock-action-impact-list > div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.72rem;
  min-inline-size: 0;
  padding-block: 0.28rem;
  border-block-end: 0.0625rem solid rgba(168, 184, 204, 0.08);
}

.stock-action-impact-list > div:last-of-type {
  border-block-end: 0;
}

.stock-action-impact-list span,
.stock-action-impact-list strong,
.stock-action-impact-list small {
  display: block;
  min-inline-size: 0;
}

.stock-action-impact-list b {
  flex: 0 0 auto;
  color: var(--gold);
  font-size: clamp(1rem, 1.6vw, 1.24rem);
}

.stock-action-impact-list p,
.stock-action-phase p,
.stock-count-impact p {
  margin: 0;
}

.stock-action-impact-list > p {
  color: var(--muted);
  font-size: 0.8em;
}

.stock-count-impact,
.stock-action-phase {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: start;
  gap: 0.62rem;
  min-inline-size: 0;
  padding: clamp(0.62rem, 1.2vw, 0.82rem);
  border: 0.0625rem solid rgba(168, 184, 204, 0.12);
  border-radius: var(--radius-sm);
  background: rgba(8, 14, 21, 0.56);
}

.stock-count-impact > span,
.stock-action-phase > span {
  display: grid;
  place-items: center;
  inline-size: clamp(2rem, 4vw, 2.5rem);
  aspect-ratio: 1;
  border-radius: 50%;
  color: var(--gold);
  background: rgba(245, 168, 0, 0.1);
}

.stock-count-impact strong,
.stock-action-phase strong,
.stock-action-phase small {
  display: block;
}

.stock-action-phase.is-pending {
  border-color: rgba(49, 196, 215, 0.28);
}

.stock-action-phase.is-pending > span {
  color: var(--cyan);
  background: rgba(49, 196, 215, 0.1);
}

.stock-action-phase.is-success {
  border-color: rgba(47, 192, 129, 0.32);
  background: rgba(47, 192, 129, 0.06);
}

.stock-action-phase.is-success > span {
  color: var(--green);
  background: rgba(47, 192, 129, 0.11);
}

.stock-action-phase.is-error {
  border-color: rgba(241, 104, 91, 0.34);
  background: rgba(241, 104, 91, 0.06);
}

.stock-action-phase.is-error > span {
  color: var(--red);
  background: rgba(241, 104, 91, 0.11);
}

@media (max-width: 42em) {
  .stock-action-review-facts {
    grid-template-columns: minmax(0, 1fr);
  }

  .stock-action-impact-list > div {
    align-items: flex-start;
  }
}

.detail-kpis {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 8.6rem), 1fr));
  gap: 0.46rem;
}

.detail-kpi {
  display: grid;
  gap: 0.16rem;
  min-inline-size: 0;
  padding: 0.58rem;
  border: 0.0625rem solid rgba(168, 184, 204, 0.09);
  border-radius: var(--radius-sm);
  background: rgba(8, 14, 21, 0.54);
}

.detail-kpi span,
.detail-kpi small {
  color: var(--muted);
}

.detail-kpi strong {
  overflow-wrap: anywhere;
  font-size: clamp(1rem, 0.46vw + 0.88rem, 1.22rem);
  line-height: 1.08;
}

.detail-section {
  display: grid;
  gap: 0.44rem;
}

.detail-section h3 {
  margin: 0;
  font-size: 0.92rem;
}

.detail-list {
  display: grid;
  gap: 0.42rem;
  min-inline-size: 0;
}

.detail-list.compact {
  gap: 0.32rem;
}

.detail-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 0.62rem;
  min-inline-size: 0;
  padding: 0.58rem;
  border: 0.0625rem solid rgba(168, 184, 204, 0.08);
  border-radius: var(--radius-sm);
  background: rgba(8, 14, 21, 0.5);
}

.detail-row-button {
  appearance: none;
  inline-size: 100%;
  border: 0.0625rem solid rgba(168, 184, 204, 0.08);
  color: var(--text);
  font: inherit;
  text-align: start;
  cursor: pointer;
}

.detail-row-button:hover,
.detail-row-button:focus-visible {
  border-color: rgba(245, 168, 0, 0.5);
  outline: none;
}

.detail-row strong,
.detail-row span {
  overflow-wrap: anywhere;
}

.detail-row > div:first-child {
  display: grid;
  gap: 0.12rem;
  min-inline-size: 0;
}

.detail-row-side {
  display: grid;
  justify-items: end;
  gap: 0.08rem;
  min-inline-size: 0;
  font-variant-numeric: tabular-nums;
}

.detail-row-side span {
  color: var(--muted);
  font-size: 0.78em;
}

.low-stock-row .detail-row-side {
  gap: 0.3rem;
}

.detail-progress {
  min-block-size: 0.5rem;
}

.detail-qr {
  display: grid;
  justify-items: center;
  gap: 0.72rem;
  padding: var(--pad);
}

.grid.patron-layout {
  grid-template-columns: minmax(0, 1.48fr) minmax(min(100%, 24rem), 0.52fr);
  align-items: start;
}

.patron-filter-form {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 9.6rem), 1fr));
  align-items: end;
  gap: 0.52rem;
  min-inline-size: 0;
}

.patron-search {
  min-block-size: var(--control);
  align-self: end;
}

.patron-filter-actions {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 8.5rem), 1fr));
  gap: 0.38rem;
  min-inline-size: 0;
}

.patron-range-strip {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 12rem), 1fr));
  gap: 0.38rem;
  padding: 0 var(--pad) var(--pad);
}

.patron-range-strip span {
  display: grid;
  gap: 0.12rem;
  min-inline-size: 0;
  padding: 0.5rem;
  border: 0.0625rem solid rgba(245, 168, 0, 0.16);
  border-radius: var(--radius-sm);
  background: rgba(8, 14, 21, 0.48);
  color: var(--muted);
  overflow-wrap: anywhere;
}

.patron-range-strip strong {
  color: var(--text);
}

.patron-product-report,
.patron-transaction-list,
.patron-edit-lines {
  display: grid;
  gap: 0.36rem;
  min-inline-size: 0;
}

.patron-report-head,
.patron-report-row {
  display: grid;
  grid-template-columns: minmax(10rem, 1.25fr) repeat(5, minmax(5.2rem, 0.62fr));
  align-items: center;
  gap: 0.42rem;
  min-inline-size: 0;
}

.patron-report-head {
  color: var(--muted);
  font-size: 0.72em;
  padding-inline: 0.52rem;
}

.patron-report-row,
.patron-transaction-row,
.patron-edit-line {
  padding: 0.55rem;
  border: 0.0625rem solid rgba(168, 184, 204, 0.08);
  border-radius: var(--radius-sm);
  background: rgba(8, 14, 21, 0.48);
}

.patron-report-row.is-selected {
  border-color: rgba(245, 168, 0, 0.52);
  background: rgba(245, 168, 0, 0.08);
}

.patron-report-row > *,
.patron-edit-line > *,
.patron-transaction-row > * {
  min-inline-size: 0;
  overflow-wrap: anywhere;
}

.patron-report-row > div {
  display: grid;
  gap: 0.1rem;
}

.patron-transaction-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(9rem, auto);
  align-items: center;
  gap: 0.58rem;
}

.patron-tx-main,
.patron-tx-side {
  display: grid;
  gap: 0.14rem;
  min-inline-size: 0;
}

.patron-tx-side {
  justify-items: end;
}

.patron-edit-form {
  display: grid;
  gap: 0.62rem;
  min-inline-size: 0;
}

.patron-edit-line,
.patron-edit-add {
  display: grid;
  grid-template-columns: minmax(9rem, 1fr) minmax(5rem, 0.42fr) minmax(7rem, 0.58fr);
  align-items: end;
  gap: 0.46rem;
  min-inline-size: 0;
}

.patron-edit-add {
  padding-block-start: 0.38rem;
}

.bottom-nav {
  position: fixed;
  inset-inline: 0;
  inset-block-end: 0;
  z-index: 30;
  display: none;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 0.16rem;
  padding: 0.34rem max(0.36rem, env(safe-area-inset-left)) calc(0.34rem + env(safe-area-inset-bottom)) max(0.36rem, env(safe-area-inset-right));
  border-block-start: 0.0625rem solid var(--line);
  background: rgba(8, 13, 20, 0.94);
  backdrop-filter: blur(1.2rem);
}

.bottom-nav button {
  display: grid;
  place-items: center;
  gap: 0.12rem;
  min-inline-size: 0;
  min-block-size: clamp(2.75rem, 11vw, 3.02rem);
  border: 0;
  border-radius: var(--radius-sm);
  color: var(--muted);
  background: transparent;
  font-size: clamp(0.64rem, 1.9vw, 0.72rem);
}

.bottom-nav button span {
  max-inline-size: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.bottom-nav button.is-active {
  color: var(--gold-2);
  background: rgba(245, 168, 0, 0.1);
}

.mobile-overlay {
  position: fixed;
  inset: 0;
  z-index: 80;
  display: none;
  background: rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(0.12rem);
}

.mobile-overlay.is-visible {
  display: block;
}

@media (min-width: 58.0625em) {
  .mobile-overlay,
  .mobile-overlay.is-visible {
    display: none;
    pointer-events: none;
  }
}

.feature-strip {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 11.5rem), 1fr));
  gap: 0.46rem;
}

.feature {
  display: flex;
  align-items: center;
  gap: 0.46rem;
  min-inline-size: 0;
  padding: 0.52rem;
  border: 0.0625rem solid rgba(168, 184, 204, 0.08);
  border-radius: var(--radius-sm);
  background: rgba(8, 14, 21, 0.35);
  color: var(--muted);
}

.design-system {
  display: grid;
  gap: var(--gap);
}

.swatches {
  display: flex;
  gap: 0.36rem;
  flex-wrap: wrap;
}

.swatch {
  inline-size: clamp(1.62rem, 2vw, 2rem);
  aspect-ratio: 1;
  border-radius: var(--radius-xs);
  border: 0.0625rem solid rgba(255, 255, 255, 0.12);
  background: var(--swatch);
}

.lock-button {
  color: var(--gold-2);
}

.toast {
  position: fixed;
  inset-inline: 50%;
  inset-block-end: calc(1rem + env(safe-area-inset-bottom));
  z-index: 120;
  inline-size: min(calc(100vw - 2rem), 26rem);
  transform: translateX(-50%);
  padding: clamp(0.62rem, 1.1vw, 0.82rem);
  border: 0.0625rem solid rgba(38, 208, 111, 0.34);
  border-radius: var(--radius-md);
  background: rgba(9, 20, 16, 0.94);
  color: var(--text);
  box-shadow: var(--shadow);
  text-align: center;
  font-weight: 760;
  pointer-events: none;
}

@media (max-width: 78em) {
  .dashboard-command-center {
    grid-template-columns: minmax(0, 1fr) minmax(min(100%, 28rem), 0.86fr);
  }

  .command-security {
    grid-column: 1 / -1;
    grid-template-columns: auto minmax(0, 1fr);
  }

  .pos-flow-card {
    grid-template-columns: minmax(9rem, 0.35fr) minmax(0, 1fr);
  }

  .pos-flow-security {
    grid-column: 1 / -1;
  }

  .grid.main-dashboard,
  .grid.split,
  .grid.pos-layout,
  .grid.dining-layout,
  .grid.admin-layout,
  .grid.patron-layout,
  .grid.personnel-layout {
    grid-template-columns: 1fr;
  }

  .cart-panel,
  .table-order-panel {
    position: static;
  }
}

@media (max-width: 58em) {
  :root {
    --control: clamp(2.75rem, 8.5vw, 3rem);
  }

  .app-shell {
    grid-template-columns: 1fr;
  }

  .dashboard-command-center {
    grid-template-columns: minmax(0, 1fr);
  }

  .command-center-actions {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .command-more-actions {
    grid-column: 1 / -1;
  }

  .command-more-actions > div {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .command-action {
    grid-template-columns: minmax(0, 1fr);
    justify-items: center;
    text-align: center;
  }

  .command-action > span:nth-child(2) {
    justify-items: center;
  }

  .command-action small,
  .command-action .command-arrow {
    display: none;
  }

  .command-more-actions > summary {
    grid-template-columns: auto minmax(0, 1fr) auto;
    justify-items: start;
    text-align: start;
  }

  .command-more-actions > summary small,
  .command-more-actions > summary .command-arrow {
    display: initial;
  }

  .command-security {
    grid-column: auto;
  }

  .pos-flow-card {
    grid-template-columns: minmax(0, 1fr);
  }

  .pos-flow-copy {
    grid-template-columns: auto auto minmax(0, 1fr);
    align-items: baseline;
  }

  .pos-flow-copy small {
    text-align: end;
  }

  .pos-flow-security {
    grid-column: auto;
  }

  .pos-workspace {
    padding-block-end: clamp(4.6rem, 16vw, 5.4rem);
  }

  .mobile-cart-dock {
    position: fixed;
    z-index: 72;
    inset-inline: max(0.42rem, env(safe-area-inset-left)) max(0.42rem, env(safe-area-inset-right));
    inset-block-end: calc(clamp(3.5rem, 14vw, 4rem) + env(safe-area-inset-bottom));
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.52rem;
    min-inline-size: 0;
    min-block-size: clamp(3.6rem, 15vw, 4.2rem);
    padding: clamp(0.42rem, 2vw, 0.58rem);
    border: 0.0625rem solid rgba(245, 168, 0, 0.44);
    border-radius: clamp(0.72rem, 3vw, 0.95rem);
    color: var(--text);
    background: rgba(12, 20, 29, 0.96);
    box-shadow: 0 0.8rem 2.4rem rgba(0, 0, 0, 0.5);
    text-align: start;
    backdrop-filter: blur(1rem);
  }

  .mobile-cart-dock.has-items {
    background: linear-gradient(110deg, rgba(245, 168, 0, 0.26), rgba(12, 20, 29, 0.98) 45%);
  }

  .mobile-cart-dock-icon {
    position: relative;
  }

  .mobile-cart-dock-icon > strong {
    position: absolute;
    inset-block-start: -0.32rem;
    inset-inline-end: -0.32rem;
    display: grid;
    place-items: center;
    min-inline-size: 1.22rem;
    min-block-size: 1.22rem;
    padding-inline: 0.2rem;
    border-radius: 999rem;
    color: #171007;
    background: var(--gold-2);
    font-size: 0.68em;
  }

  .mobile-cart-dock small {
    color: var(--muted);
  }

  .mobile-cart-overlay {
    position: fixed;
    z-index: 91;
    inset: 0;
    border: 0;
    background: rgba(2, 6, 10, 0.72);
    backdrop-filter: blur(0.18rem);
  }

  .mobile-cart-overlay.is-visible {
    display: block;
  }

  .pos-workspace .cart-panel {
    position: fixed;
    z-index: 92;
    inset-inline: max(0.35rem, env(safe-area-inset-left)) max(0.35rem, env(safe-area-inset-right));
    inset-block: auto max(0.35rem, env(safe-area-inset-bottom));
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    max-block-size: min(88svh, 46rem);
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(calc(100% + 1rem));
    transition: transform 180ms ease, opacity 180ms ease, visibility 180ms ease;
    box-shadow: 0 -1rem 3rem rgba(0, 0, 0, 0.48);
  }

  .pos-workspace .cart-panel.is-open {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateY(0);
  }

  .pos-workspace .cart-panel > .card-body {
    grid-auto-rows: max-content;
    align-content: start;
    min-block-size: 0;
    overflow-y: auto;
    overscroll-behavior: contain;
  }

  .cart-close {
    display: inline-grid;
  }

  .icon-button.menu-toggle {
    display: inline-grid;
  }

  .topbar {
    grid-template-columns: auto minmax(0, 1fr) auto;
  }

  .release-update-banner {
    grid-template-columns: auto minmax(0, 1fr);
  }

  .release-update-banner .button {
    grid-column: 1 / -1;
    inline-size: 100%;
  }

  .top-actions > .select,
  .top-actions > .status-pill,
  .branch-copy,
  .branch-trigger .chevron,
  .profile-chip .profile-name {
    display: none;
  }

  .branch-trigger {
    inline-size: var(--control);
    padding: 0;
    justify-content: center;
  }

  .bottom-nav {
    display: grid;
  }

  .table-head {
    display: none;
  }

  .table-row {
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 8.25rem), 1fr)) !important;
  }

  .patron-report-head {
    display: none;
  }

  .patron-report-row,
  .patron-edit-line,
  .patron-edit-add {
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 8.8rem), 1fr));
    align-items: start;
  }

  .patron-transaction-row {
    grid-template-columns: 1fr;
  }

  .patron-tx-side {
    justify-items: start;
  }

  .stock-toolbar {
    grid-template-columns: 1fr;
  }

  .stock-mode-row {
    justify-content: flex-start;
  }

  .inventory-head {
    display: none;
  }

  .inventory-row {
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-areas:
      "product current"
      "min gap"
      "restock restock";
    align-items: start;
  }

  .inventory-product {
    grid-area: product;
  }

  .inventory-current {
    grid-area: current;
    justify-items: end;
  }

  .inventory-min {
    grid-area: min;
  }

  .inventory-gap {
    grid-area: gap;
    justify-items: end;
  }

  .restock-control {
    grid-area: restock;
  }

  .inventory-label {
    display: block;
  }

  .content {
    padding-block-end: clamp(4.8rem, 8vh, 5.8rem);
  }
}

@media (max-width: 42em) {
  :root {
    --gap: clamp(0.34rem, 1.8vw, 0.48rem);
    --pad: clamp(0.48rem, 2.4vw, 0.66rem);
  }

  .topbar {
    align-items: center;
    grid-template-columns: auto minmax(0, 1fr);
    grid-template-areas:
      "menu title"
      "actions actions";
  }

  .top-title p {
    display: none;
  }

  .menu-toggle {
    grid-area: menu;
  }

  .top-title {
    grid-area: title;
  }

  .top-title h1 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .top-actions {
    grid-area: actions;
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 0.26rem;
    inline-size: 100%;
  }

  .top-actions .action-wrap,
  .top-actions > .icon-button {
    inline-size: 100%;
  }

  .top-actions .icon-button,
  .top-actions .top-action,
  .top-actions .user-chip {
    inline-size: 100%;
    min-block-size: var(--control);
    aspect-ratio: auto;
    justify-content: center;
    padding-inline: 0;
  }

  .top-panel {
    position: fixed;
    inset-inline: 0.5rem;
    inset-block-start: calc(var(--top) + var(--control) + var(--gap));
    inline-size: auto;
    max-block-size: calc(100svh - var(--top) - var(--control) - 1rem);
  }

  .panel-option,
  .panel-note {
    grid-template-columns: auto minmax(0, 1fr);
  }

  .panel-option .tag {
    justify-self: start;
    grid-column: 2;
  }

  .grid.metrics {
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 8.65rem), 1fr));
  }

  .command-center-copy > p {
    display: none;
  }

  .command-center-status {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .command-action {
    min-block-size: clamp(5rem, 26vw, 6.2rem);
    padding-inline: clamp(0.28rem, 2vw, 0.48rem);
  }

  .command-action strong {
    white-space: normal;
    text-align: center;
    font-size: 0.82em;
  }

  .pos-flow-copy {
    grid-template-columns: auto minmax(0, 1fr);
  }

  .pos-flow-copy small {
    display: none;
  }

  .pos-flow-steps {
    gap: 0.24rem;
  }

  .pos-flow-step {
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas:
      "number"
      "title";
    justify-items: center;
    min-block-size: clamp(4.45rem, 22vw, 5.35rem);
    padding-inline: 0.26rem;
    text-align: center;
  }

  .pos-flow-step small {
    display: none;
  }

  .pos-flow-step strong {
    max-inline-size: 100%;
    white-space: normal;
    font-size: 0.76em;
    text-align: center;
  }

  .pos-flow-security {
    display: none;
  }

  .quick-sale-security {
    grid-template-columns: auto minmax(0, 1fr);
  }

  .quick-sale-security .button {
    grid-column: 2;
    justify-self: start;
  }

  .table-row {
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 7.7rem), 1fr)) !important;
  }

  .compact-categories .chip,
  .stock-mode-row .chip {
    flex: 1 1 calc(50% - 0.42rem);
  }

  .product-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .product-card {
    min-block-size: clamp(9.6rem, 34vw, 11rem);
  }

  .product-card-main {
    grid-template-columns: 2.7rem minmax(0, 1fr);
  }

  .product-card-meta {
    align-items: start;
  }

  .restock-control .button,
  .inline-edit .button {
    flex: 1 1 6.5rem;
  }

  .mini-field {
    flex: 1 1 4.6rem;
  }

  .cart-item {
    grid-template-columns: minmax(0, 1fr);
  }

  .dining-create-grid,
  .dining-create,
  .dining-create[data-add-table-form],
  .table-product-card {
    grid-template-columns: minmax(0, 1fr);
  }

  .dining-create .button,
  .table-product-card b {
    justify-self: start;
  }

  .credit-customer-summary,
  .credit-customer-option {
    grid-template-columns: minmax(0, 1fr);
  }

  .credit-customer-summary .button,
  .credit-customer-side,
  .credit-customer-option .tag {
    justify-self: start;
  }

  .credit-customer-side {
    justify-items: start;
  }

  .payment-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .currency-row-main,
  .currency-controls,
  .currency-add {
    grid-template-columns: 1fr;
  }

  .catalog-match-card {
    grid-template-columns: minmax(0, 1fr);
  }

  .match-side {
    justify-items: start;
  }

  .supplier-offer-main,
  .supplier-offer-controls {
    grid-template-columns: minmax(0, 1fr);
  }

  .supplier-offer-main .tag,
  .supplier-offer-controls .button {
    justify-self: start;
  }

  .personnel-card {
    grid-template-columns: 1fr;
  }

  .personnel-select {
    grid-template-columns: auto minmax(0, 1fr) auto;
  }

  .personnel-select .tag,
  .personnel-money,
  .personnel-select > .muted {
    grid-column: 2 / -1;
    justify-self: start;
  }

  .personnel-list {
    max-block-size: clamp(22rem, 48svh, 32rem);
  }

  .detail-overlay {
    align-items: end;
    padding: 0.4rem;
  }

  .detail-panel {
    inline-size: 100%;
    max-block-size: min(86svh, 42rem);
  }

  .detail-row,
  .low-stock-row {
    grid-template-columns: minmax(0, 1fr);
  }

  .detail-row-side {
    justify-items: start;
  }

  .rate-field {
    grid-template-columns: auto minmax(0, 1fr) auto;
  }

  .transfer-card {
    grid-template-columns: minmax(0, 1fr);
  }

  .supplier-notice {
    grid-template-columns: minmax(0, 1fr);
  }

  .supplier-notice .button,
  .supplier-notice .tag {
    justify-self: start;
  }

  .operation-row {
    grid-template-columns: minmax(0, 1fr);
  }

  .operation-side {
    justify-items: start;
  }

  .operation-action {
    justify-content: flex-start;
  }

  .operation-action .button,
  .operation-side .tag {
    justify-self: start;
  }

  .transfer-side {
    justify-items: start;
    grid-template-columns: auto auto minmax(0, 1fr);
    align-items: baseline;
    column-gap: 0.26rem;
  }

  .pin-card {
    inline-size: min(100%, 20rem);
    max-inline-size: calc(100vw - 0.8rem);
    padding: clamp(0.62rem, 2.8vw, 0.82rem);
  }

  .pin-pad {
    gap: 0.34rem;
  }
}

@media (min-width: 110em) {
  .content {
    padding-inline: clamp(1rem, 2vw, 2.4rem);
  }

  .view.is-active {
    max-inline-size: 116rem;
    inline-size: 100%;
    margin-inline: auto;
  }

  .grid.products-layout {
    grid-template-columns: minmax(0, 1fr) minmax(min(100%, 24rem), 0.32fr);
  }
}

@media (max-width: 72em) {
  .recipe-component-editor {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .recipe-component-editor .recipe-remove {
    justify-self: end;
  }
}

@media (max-width: 58em) {
  .recipe-workspace {
    grid-template-columns: minmax(0, 1fr);
  }

  .recipe-list {
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 12rem), 1fr));
  }

  .recipe-component-head {
    display: none;
  }

  .recipe-component-row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: start;
  }

  .recipe-component-row > strong {
    grid-column: 1 / -1;
  }

  .recipe-component-row [data-label] {
    display: grid;
    gap: 0.12rem;
  }

  .recipe-component-row [data-label]::before {
    content: attr(data-label);
    color: var(--muted);
    font-size: 0.72em;
  }
}

@media (max-width: 42em) {
  .recipe-authority-banner .button {
    inline-size: 100%;
  }

  .recipe-detail-head,
  .recipe-confirm {
    align-items: flex-start;
  }

  .recipe-actions,
  .recipe-editor-actions,
  .recipe-confirm .chip-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    inline-size: 100%;
  }

  .recipe-actions .button,
  .recipe-editor-actions .button,
  .recipe-confirm .button {
    inline-size: 100%;
  }

  .recipe-component-editor {
    grid-template-columns: minmax(0, 1fr);
  }

  .recipe-component-editor .recipe-remove {
    justify-self: start;
  }
}

/* V51 · KavPOS-aligned purchase order → receiving → invoice workspace */
.procurement-center,
.procurement-workspace,
.procurement-order-browser,
.procurement-order-list,
.procurement-detail,
.procurement-form,
.procurement-receipt-lines,
.procurement-documents {
  display: grid;
  min-inline-size: 0;
  gap: var(--gap);
}

.procurement-demo-banner {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 0.62rem;
  min-inline-size: 0;
  padding: clamp(0.62rem, 1vw, 0.86rem);
  border: 0.0625rem solid rgba(245, 168, 0, 0.3);
  border-radius: var(--radius-md);
  background:
    radial-gradient(circle at 0% 0%, rgba(245, 168, 0, 0.13), transparent 16rem),
    linear-gradient(120deg, rgba(26, 27, 22, 0.94), rgba(12, 19, 28, 0.94));
}

.procurement-demo-banner > span:first-child {
  display: grid;
  place-items: center;
  inline-size: clamp(2rem, 3vw, 2.65rem);
  aspect-ratio: 1;
  border-radius: 50%;
  color: var(--gold);
  background: rgba(245, 168, 0, 0.12);
}

.procurement-demo-banner div,
.procurement-demo-banner strong,
.procurement-demo-banner small {
  min-inline-size: 0;
}

.procurement-demo-banner div {
  display: grid;
  gap: 0.12rem;
}

.procurement-demo-banner small {
  color: var(--muted);
  overflow-wrap: anywhere;
}

.procurement-summary {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.46rem;
  min-inline-size: 0;
}

.procurement-summary > * {
  display: grid;
  justify-items: start;
  gap: 0.12rem;
  min-inline-size: 0;
  padding: clamp(0.58rem, 0.8vw, 0.76rem);
  border: 0.0625rem solid rgba(168, 184, 204, 0.11);
  border-radius: var(--radius-sm);
  color: var(--text);
  background: linear-gradient(180deg, rgba(18, 29, 40, 0.86), rgba(8, 14, 21, 0.68));
  text-align: start;
}

.procurement-summary button:hover,
.procurement-summary button:focus-visible {
  border-color: var(--line-strong);
  outline: none;
}

.procurement-summary span,
.procurement-summary small {
  color: var(--muted);
}

.procurement-summary strong {
  max-inline-size: 100%;
  color: var(--gold-2);
  font-size: clamp(1.05rem, 0.8vw + 0.82rem, 1.42rem);
  overflow-wrap: anywhere;
}

.procurement-workspace {
  grid-template-columns: minmax(min(100%, 16rem), 0.36fr) minmax(0, 1fr);
  align-items: start;
}

.procurement-order-browser,
.procurement-detail,
.procurement-form {
  padding: clamp(0.62rem, 0.9vw, 0.84rem);
  border: 0.0625rem solid var(--line);
  border-radius: var(--radius-md);
  background: rgba(8, 14, 21, 0.62);
}

.procurement-browser-head,
.procurement-detail-head,
.procurement-detail-actions,
.procurement-order-top,
.procurement-order-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.52rem;
  min-inline-size: 0;
  flex-wrap: wrap;
}

.procurement-browser-head > div,
.procurement-detail-head > div {
  display: grid;
  gap: 0.12rem;
  min-inline-size: 0;
}

.procurement-order-card {
  display: grid;
  gap: 0.3rem;
  inline-size: 100%;
  min-inline-size: 0;
  padding: 0.62rem;
  border: 0.0625rem solid rgba(168, 184, 204, 0.1);
  border-radius: var(--radius-sm);
  color: var(--text);
  background: rgba(16, 24, 33, 0.58);
  text-align: start;
}

.procurement-order-card:hover,
.procurement-order-card:focus-visible,
.procurement-order-card.is-selected {
  border-color: rgba(245, 168, 0, 0.42);
  outline: none;
  background:
    linear-gradient(90deg, rgba(245, 168, 0, 0.12), rgba(16, 24, 33, 0.72));
}

.procurement-order-card strong,
.procurement-order-card span {
  min-inline-size: 0;
  overflow-wrap: anywhere;
}

.procurement-remaining {
  color: var(--gold-2);
  font-size: 0.78em;
  font-weight: 720;
}

.procurement-detail {
  background:
    radial-gradient(circle at 100% 0%, rgba(245, 168, 0, 0.08), transparent 20rem),
    rgba(8, 14, 21, 0.64);
}

.procurement-detail h2,
.procurement-form h3 {
  margin: 0;
}

.procurement-lifecycle {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 0.3rem;
  min-inline-size: 0;
}

.procurement-lifecycle > div {
  position: relative;
  display: grid;
  justify-items: center;
  gap: 0.22rem;
  min-inline-size: 0;
  color: var(--muted-2);
  font-size: 0.78em;
  text-align: center;
}

.procurement-lifecycle > div::before {
  content: "";
  position: absolute;
  inset-block-start: 0.8rem;
  inset-inline: -50%;
  block-size: 0.0625rem;
  background: var(--line);
  z-index: 0;
}

.procurement-lifecycle > div:first-child::before {
  inset-inline-start: 50%;
}

.procurement-lifecycle > div:last-child::before {
  inset-inline-end: 50%;
}

.procurement-lifecycle b {
  z-index: 1;
  display: grid;
  place-items: center;
  inline-size: 1.6rem;
  aspect-ratio: 1;
  border: 0.0625rem solid var(--line);
  border-radius: 50%;
  color: inherit;
  background: var(--surface);
}

.procurement-lifecycle .is-done,
.procurement-lifecycle .is-active {
  color: var(--gold-2);
}

.procurement-lifecycle .is-done b {
  color: #08120c;
  border-color: var(--green);
  background: var(--green);
}

.procurement-lifecycle .is-active b {
  border-color: var(--gold);
  box-shadow: 0 0 1rem rgba(245, 168, 0, 0.22);
}

.procurement-facts,
.procurement-match-strip {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 8.5rem), 1fr));
  gap: 0.4rem;
  min-inline-size: 0;
}

.procurement-facts > span,
.procurement-match-strip > span {
  display: grid;
  gap: 0.12rem;
  min-inline-size: 0;
  padding: 0.52rem;
  border: 0.0625rem solid rgba(168, 184, 204, 0.09);
  border-radius: var(--radius-sm);
  color: var(--muted);
  background: rgba(16, 24, 33, 0.54);
}

.procurement-facts strong,
.procurement-match-strip strong {
  color: var(--text);
  overflow-wrap: anywhere;
}

.procurement-line-table {
  display: grid;
  min-inline-size: 0;
  border: 0.0625rem solid var(--line);
  border-radius: var(--radius-sm);
  overflow: hidden;
}

.procurement-line-table > div {
  display: grid;
  grid-template-columns: minmax(9rem, 1.4fr) repeat(3, minmax(5rem, 0.65fr));
  gap: 0.46rem;
  align-items: center;
  min-inline-size: 0;
  padding: 0.56rem;
  border-block-end: 0.0625rem solid var(--line);
}

.procurement-line-table > div:last-child {
  border-block-end: 0;
}

.procurement-line-table span {
  display: grid;
  min-inline-size: 0;
  overflow-wrap: anywhere;
}

.procurement-line-table small {
  color: var(--muted);
}

.procurement-line-head {
  color: var(--muted);
  font-size: 0.74em;
  background: rgba(16, 24, 33, 0.7);
}

.procurement-documents > div:not(.section-title-row) {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto auto;
  align-items: center;
  gap: 0.48rem;
  min-inline-size: 0;
  padding: 0.52rem;
  border: 0.0625rem solid rgba(168, 184, 204, 0.09);
  border-radius: var(--radius-sm);
  background: rgba(16, 24, 33, 0.5);
}

.procurement-documents > div > span:nth-child(2) {
  display: grid;
  gap: 0.1rem;
  min-inline-size: 0;
}

.procurement-documents small {
  color: var(--muted);
}

.procurement-form {
  margin-block-start: 0.18rem;
  border-color: rgba(245, 168, 0, 0.32);
  background:
    radial-gradient(circle at 100% 0%, rgba(245, 168, 0, 0.09), transparent 18rem),
    rgba(10, 16, 23, 0.96);
}

.purchase-order-create {
  margin-block-start: 0;
}

.procurement-form-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 10rem), 1fr));
  gap: 0.48rem;
  min-inline-size: 0;
}

.procurement-form label,
.procurement-receipt-line label {
  display: grid;
  gap: 0.22rem;
  min-inline-size: 0;
  color: var(--muted);
  font-size: 0.82em;
}

.procurement-receipt-line {
  display: grid;
  grid-template-columns: minmax(9rem, 1.25fr) repeat(4, minmax(5.5rem, 0.62fr));
  align-items: end;
  gap: 0.42rem;
  min-inline-size: 0;
  padding: 0.56rem;
  border: 0.0625rem solid rgba(168, 184, 204, 0.09);
  border-radius: var(--radius-sm);
  background: rgba(16, 24, 33, 0.52);
}

.procurement-receipt-line > div {
  display: grid;
  gap: 0.12rem;
  min-inline-size: 0;
}

.procurement-receipt-line small {
  color: var(--muted);
}

.procurement-aside {
  align-content: start;
}

@media (max-width: 72em) {
  .procurement-summary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .procurement-workspace {
    grid-template-columns: minmax(0, 1fr);
  }

  .procurement-order-list {
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 13rem), 1fr));
  }

  .procurement-receipt-line {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .procurement-receipt-line > div {
    grid-column: 1 / -1;
  }
}

@media (max-width: 42em) {
  [data-new-purchase-order],
  [data-purchase-order-action],
  .procurement-center button {
    min-block-size: 2.75rem;
  }

  .procurement-center .icon-button {
    min-inline-size: 2.75rem;
  }

  .procurement-demo-banner {
    grid-template-columns: auto minmax(0, 1fr);
  }

  .procurement-demo-banner > .tag {
    grid-column: 1 / -1;
    justify-self: start;
  }

  .procurement-summary,
  .procurement-receipt-line {
    grid-template-columns: minmax(0, 1fr);
  }

  .procurement-lifecycle {
    grid-template-columns: repeat(5, minmax(0, 1fr));
    padding-block-end: 0.2rem;
    font-size: 0.88em;
  }

  .procurement-line-head {
    display: none !important;
  }

  .procurement-line-table > div:not(.procurement-line-head) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .procurement-documents > div:not(.section-title-row) {
    grid-template-columns: auto minmax(0, 1fr);
  }

  .procurement-documents > div:not(.section-title-row) > strong,
  .procurement-documents > div:not(.section-title-row) > .tag {
    grid-column: 2;
    justify-self: start;
  }

  .procurement-browser-head .button,
  .procurement-detail-actions .button,
  .procurement-form .recipe-editor-actions .button {
    inline-size: 100%;
  }
}

.brain-summary {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 9.5rem), 1fr));
  gap: clamp(0.38rem, 0.7vw, 0.58rem);
  min-inline-size: 0;
}

.brain-summary > span {
  display: grid;
  gap: 0.12rem;
  min-inline-size: 0;
  padding: clamp(0.62rem, 1vw, 0.82rem);
  border: 0.0625rem solid rgba(168, 184, 204, 0.11);
  border-radius: var(--radius-sm);
  background:
    linear-gradient(150deg, rgba(18, 27, 38, 0.88), rgba(9, 15, 23, 0.92)),
    radial-gradient(circle at 100% 0%, rgba(245, 168, 0, 0.08), transparent 12rem);
}

.brain-summary small,
.brain-summary em {
  color: var(--muted);
  font-size: clamp(0.68rem, 0.72vw, 0.78rem);
  font-style: normal;
  overflow-wrap: anywhere;
}

.brain-summary strong {
  font-size: clamp(1.05rem, 0.72vw + 0.9rem, 1.52rem);
  line-height: 1.1;
  overflow-wrap: anywhere;
}

.brain-demo-banner {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: clamp(0.5rem, 1vw, 0.82rem);
  min-inline-size: 0;
  padding: clamp(0.62rem, 1vw, 0.82rem);
  border: 0.0625rem solid rgba(49, 196, 215, 0.28);
  border-radius: var(--radius-sm);
  background: linear-gradient(120deg, rgba(49, 196, 215, 0.1), rgba(9, 15, 23, 0.78));
}

.brain-demo-banner > svg {
  inline-size: clamp(1.2rem, 2vw, 1.55rem);
  color: var(--cyan);
}

.brain-demo-banner.is-authoritative {
  border-color: rgba(38, 208, 111, 0.34);
  background: linear-gradient(120deg, rgba(38, 208, 111, 0.12), rgba(9, 15, 23, 0.82));
}

.brain-demo-banner.is-authoritative > svg {
  color: var(--green);
}

.brain-demo-banner.is-pending {
  border-color: rgba(245, 168, 0, 0.34);
  background: linear-gradient(120deg, rgba(245, 168, 0, 0.11), rgba(9, 15, 23, 0.82));
}

.brain-demo-banner.is-pending > svg {
  color: var(--gold);
}

.brain-demo-banner.is-error {
  border-color: rgba(255, 91, 91, 0.34);
  background: linear-gradient(120deg, rgba(255, 91, 91, 0.11), rgba(9, 15, 23, 0.82));
}

.brain-demo-banner.is-error > svg {
  color: var(--red);
}

.brain-demo-banner div,
.brain-demo-banner p {
  min-inline-size: 0;
  margin: 0;
}

.brain-demo-banner p {
  margin-block-start: 0.15rem;
  color: var(--muted);
  overflow-wrap: anywhere;
}

.brain-layout {
  display: grid;
  grid-template-columns: minmax(min(100%, 20rem), 0.76fr) minmax(0, 1.24fr);
  align-items: start;
  gap: var(--gap);
  min-inline-size: 0;
}

.brain-control-column,
.brain-query-card,
.brain-queue-card,
.brain-evidence-card,
.brain-evidence-body {
  min-inline-size: 0;
}

.brain-control-column {
  align-content: start;
}

.brain-query-form,
.brain-query-field {
  display: grid;
  gap: 0.34rem;
  min-inline-size: 0;
}

.brain-query-field > span:first-child {
  color: var(--muted);
  font-size: 0.78em;
  font-weight: 720;
}

.brain-query-input {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 0.42rem;
  min-inline-size: 0;
  padding-inline-start: 0.58rem;
  border: 0.0625rem solid rgba(245, 168, 0, 0.22);
  border-radius: var(--radius-sm);
  background: rgba(5, 10, 16, 0.64);
}

.brain-query-input > svg {
  inline-size: 1rem;
  color: var(--gold);
}

.brain-query-input .field {
  min-inline-size: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
}

.brain-query-input .button {
  align-self: stretch;
  border-radius: calc(var(--radius-sm) - 0.08rem);
}

.brain-query-suggestions,
.brain-horizon-row,
.brain-feedback {
  display: flex;
  flex-wrap: wrap;
  gap: 0.34rem;
  min-inline-size: 0;
}

.brain-query-suggestions .chip,
.brain-horizon-row .chip,
.brain-feedback .chip {
  min-block-size: 2.15rem;
}

.brain-query-result {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: start;
  gap: 0.58rem;
  min-inline-size: 0;
  padding: 0.64rem;
  border: 0.0625rem solid rgba(168, 184, 204, 0.11);
  border-radius: var(--radius-sm);
  background: rgba(8, 14, 21, 0.58);
}

.brain-query-result.is-matched {
  border-color: rgba(63, 205, 139, 0.28);
  background: rgba(63, 205, 139, 0.07);
}

.brain-query-result.is-insufficient-data {
  border-color: rgba(255, 91, 105, 0.28);
  background: rgba(255, 91, 105, 0.06);
}

.brain-result-icon {
  display: grid;
  place-items: center;
  inline-size: 2rem;
  aspect-ratio: 1;
  border-radius: 50%;
  color: var(--gold);
  background: rgba(245, 168, 0, 0.12);
}

.brain-result-icon svg {
  inline-size: 1rem;
}

.brain-query-result div,
.brain-query-result p {
  min-inline-size: 0;
  margin: 0;
}

.brain-query-result p,
.brain-query-result small {
  display: block;
  margin-block-start: 0.2rem;
  color: var(--muted);
  overflow-wrap: anywhere;
}

.brain-query-result .button {
  margin-block-start: 0.42rem;
}

.brain-insight-queue {
  display: grid;
  gap: 0.38rem;
  max-block-size: clamp(25rem, 55svh, 38rem);
  min-inline-size: 0;
  overflow-y: auto;
  scrollbar-width: thin;
}

.brain-insight-button {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 0.5rem;
  inline-size: 100%;
  min-inline-size: 0;
  min-block-size: 3.45rem;
  padding: 0.54rem;
  border: 0.0625rem solid rgba(168, 184, 204, 0.1);
  border-radius: var(--radius-sm);
  color: var(--text);
  text-align: start;
  background: rgba(10, 16, 23, 0.52);
}

.brain-insight-button:hover,
.brain-insight-button.is-active {
  border-color: rgba(245, 168, 0, 0.34);
  background: linear-gradient(100deg, rgba(245, 168, 0, 0.11), rgba(10, 16, 23, 0.7));
}

.brain-mark {
  display: grid;
  place-items: center;
  inline-size: 2rem;
  aspect-ratio: 1;
  flex: 0 0 auto;
  border: 0.0625rem solid rgba(245, 168, 0, 0.28);
  border-radius: 0.62rem;
  color: var(--gold-2);
  background: rgba(245, 168, 0, 0.11);
  font-size: 0.68rem;
  font-weight: 900;
}

.brain-mark.large {
  inline-size: clamp(2.8rem, 5vw, 3.6rem);
  border-radius: 0.9rem;
  font-size: clamp(0.76rem, 1vw, 0.95rem);
}

.brain-insight-copy {
  display: grid;
  gap: 0.08rem;
  min-inline-size: 0;
}

.brain-insight-copy small,
.brain-insight-copy em {
  color: var(--muted);
  font-size: 0.7em;
  font-style: normal;
  overflow-wrap: anywhere;
}

.brain-insight-copy strong {
  overflow-wrap: anywhere;
}

.brain-evidence-hero {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: clamp(0.62rem, 1vw, 0.9rem);
  align-items: start;
  min-inline-size: 0;
}

.brain-evidence-hero div,
.brain-evidence-hero p,
.brain-evidence-hero h3 {
  min-inline-size: 0;
  margin: 0;
  overflow-wrap: anywhere;
}

.brain-evidence-hero h3 {
  margin-block: 0.36rem 0.18rem;
  font-size: clamp(1.06rem, 0.7vw + 0.9rem, 1.46rem);
}

.brain-evidence-hero p {
  color: var(--muted);
}

.brain-refusal,
.brain-approval-warning {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 0.56rem;
  align-items: start;
  min-inline-size: 0;
  padding: 0.64rem;
  border: 0.0625rem solid rgba(255, 91, 105, 0.28);
  border-radius: var(--radius-sm);
  background: rgba(255, 91, 105, 0.07);
}

.brain-approval-warning {
  border-color: rgba(245, 168, 0, 0.3);
  background: rgba(245, 168, 0, 0.07);
}

.brain-refusal > svg,
.brain-approval-warning > svg {
  inline-size: 1.2rem;
  color: var(--red);
}

.brain-approval-warning > svg {
  color: var(--gold);
}

.brain-refusal p,
.brain-approval-warning p {
  margin: 0.16rem 0 0;
  color: var(--muted);
  overflow-wrap: anywhere;
}

.brain-proof-grid,
.brain-forecast-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 9.2rem), 1fr));
  gap: 0.4rem;
  min-inline-size: 0;
}

.brain-proof-grid > span,
.brain-forecast-grid > span {
  display: grid;
  gap: 0.14rem;
  min-inline-size: 0;
  padding: 0.56rem;
  border: 0.0625rem solid rgba(168, 184, 204, 0.1);
  border-radius: var(--radius-sm);
  background: rgba(10, 16, 23, 0.5);
}

.brain-proof-grid small,
.brain-proof-grid em,
.brain-forecast-grid small,
.brain-forecast-grid em {
  color: var(--muted);
  font-size: 0.72em;
  font-style: normal;
  overflow-wrap: anywhere;
}

.brain-proof-grid strong,
.brain-forecast-grid strong {
  overflow-wrap: anywhere;
}

.brain-forecast-grid > .is-risk {
  border-color: rgba(255, 91, 105, 0.22);
  background: rgba(255, 91, 105, 0.06);
}

.brain-forecast,
.brain-reasoning,
.brain-sources {
  display: grid;
  gap: 0.48rem;
  min-inline-size: 0;
  padding-block-start: 0.12rem;
}

.brain-section-head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.52rem;
}

.brain-section-head h3 {
  margin: 0.12rem 0 0;
}

.brain-reasoning ol,
.brain-action-reasons ol {
  display: grid;
  gap: 0.34rem;
  margin: 0;
  padding-inline-start: clamp(1.1rem, 2vw, 1.4rem);
  color: var(--muted);
}

.brain-reasoning li::marker,
.brain-action-reasons li::marker {
  color: var(--gold);
  font-weight: 820;
}

.brain-baseline {
  display: grid;
  gap: 0.1rem;
  min-inline-size: 0;
  padding: 0.52rem;
  border-inline-start: 0.16rem solid var(--gold);
  background: rgba(245, 168, 0, 0.05);
}

.brain-baseline small,
.brain-baseline strong {
  overflow-wrap: anywhere;
}

.brain-source-list {
  display: grid;
  gap: 0.32rem;
  min-inline-size: 0;
}

.brain-source-list > div {
  display: grid;
  grid-template-columns: minmax(0, 1.5fr) repeat(2, minmax(5rem, 0.45fr));
  align-items: center;
  gap: 0.44rem;
  min-inline-size: 0;
  padding: 0.5rem;
  border: 0.0625rem solid rgba(168, 184, 204, 0.09);
  border-radius: var(--radius-sm);
  background: rgba(10, 16, 23, 0.42);
}

.brain-source-list > div > span {
  display: grid;
  gap: 0.08rem;
  min-inline-size: 0;
}

.brain-source-list > div > span:first-child {
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
}

.brain-source-list svg {
  inline-size: 0.95rem;
  color: var(--gold);
}

.brain-source-list small {
  color: var(--muted);
}

.brain-source-list strong,
.brain-source-list b {
  overflow-wrap: anywhere;
}

.brain-replay-key {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 0.48rem;
  align-items: center;
  min-inline-size: 0;
  padding: 0.54rem;
  border: 0.0625rem dashed rgba(49, 196, 215, 0.26);
  border-radius: var(--radius-sm);
  background: rgba(49, 196, 215, 0.05);
}

.brain-replay-key > svg {
  inline-size: 1rem;
  color: var(--cyan);
}

.brain-replay-key span {
  display: grid;
  gap: 0.08rem;
  min-inline-size: 0;
}

.brain-replay-key small {
  color: var(--muted);
}

.brain-replay-key code {
  color: var(--text);
  font-size: 0.76em;
  overflow-wrap: anywhere;
  word-break: break-word;
}

.brain-evidence-footer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.58rem;
  padding-block-start: 0.18rem;
}

.brain-feedback {
  align-items: center;
}

.brain-feedback small {
  flex-basis: 100%;
  color: var(--muted);
}

.brain-governance {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 9.5rem), 1fr));
  gap: 0.38rem;
  min-inline-size: 0;
}

.brain-governance > span {
  display: flex;
  align-items: center;
  gap: 0.34rem;
  min-inline-size: 0;
  padding: 0.48rem;
  border: 0.0625rem solid rgba(63, 205, 139, 0.18);
  border-radius: var(--radius-sm);
  color: var(--green);
  background: rgba(63, 205, 139, 0.05);
}

.brain-governance > span.is-pending {
  border-color: rgba(245, 168, 0, 0.22);
  color: var(--gold);
  background: rgba(245, 168, 0, 0.05);
}

.brain-governance svg {
  inline-size: 0.95rem;
  flex: 0 0 auto;
}

.brain-governance small {
  color: var(--text);
  overflow-wrap: anywhere;
}

@media (max-width: 76em) {
  .brain-layout {
    grid-template-columns: minmax(0, 1fr);
  }

  .brain-control-column {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }

  .brain-insight-queue {
    max-block-size: clamp(20rem, 45svh, 30rem);
  }
}

@media (max-width: 58em) {
  .brain-control-column {
    grid-template-columns: minmax(0, 1fr);
  }

  .brain-demo-banner {
    grid-template-columns: auto minmax(0, 1fr);
  }

  .brain-demo-banner > .tag {
    grid-column: 1 / -1;
    justify-self: start;
  }
}

@media (max-width: 42em) {
  .brain-query-suggestions [data-brain-suggestion],
  .brain-insight-queue [data-select-brain-insight],
  .brain-horizon-row [data-brain-horizon],
  .brain-feedback [data-brain-feedback],
  [data-brain-open-route],
  [data-brain-query-form] .button,
  [data-detail-panel="brain-action"] {
    min-block-size: 2.75rem;
  }

  .brain-query-input {
    grid-template-columns: auto minmax(0, 1fr);
    padding-block-start: 0.18rem;
  }

  .brain-query-input .button {
    grid-column: 1 / -1;
    inline-size: calc(100% + 0.58rem);
    margin-inline-start: -0.58rem;
  }

  .brain-query-result {
    grid-template-columns: auto minmax(0, 1fr);
  }

  .brain-query-result > .tag {
    grid-column: 2;
    justify-self: start;
  }

  .brain-insight-button {
    grid-template-columns: auto minmax(0, 1fr);
  }

  .brain-insight-button > .tag {
    grid-column: 2;
    justify-self: start;
  }

  .brain-source-list > div {
    grid-template-columns: minmax(0, 1fr) repeat(2, minmax(0, 0.5fr));
  }

  .brain-source-list > div > span:first-child {
    grid-column: 1 / -1;
  }

  .brain-evidence-footer,
  .brain-evidence-footer > .button {
    inline-size: 100%;
  }
}

@media (max-width: 24em) {
  .brain-summary,
  .brain-proof-grid,
  .brain-forecast-grid,
  .brain-source-list > div {
    grid-template-columns: minmax(0, 1fr);
  }

  .brain-source-list > div > span,
  .brain-source-list > div > span:first-child {
    grid-column: auto;
  }

  .brain-evidence-hero,
  .brain-refusal,
  .brain-approval-warning {
    grid-template-columns: minmax(0, 1fr);
  }

  .brain-horizon-row .chip,
  .brain-feedback .chip {
    flex: 1 1 5rem;
  }
}

/* V59 cascade guard: keep dining rules after legacy responsive blocks. */
.dining-summary-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.table-product-card {
  grid-template-columns: auto minmax(0, 1fr) auto;
}

.table-product-action {
  display: grid;
  justify-items: end;
}

@media (max-width: 78em) {
  .table-order-panel {
    position: static;
  }
}

@media (max-width: 58em) {
  .table-product-card {
    grid-template-columns: auto minmax(0, 1fr) auto;
  }

  .table-product-action,
  .table-product-card b {
    justify-self: end;
  }
}

@media (max-width: 42em) {
  .dining-order-overlay {
    position: fixed;
    inset: 0;
    z-index: 86;
    display: block;
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
  }

  .dining-order-overlay.is-visible {
    visibility: visible;
    opacity: 1;
    pointer-events: auto;
  }

  .table-order-panel {
    position: fixed;
    inset: auto 0 0;
    z-index: 87;
    inline-size: 100%;
    max-block-size: min(91svh, 54rem);
    overflow: auto;
    overscroll-behavior: contain;
    transform: translateY(105%);
    visibility: hidden;
    border-radius: var(--radius-lg) var(--radius-lg) 0 0;
  }

  .table-order-panel.is-open {
    transform: translateY(0);
    visibility: visible;
  }

  .dining-panel-close {
    display: inline-grid;
  }

  .table-order-header {
    position: sticky;
    inset-block-start: 0;
    z-index: 2;
  }

  .dining-summary-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .dining-order-line {
    grid-template-columns: minmax(0, 1fr) auto;
  }

  .dining-order-line .entity {
    grid-column: 1 / -1;
  }

  .dining-configurator {
    inset-inline: 0;
    inset-block: auto 0;
    inline-size: 100%;
    transform: none;
  }
}

@media (max-width: 24em) {
  .dining-summary-grid,
  .dining-flow-steps,
  .dining-kds-pipeline,
  .dining-course-grid,
  .dining-modifier-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .table-product-card {
    grid-template-columns: auto minmax(0, 1fr);
  }

  .table-product-action {
    grid-column: 2;
    justify-items: start;
  }
}

/* V71D-B cascade guard: Paket Satış has five visible operational steps. */
.pos-flow-steps {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

@media (max-width: 42em) {
  .pos-flow-steps {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }

  .quick-channel-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .quick-sale-configurator {
    inset-inline: 0;
    inset-block: auto 0;
    inline-size: 100%;
    max-block-size: min(94svh, 52rem);
  }
}

/* V69 cascade guard: compact service flows stay single-column through 30em. */
@media (max-width: 30em) {
  .dining-flow-steps,
  .dining-service-actions,
  .dining-target-list,
  .dining-split-lines,
  .dining-split-tabs,
  .dining-equal-parts {
    grid-template-columns: minmax(0, 1fr);
  }
}

/* V71E · KavPOS-aligned cash drawer and end-of-shift command center */
.cash-drawer-workspace,
.cash-drawer-workspace * {
  min-inline-size: 0;
}

.cash-drawer-workspace {
  display: grid;
  gap: clamp(0.56rem, 0.9vw, 0.9rem);
  inline-size: 100%;
  max-inline-size: 116rem;
  margin-inline: auto;
}

.cash-drawer-hero {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(min(100%, 24rem), auto);
  align-items: center;
  gap: clamp(0.75rem, 1.5vw, 1.35rem);
  overflow: hidden;
  padding: clamp(0.9rem, 1.7vw, 1.45rem);
  border: 0.0625rem solid rgba(245, 168, 0, 0.27);
  border-radius: clamp(0.8rem, 1.3vw, 1.1rem);
  background:
    radial-gradient(circle at 82% 10%, rgba(245, 168, 0, 0.13), transparent 19rem),
    linear-gradient(135deg, rgba(18, 29, 40, 0.98), rgba(8, 14, 21, 0.98));
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.24);
}

.cash-drawer-hero::after {
  content: "";
  position: absolute;
  inset-block: 0;
  inset-inline-end: 0;
  inline-size: min(32%, 30rem);
  pointer-events: none;
  background: linear-gradient(110deg, transparent, rgba(245, 168, 0, 0.04));
}

.cash-drawer-hero-copy,
.cash-drawer-hero-actions,
.cash-drawer-control-card,
.cash-drawer-readiness-card,
.cash-drawer-ledger-card,
.cash-drawer-count-card,
.cash-drawer-approval-card,
.cash-drawer-complete-card {
  position: relative;
  z-index: 1;
}

.cash-drawer-hero-copy {
  display: grid;
  gap: 0.34rem;
}

.cash-drawer-hero-copy > div {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.5rem;
}

.cash-drawer-hero h2,
.cash-drawer-hero p,
.cash-drawer-control-card h3,
.cash-drawer-control-card p,
.cash-drawer-readiness-card h3,
.cash-drawer-count-card h3,
.cash-drawer-count-card p,
.cash-drawer-approval-card h3,
.cash-drawer-approval-card p,
.cash-drawer-complete-card h3,
.cash-drawer-complete-card p,
.cash-drawer-review-panel h2,
.cash-drawer-review-panel p {
  margin: 0;
  overflow-wrap: anywhere;
}

.cash-drawer-hero h2 {
  font-size: clamp(1.25rem, 2.1vw, 2.15rem);
  line-height: 1.08;
}

.cash-drawer-hero p {
  max-inline-size: 66rem;
  color: var(--muted);
  font-size: clamp(0.78rem, 0.82vw, 0.96rem);
  line-height: 1.55;
}

.cash-drawer-mode {
  display: inline-flex;
  align-items: center;
  min-block-size: 1.65rem;
  padding-inline: 0.62rem;
  border: 0.0625rem solid rgba(49, 196, 215, 0.25);
  border-radius: 999rem;
  color: var(--cyan);
  background: rgba(49, 196, 215, 0.08);
  font-size: 0.66em;
  font-weight: 850;
  letter-spacing: 0.05em;
}

.cash-drawer-hero-actions {
  display: grid;
  justify-items: stretch;
  gap: 0.55rem;
}

.cash-drawer-status {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 0.62rem;
  padding: 0.7rem;
  border: 0.0625rem solid var(--line);
  border-radius: var(--radius-md);
  background: rgba(5, 10, 16, 0.52);
}

.cash-drawer-status > i {
  inline-size: 0.68rem;
  aspect-ratio: 1;
  border-radius: 50%;
  background: var(--muted-2);
  box-shadow: 0 0 0 0.28rem rgba(100, 114, 133, 0.1);
}

.cash-drawer-status.is-open > i,
.cash-drawer-status.is-complete > i {
  background: var(--green);
  box-shadow: 0 0 0 0.28rem rgba(38, 208, 111, 0.12);
}

.cash-drawer-status.is-warning > i {
  background: var(--gold);
  box-shadow: 0 0 0 0.28rem rgba(245, 168, 0, 0.12);
}

.cash-drawer-status span,
.cash-drawer-status strong,
.cash-drawer-status small {
  display: block;
  min-inline-size: 0;
}

.cash-drawer-status strong {
  font-size: 0.86em;
}

.cash-drawer-status small {
  margin-block-start: 0.12rem;
  color: var(--muted);
  font-size: 0.7em;
  line-height: 1.35;
}

/* V71F · Visible click guidance and truthful public authority boundary */
.cash-drawer-authority-strip {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  overflow: hidden;
  border: 0.0625rem solid rgba(49, 196, 215, 0.2);
  border-radius: var(--radius-md);
  background: rgba(6, 13, 20, 0.78);
}

.cash-drawer-authority-strip > span {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 0.5rem;
  min-block-size: clamp(3.25rem, 4vw, 4.1rem);
  padding: clamp(0.52rem, 0.8vw, 0.7rem);
  border-inline-end: 0.0625rem solid var(--line);
}

.cash-drawer-authority-strip > span:last-child {
  border-inline-end: 0;
}

.cash-drawer-authority-strip i {
  inline-size: 0.56rem;
  aspect-ratio: 1;
  border-radius: 50%;
  background: var(--muted-2);
  box-shadow: 0 0 0 0.25rem rgba(100, 114, 133, 0.1);
}

.cash-drawer-authority-strip .is-demo i,
.cash-drawer-authority-strip .is-pending i {
  background: var(--gold);
  box-shadow: 0 0 0 0.25rem rgba(245, 168, 0, 0.1);
}

.cash-drawer-authority-strip .is-closed i {
  background: var(--red);
  box-shadow: 0 0 0 0.25rem rgba(255, 77, 95, 0.1);
}

.cash-drawer-authority-strip small,
.cash-drawer-authority-strip strong {
  display: block;
  overflow-wrap: anywhere;
}

.cash-drawer-authority-strip small {
  color: var(--muted);
  font-size: 0.62em;
}

.cash-drawer-authority-strip strong {
  margin-block-start: 0.08rem;
  font-size: clamp(0.68rem, 0.78vw, 0.8rem);
}

.cash-drawer-authority-strip .is-demo strong {
  color: var(--gold-2);
}

.cash-drawer-authority-strip .is-ready i {
  background: var(--green);
  box-shadow: 0 0 0 0.25rem rgba(38, 208, 111, 0.1);
}

.cash-drawer-authority-strip .is-private i {
  background: var(--cyan);
  box-shadow: 0 0 0 0.25rem rgba(49, 196, 215, 0.1);
}

.cash-drawer-authority-strip .is-ready strong {
  color: var(--green);
}

.cash-drawer-mode.is-authoritative {
  border-color: rgba(38, 208, 111, 0.3);
  color: var(--green);
  background: rgba(38, 208, 111, 0.08);
}

.cash-drawer-authority-proof,
.cash-drawer-authority-gate-card {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) minmax(min(100%, 28rem), auto);
  align-items: center;
  gap: clamp(0.58rem, 1.1vw, 0.9rem);
  min-inline-size: 0;
  padding: clamp(0.68rem, 1.2vw, 0.95rem);
  border: 0.0625rem solid rgba(38, 208, 111, 0.28);
  border-radius: var(--radius-md);
  background: linear-gradient(135deg, rgba(38, 208, 111, 0.075), rgba(7, 14, 21, 0.9));
}

.cash-drawer-authority-gate-card {
  min-block-size: clamp(12rem, 28vh, 20rem);
  border-color: rgba(245, 168, 0, 0.34);
  background: linear-gradient(135deg, rgba(245, 168, 0, 0.085), rgba(7, 14, 21, 0.94));
}

.cash-drawer-authority-proof > span {
  display: grid;
  place-items: center;
  inline-size: clamp(2.4rem, 3.5vw, 3.2rem);
  aspect-ratio: 1;
  border-radius: 50%;
  color: var(--green);
  background: rgba(38, 208, 111, 0.1);
}

.cash-drawer-authority-proof > span svg {
  inline-size: 1.15rem;
}

.cash-drawer-authority-proof > div,
.cash-drawer-authority-gate-card > div {
  display: grid;
  gap: 0.14rem;
  min-inline-size: 0;
}

.cash-drawer-authority-proof > div:last-child {
  justify-items: end;
  text-align: end;
}

.cash-drawer-authority-proof strong,
.cash-drawer-authority-proof small,
.cash-drawer-authority-proof code,
.cash-drawer-authority-gate-card h3,
.cash-drawer-authority-gate-card p {
  margin: 0;
  max-inline-size: 100%;
  overflow-wrap: anywhere;
}

.cash-drawer-authority-proof small,
.cash-drawer-authority-gate-card p {
  color: var(--muted);
  font-size: clamp(0.66rem, 0.7vw, 0.76rem);
  line-height: 1.45;
}

.cash-drawer-authority-proof code {
  color: var(--muted-2);
  font-size: 0.58em;
}

.cash-drawer-authority-gate-card .button {
  min-block-size: 2.8rem;
  white-space: normal;
}

.cash-drawer-authority-detail dl {
  display: grid;
  gap: 0;
  margin: 0;
  padding: 0.32rem 0.7rem;
}

.cash-drawer-authority-detail dl > div {
  display: grid;
  grid-template-columns: minmax(0, 0.72fr) minmax(0, 1.28fr);
  gap: 0.5rem;
  padding-block: 0.52rem;
  border-block-end: 0.0625rem solid rgba(168, 184, 204, 0.08);
}

.cash-drawer-authority-detail dl > div:last-child {
  border-block-end: 0;
}

.cash-drawer-authority-detail dt,
.cash-drawer-authority-detail dd {
  margin: 0;
  overflow-wrap: anywhere;
}

.cash-drawer-authority-detail dt {
  color: var(--muted);
  font-size: 0.65em;
}

.cash-drawer-authority-detail dd {
  color: var(--text);
  font-size: 0.72em;
  font-weight: 780;
  text-align: end;
}

.cash-drawer-authority-explainer {
  overflow: hidden;
  border: 0.0625rem solid rgba(49, 196, 215, 0.24);
  border-radius: var(--radius-md);
  background: linear-gradient(135deg, rgba(49, 196, 215, 0.055), rgba(7, 14, 21, 0.88));
}

.cash-drawer-authority-explainer summary {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 0.62rem;
  min-block-size: clamp(4.2rem, 5vw, 5.2rem);
  padding: clamp(0.62rem, 1vw, 0.82rem);
  color: var(--text);
  cursor: pointer;
  list-style: none;
}

.cash-drawer-authority-explainer summary::-webkit-details-marker {
  display: none;
}

.cash-drawer-authority-explainer summary:hover,
.cash-drawer-authority-explainer summary:focus-visible {
  background: rgba(49, 196, 215, 0.06);
  outline: none;
}

.cash-drawer-authority-explainer summary > span:first-child {
  display: grid;
  place-items: center;
  inline-size: clamp(2.3rem, 3vw, 2.8rem);
  aspect-ratio: 1;
  border-radius: 50%;
  color: var(--cyan);
  background: rgba(49, 196, 215, 0.1);
}

.cash-drawer-authority-explainer summary > span:nth-child(2) {
  display: grid;
  gap: 0.12rem;
  min-inline-size: 0;
}

.cash-drawer-authority-explainer summary small,
.cash-drawer-authority-explainer summary strong,
.cash-drawer-authority-explainer summary em {
  display: block;
  overflow-wrap: anywhere;
}

.cash-drawer-authority-explainer summary small {
  color: var(--cyan);
  font-size: 0.62em;
  font-weight: 850;
  letter-spacing: 0.05em;
}

.cash-drawer-authority-explainer summary em {
  color: var(--muted);
  font-size: 0.68em;
  font-style: normal;
  line-height: 1.4;
}

.cash-drawer-authority-explainer summary b {
  padding: 0.38rem 0.52rem;
  border: 0.0625rem solid rgba(49, 196, 215, 0.24);
  border-radius: var(--radius-xs);
  color: var(--cyan);
  font-size: 0.66em;
  white-space: nowrap;
}

.cash-drawer-authority-explainer[open] summary b {
  color: var(--green);
  border-color: rgba(38, 208, 111, 0.25);
}

.cash-drawer-authority-explainer > div {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.42rem;
  padding: 0 clamp(0.62rem, 1vw, 0.82rem) clamp(0.62rem, 1vw, 0.82rem);
  border-block-start: 0.0625rem solid rgba(49, 196, 215, 0.14);
}

.cash-drawer-authority-explainer article,
.cash-drawer-authority-explainer aside {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: start;
  gap: 0.5rem;
  min-inline-size: 0;
  margin-block-start: 0.62rem;
  padding: 0.58rem;
  border: 0.0625rem solid var(--line);
  border-radius: var(--radius-sm);
  background: rgba(255, 255, 255, 0.025);
}

.cash-drawer-authority-explainer article > span {
  display: grid;
  place-items: center;
  inline-size: 1.65rem;
  aspect-ratio: 1;
  border-radius: 50%;
  color: #0b131b;
  background: var(--cyan);
  font-size: 0.7em;
  font-weight: 900;
}

.cash-drawer-authority-explainer article div,
.cash-drawer-authority-explainer aside {
  min-inline-size: 0;
}

.cash-drawer-authority-explainer article strong,
.cash-drawer-authority-explainer article small,
.cash-drawer-authority-explainer aside strong,
.cash-drawer-authority-explainer aside small {
  display: block;
  overflow-wrap: anywhere;
}

.cash-drawer-authority-explainer article small,
.cash-drawer-authority-explainer aside small {
  margin-block-start: 0.12rem;
  color: var(--muted);
  font-size: 0.65em;
  line-height: 1.45;
}

.cash-drawer-authority-explainer aside {
  grid-column: 1 / -1;
  grid-template-columns: minmax(0, 1fr);
  border-color: rgba(245, 168, 0, 0.24);
  background: rgba(245, 168, 0, 0.055);
}

.cash-drawer-guidance {
  position: relative;
  display: grid;
  grid-template-columns: minmax(13rem, 0.8fr) minmax(18rem, 1.35fr) minmax(11rem, 0.48fr);
  align-items: center;
  gap: clamp(0.62rem, 1.1vw, 1rem);
  overflow: hidden;
  padding: clamp(0.72rem, 1.2vw, 1rem);
  border: 0.0625rem solid rgba(245, 168, 0, 0.42);
  border-radius: var(--radius-md);
  background:
    radial-gradient(circle at 100% 0%, rgba(245, 168, 0, 0.12), transparent 16rem),
    linear-gradient(135deg, rgba(25, 29, 31, 0.98), rgba(11, 17, 24, 0.98));
  box-shadow: inset 0.2rem 0 0 var(--gold);
}

.cash-drawer-guidance-heading {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 0.62rem;
}

.cash-drawer-guidance-icon {
  display: grid;
  place-items: center;
  inline-size: clamp(2.5rem, 3.4vw, 3.2rem);
  aspect-ratio: 1;
  border-radius: 50%;
  color: #171007;
  background: var(--gold);
  box-shadow: 0 0 0 0.32rem rgba(245, 168, 0, 0.09);
}

.cash-drawer-guidance-icon svg {
  inline-size: 1.15rem;
}

.cash-drawer-guidance h3,
.cash-drawer-guidance p {
  margin: 0;
  overflow-wrap: anywhere;
}

.cash-drawer-guidance h3 {
  margin-block-start: 0.12rem;
  font-size: clamp(0.9rem, 1.12vw, 1.12rem);
}

.cash-drawer-guidance p {
  margin-block-start: 0.16rem;
  color: var(--muted);
  font-size: 0.7em;
  line-height: 1.45;
}

.cash-drawer-guidance-facts {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.42rem;
  margin: 0;
}

.cash-drawer-guidance-facts > div {
  display: grid;
  align-content: start;
  gap: 0.15rem;
  min-block-size: 4.2rem;
  padding: 0.58rem;
  border: 0.0625rem solid var(--line);
  border-radius: var(--radius-sm);
  background: rgba(255, 255, 255, 0.025);
}

.cash-drawer-guidance-facts > div.is-boundary {
  border-color: rgba(49, 196, 215, 0.2);
  background: rgba(49, 196, 215, 0.045);
}

.cash-drawer-guidance-facts dt {
  color: var(--gold-2);
  font-size: 0.62em;
  font-weight: 850;
  letter-spacing: 0.03em;
  text-transform: uppercase;
}

.cash-drawer-guidance-facts .is-boundary dt {
  color: var(--cyan);
}

.cash-drawer-guidance-facts dd {
  margin: 0;
  color: var(--muted);
  font-size: 0.66em;
  line-height: 1.42;
  overflow-wrap: anywhere;
}

.cash-drawer-guidance-cta {
  display: grid;
  justify-items: center;
  gap: 0.08rem;
  min-block-size: 3.35rem;
  inline-size: 100%;
  white-space: normal;
  text-align: center;
}

.cash-drawer-guidance-cta span,
.cash-drawer-guidance-cta small {
  display: block;
  overflow-wrap: anywhere;
}

.cash-drawer-guidance-cta small {
  color: rgba(21, 16, 8, 0.7);
  font-size: 0.62em;
  font-weight: 750;
}

.cash-drawer-flow {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 0.38rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

.cash-drawer-flow li {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 0.08rem 0.48rem;
  min-block-size: clamp(3.7rem, 5vw, 4.7rem);
  padding: clamp(0.48rem, 0.75vw, 0.68rem);
  border: 0.0625rem solid var(--line);
  border-radius: var(--radius-md);
  color: var(--muted);
  background: rgba(13, 21, 30, 0.76);
}

.cash-drawer-flow li > span {
  grid-row: 1 / 3;
  display: grid;
  place-items: center;
  inline-size: clamp(1.7rem, 2.4vw, 2.1rem);
  aspect-ratio: 1;
  border: 0.0625rem solid var(--line);
  border-radius: 50%;
  color: var(--muted);
  background: rgba(255, 255, 255, 0.03);
  font-weight: 850;
}

.cash-drawer-flow strong,
.cash-drawer-flow small {
  overflow-wrap: anywhere;
}

.cash-drawer-flow strong {
  color: var(--text);
  font-size: clamp(0.7rem, 0.78vw, 0.83rem);
}

.cash-drawer-flow small {
  font-size: clamp(0.58rem, 0.68vw, 0.7rem);
  line-height: 1.3;
}

.cash-drawer-flow li.is-current {
  border-color: rgba(245, 168, 0, 0.48);
  color: var(--gold-2);
  background: linear-gradient(135deg, rgba(245, 168, 0, 0.14), rgba(17, 25, 35, 0.92));
}

.cash-drawer-flow li.is-current > span {
  border-color: rgba(245, 168, 0, 0.55);
  color: #151008;
  background: var(--gold);
}

.cash-drawer-flow li.is-done {
  border-color: rgba(38, 208, 111, 0.24);
}

.cash-drawer-flow li.is-done > span {
  border-color: rgba(38, 208, 111, 0.35);
  color: var(--green);
  background: rgba(38, 208, 111, 0.1);
}

.cash-drawer-metrics {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.48rem;
}

.cash-drawer-metrics article {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 0.1rem 0.55rem;
  min-block-size: clamp(4.8rem, 6vw, 6rem);
  padding: clamp(0.6rem, 0.9vw, 0.82rem);
  border: 0.0625rem solid var(--line);
  border-radius: var(--radius-md);
  background: linear-gradient(145deg, rgba(18, 28, 39, 0.96), rgba(11, 17, 25, 0.96));
}

.cash-drawer-metrics article > span {
  grid-row: 1 / 4;
  display: grid;
  place-items: center;
  inline-size: clamp(2rem, 3vw, 2.65rem);
  aspect-ratio: 1;
  border-radius: var(--radius-sm);
  color: var(--gold-2);
  background: rgba(245, 168, 0, 0.09);
}

.cash-drawer-metrics article > span svg {
  inline-size: 1.05rem;
}

.cash-drawer-metrics small,
.cash-drawer-metrics strong,
.cash-drawer-metrics em {
  display: block;
  overflow-wrap: anywhere;
}

.cash-drawer-metrics small,
.cash-drawer-metrics em {
  color: var(--muted);
  font-size: 0.68em;
  font-style: normal;
}

.cash-drawer-metrics strong {
  font-size: clamp(0.92rem, 1.25vw, 1.25rem);
  font-variant-numeric: tabular-nums;
}

.cash-drawer-metrics article.has-warning {
  border-color: rgba(255, 77, 95, 0.34);
}

.cash-drawer-main-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.34fr) minmax(min(100%, 22rem), 0.66fr);
  align-items: start;
  gap: clamp(0.58rem, 1vw, 0.9rem);
}

.cash-drawer-ledger-card,
.cash-drawer-control-card,
.cash-drawer-readiness-card,
.cash-drawer-count-card,
.cash-drawer-approval-card,
.cash-drawer-complete-card {
  overflow: hidden;
  border: 0.0625rem solid var(--line);
  border-radius: var(--radius-md);
  background: linear-gradient(145deg, rgba(16, 24, 33, 0.98), rgba(9, 15, 23, 0.98));
}

.cash-drawer-ledger-card > header,
.cash-drawer-readiness-card > header,
.cash-drawer-control-card > header,
.cash-drawer-count-card > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.65rem;
  padding: clamp(0.66rem, 1vw, 0.88rem);
  border-block-end: 0.0625rem solid var(--line);
}

.cash-drawer-ledger-card h3,
.cash-drawer-readiness-card h3,
.cash-drawer-control-card h3,
.cash-drawer-count-card h3 {
  margin: 0.12rem 0 0;
  font-size: clamp(0.92rem, 1.1vw, 1.1rem);
}

.cash-drawer-ledger-card > footer {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 0.7rem;
  padding: 0.7rem;
  border-block-start: 0.0625rem solid var(--line);
  background: rgba(245, 168, 0, 0.04);
}

.cash-drawer-ledger-card > footer > span {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 0.5rem;
  color: var(--muted);
}

.cash-drawer-ledger-card > footer svg {
  inline-size: 1rem;
  color: var(--gold-2);
}

.cash-drawer-ledger-card > footer strong {
  color: var(--gold-2);
  font-variant-numeric: tabular-nums;
  text-align: end;
}

.cash-drawer-ledger-list {
  display: grid;
  max-block-size: min(46rem, 58vh);
  overflow: auto;
  scrollbar-width: thin;
}

.cash-drawer-ledger-row {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 0.62rem;
  min-block-size: 4.3rem;
  padding: 0.62rem 0.72rem;
  border-block-end: 0.0625rem solid rgba(168, 184, 204, 0.09);
}

.cash-drawer-ledger-row:last-child {
  border-block-end: 0;
}

.cash-drawer-ledger-icon {
  display: grid;
  place-items: center;
  inline-size: 2.2rem;
  aspect-ratio: 1;
  border-radius: var(--radius-sm);
  color: var(--gold-2);
  background: rgba(245, 168, 0, 0.08);
}

.cash-drawer-ledger-icon svg {
  inline-size: 1rem;
}

.cash-drawer-ledger-row > span:nth-child(2) {
  display: grid;
  gap: 0.12rem;
}

.cash-drawer-ledger-row strong,
.cash-drawer-ledger-row small,
.cash-drawer-ledger-row code {
  overflow-wrap: anywhere;
}

.cash-drawer-ledger-row small {
  color: var(--muted);
  font-size: 0.69em;
}

.cash-drawer-ledger-row code {
  color: var(--muted-2);
  font-size: 0.61em;
}

.cash-drawer-ledger-row > b {
  font-size: clamp(0.78rem, 0.92vw, 0.92rem);
  font-variant-numeric: tabular-nums;
  text-align: end;
  white-space: nowrap;
}

.cash-drawer-ledger-row > b.is-in {
  color: var(--green);
}

.cash-drawer-ledger-row > b.is-out {
  color: var(--red);
}

.cash-drawer-empty {
  display: grid;
  justify-items: center;
  align-content: center;
  gap: 0.42rem;
  min-block-size: clamp(15rem, 32vh, 23rem);
  padding: 1.2rem;
  color: var(--muted);
  text-align: center;
}

.cash-drawer-empty > span,
.cash-drawer-control-icon,
.cash-drawer-complete-icon,
.cash-drawer-approval-icon {
  display: grid;
  place-items: center;
  inline-size: clamp(2.8rem, 4vw, 3.6rem);
  aspect-ratio: 1;
  border-radius: 50%;
  color: var(--gold-2);
  background: rgba(245, 168, 0, 0.1);
}

.cash-drawer-empty p {
  max-inline-size: 30rem;
  margin: 0;
  font-size: 0.78em;
  line-height: 1.55;
}

.cash-drawer-side-grid {
  position: sticky;
  inset-block-start: calc(var(--top) + var(--gap));
  display: grid;
  gap: clamp(0.58rem, 1vw, 0.9rem);
}

.cash-drawer-control-card {
  display: grid;
  gap: 0.62rem;
  padding: clamp(0.72rem, 1.1vw, 1rem);
}

.cash-drawer-control-card > header {
  margin: calc(clamp(0.72rem, 1.1vw, 1rem) * -1);
  margin-block-end: 0;
}

.cash-drawer-control-card > p,
.cash-drawer-control-card > small {
  margin: 0;
  color: var(--muted);
  line-height: 1.5;
}

.cash-drawer-control-card > small {
  font-size: 0.68em;
}

.cash-drawer-control-card > form,
.cash-drawer-control-card > form > main {
  display: grid;
  min-inline-size: 0;
  gap: clamp(0.45rem, 1vw, 0.7rem);
}

.cash-drawer-control-card > form > main {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 10rem), 1fr));
}

.cash-drawer-control-card > form label {
  display: grid;
  min-inline-size: 0;
  gap: 0.28rem;
  color: var(--muted);
  font-size: 0.72em;
  font-weight: 750;
}

.cash-drawer-control-card > form .field {
  inline-size: 100%;
  min-inline-size: 0;
  min-block-size: 2.75rem;
}

.cash-drawer-control-card > form > footer {
  display: flex;
  justify-content: flex-end;
}

.cash-drawer-control-card.is-empty,
.cash-drawer-control-card.is-locked,
.cash-drawer-control-card.is-complete {
  justify-items: start;
}

.cash-drawer-paused-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.46rem;
  inline-size: 100%;
  min-inline-size: 0;
}

.cash-drawer-paused-actions .button {
  flex: 1 1 min(100%, 9rem);
}

.cash-drawer-control-card .button,
.cash-drawer-count-actions .button,
.cash-drawer-approval-form .button,
.cash-drawer-complete-actions .button,
.cash-drawer-review-panel .button {
  min-block-size: 2.75rem;
  white-space: normal;
}

.cash-drawer-action-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.38rem;
}

.cash-drawer-action-grid button {
  display: grid;
  justify-items: start;
  gap: 0.12rem;
  min-block-size: 5.2rem;
  padding: 0.58rem;
  border: 0.0625rem solid var(--line);
  border-radius: var(--radius-sm);
  color: var(--text);
  background: rgba(255, 255, 255, 0.025);
  text-align: start;
}

.cash-drawer-action-grid button:hover,
.cash-drawer-action-grid button:focus-visible {
  border-color: rgba(245, 168, 0, 0.45);
  background: rgba(245, 168, 0, 0.08);
}

.cash-drawer-action-grid button > span {
  color: var(--gold-2);
}

.cash-drawer-action-grid button svg {
  inline-size: 1rem;
}

.cash-drawer-action-grid strong {
  font-size: 0.75em;
}

.cash-drawer-action-grid small {
  color: var(--muted);
  font-size: 0.62em;
  overflow-wrap: anywhere;
}

.cash-drawer-count-start {
  inline-size: 100%;
}

.cash-drawer-readiness-list {
  display: grid;
  padding: 0.36rem 0.7rem;
}

.cash-drawer-readiness-list > span {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 0.52rem;
  padding-block: 0.5rem;
  border-block-end: 0.0625rem solid rgba(168, 184, 204, 0.08);
}

.cash-drawer-readiness-list > span:last-child {
  border-block-end: 0;
}

.cash-drawer-readiness-list i {
  inline-size: 0.5rem;
  aspect-ratio: 1;
  border-radius: 50%;
  background: var(--muted-2);
}

.cash-drawer-readiness-list .is-ready i {
  background: var(--green);
}

.cash-drawer-readiness-list .is-closed i {
  background: var(--red);
}

.cash-drawer-readiness-list .is-pending i {
  background: var(--gold);
}

.cash-drawer-readiness-list small,
.cash-drawer-readiness-list strong {
  display: block;
  overflow-wrap: anywhere;
}

.cash-drawer-readiness-list small {
  color: var(--muted);
  font-size: 0.65em;
}

.cash-drawer-readiness-list strong {
  margin-block-start: 0.08rem;
  font-size: 0.74em;
}

.cash-drawer-permissions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.3rem;
  padding: 0.66rem;
  border-block-start: 0.0625rem solid var(--line);
}

.cash-drawer-permissions code {
  max-inline-size: 100%;
  padding: 0.25rem 0.38rem;
  border-radius: var(--radius-xs);
  color: var(--cyan);
  background: rgba(49, 196, 215, 0.07);
  font-size: 0.6em;
  overflow-wrap: anywhere;
}

.cash-drawer-count-card,
.cash-drawer-approval-card,
.cash-drawer-complete-card {
  scroll-margin-block-start: calc(var(--top) + var(--gap));
}

.cash-drawer-count-card form {
  display: grid;
  gap: 0.7rem;
  padding: clamp(0.68rem, 1vw, 0.92rem);
}

.cash-drawer-count-card header > span {
  display: grid;
  gap: 0.15rem;
}

.cash-drawer-count-card header p {
  color: var(--muted);
  font-size: 0.72em;
  line-height: 1.45;
}

.cash-drawer-count-summary,
.cash-drawer-approval-facts,
.cash-drawer-complete-facts,
.cash-drawer-review-facts {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.42rem;
}

.cash-drawer-count-summary > span,
.cash-drawer-approval-facts > span,
.cash-drawer-complete-facts > span,
.cash-drawer-review-facts > span {
  display: grid;
  gap: 0.12rem;
  padding: 0.58rem;
  border: 0.0625rem solid var(--line);
  border-radius: var(--radius-sm);
  background: rgba(255, 255, 255, 0.025);
}

.cash-drawer-count-summary small,
.cash-drawer-approval-facts small,
.cash-drawer-complete-facts small,
.cash-drawer-review-facts small {
  color: var(--muted);
  font-size: 0.66em;
}

.cash-drawer-count-summary strong,
.cash-drawer-approval-facts strong,
.cash-drawer-complete-facts strong,
.cash-drawer-review-facts strong {
  font-size: clamp(0.76rem, 0.92vw, 0.92rem);
  font-variant-numeric: tabular-nums;
  overflow-wrap: anywhere;
}

.cash-drawer-count-summary strong.is-warning,
.cash-drawer-approval-facts strong.is-warning {
  color: var(--red);
}

.cash-drawer-denominations {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 8rem), 1fr));
  gap: 0.42rem;
}

.cash-drawer-denominations label {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(3.8rem, 0.7fr);
  align-items: center;
  gap: 0.22rem 0.42rem;
  padding: 0.48rem;
  border: 0.0625rem solid var(--line);
  border-radius: var(--radius-sm);
  background: rgba(255, 255, 255, 0.02);
}

.cash-drawer-denominations label > span {
  font-weight: 800;
  font-variant-numeric: tabular-nums;
}

.cash-drawer-denominations label > small {
  grid-column: 1 / -1;
  color: var(--muted);
  font-size: 0.62em;
}

.cash-drawer-denominations .field {
  min-block-size: 2.75rem;
  text-align: end;
  font-variant-numeric: tabular-nums;
}

.cash-drawer-count-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 0.48rem;
}

.cash-drawer-count-actions > span {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 0.42rem;
  margin-inline-end: auto;
  max-inline-size: 38rem;
  color: var(--muted);
}

.cash-drawer-count-actions svg {
  inline-size: 1rem;
  color: var(--gold-2);
}

.cash-drawer-approval-card,
.cash-drawer-complete-card {
  display: grid;
  gap: 0.72rem;
  padding: clamp(0.72rem, 1.2vw, 1.05rem);
}

.cash-drawer-approval-copy {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 0.7rem;
}

.cash-drawer-approval-copy p,
.cash-drawer-complete-card p {
  margin-block-start: 0.16rem;
  color: var(--muted);
  font-size: 0.74em;
  line-height: 1.45;
}

.cash-drawer-approval-facts {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.cash-drawer-approval-form {
  display: grid;
  grid-template-columns: minmax(10rem, 0.7fr) minmax(12rem, 1fr) auto;
  align-items: end;
  gap: 0.55rem;
}

.cash-drawer-approval-form label,
.cash-drawer-review-panel label {
  display: grid;
  gap: 0.28rem;
  color: var(--muted);
  font-size: 0.72em;
  font-weight: 750;
}

.cash-drawer-complete-card {
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
}

.cash-drawer-complete-icon {
  color: var(--green);
  background: rgba(38, 208, 111, 0.1);
}

.cash-drawer-complete-facts,
.cash-drawer-complete-actions {
  grid-column: 2;
}

.cash-drawer-complete-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.46rem;
}

.cash-drawer-review-overlay {
  position: fixed;
  inset: 0;
  z-index: 94;
  display: grid;
  place-items: center;
  padding: clamp(0.55rem, 2vw, 1.4rem);
  background: rgba(1, 4, 8, 0.78);
  backdrop-filter: blur(0.75rem);
}

.cash-drawer-review-panel {
  display: grid;
  inline-size: min(100%, 40rem);
  max-block-size: min(92dvh, 48rem);
  overflow: auto;
  border: 0.0625rem solid rgba(245, 168, 0, 0.34);
  border-radius: clamp(0.75rem, 1.5vw, 1.05rem);
  background: linear-gradient(145deg, #121c27, #080e16);
  box-shadow: 0 1.4rem 5rem rgba(0, 0, 0, 0.56);
}

.cash-drawer-review-panel > header,
.cash-drawer-review-panel > footer,
.cash-drawer-review-panel form > footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.65rem;
  padding: clamp(0.7rem, 1.3vw, 1rem);
}

.cash-drawer-review-panel > header {
  border-block-end: 0.0625rem solid var(--line);
}

.cash-drawer-review-panel > header > span {
  display: grid;
  gap: 0.16rem;
}

.cash-drawer-review-panel > header small {
  color: var(--gold-2);
  font-size: 0.64em;
  font-weight: 850;
  letter-spacing: 0.08em;
}

.cash-drawer-review-panel > header p {
  color: var(--muted);
  font-size: 0.72em;
  line-height: 1.4;
}

.cash-drawer-review-panel form {
  display: grid;
}

.cash-drawer-review-panel form > main {
  display: grid;
  gap: 0.68rem;
  padding: clamp(0.7rem, 1.3vw, 1rem);
}

.cash-drawer-review-panel > footer,
.cash-drawer-review-panel form > footer {
  justify-content: flex-end;
  flex-wrap: wrap;
  border-block-start: 0.0625rem solid var(--line);
}

.cash-drawer-reset-review {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 0.65rem;
  padding: clamp(0.8rem, 1.5vw, 1.1rem);
}

.cash-drawer-reset-review > span {
  display: grid;
  place-items: center;
  inline-size: 2.7rem;
  aspect-ratio: 1;
  border-radius: 50%;
  color: var(--red);
  background: rgba(255, 77, 95, 0.1);
}

.cash-drawer-reset-review strong,
.cash-drawer-reset-review small {
  display: block;
  overflow-wrap: anywhere;
}

.cash-drawer-reset-review small {
  margin-block-start: 0.14rem;
  color: var(--muted);
  font-size: 0.7em;
}

body.is-cash-drawer-review-open {
  overflow: hidden;
  overscroll-behavior: none;
}

@media (max-width: 72em) {
  .cash-drawer-main-grid {
    grid-template-columns: minmax(0, 1fr) minmax(min(100%, 19rem), 0.6fr);
  }

  .cash-drawer-action-grid {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 58em) {
  .cash-drawer-hero,
  .cash-drawer-main-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .cash-drawer-authority-proof,
  .cash-drawer-authority-gate-card {
    grid-template-columns: auto minmax(0, 1fr);
  }

  .cash-drawer-authority-proof > div:last-child,
  .cash-drawer-authority-gate-card > .button {
    grid-column: 2;
    justify-items: start;
    justify-self: stretch;
    text-align: start;
  }

  .cash-drawer-guidance {
    grid-template-columns: minmax(0, 1fr) minmax(11rem, auto);
  }

  .cash-drawer-guidance-facts {
    grid-column: 1 / -1;
  }

  .cash-drawer-guidance-cta {
    grid-column: 2;
    grid-row: 1;
  }

  .cash-drawer-hero-actions {
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: stretch;
  }

  .cash-drawer-flow {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .cash-drawer-metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .cash-drawer-side-grid {
    position: static;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .cash-drawer-action-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .cash-drawer-approval-form {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .cash-drawer-approval-form .button {
    grid-column: 1 / -1;
  }
}

@media (max-width: 42em) {
  .cash-drawer-authority-strip,
  .cash-drawer-guidance {
    grid-template-columns: minmax(0, 1fr);
  }

  .cash-drawer-authority-strip > span {
    border-inline-end: 0;
    border-block-end: 0.0625rem solid var(--line);
  }

  .cash-drawer-authority-strip > span:last-child {
    border-block-end: 0;
  }

  .cash-drawer-authority-proof,
  .cash-drawer-authority-gate-card {
    grid-template-columns: minmax(0, 1fr);
  }

  .cash-drawer-authority-proof > span,
  .cash-drawer-authority-proof > div:last-child,
  .cash-drawer-authority-gate-card > .cash-drawer-control-icon,
  .cash-drawer-authority-gate-card > .button {
    grid-column: auto;
    justify-self: start;
    text-align: start;
  }

  .cash-drawer-authority-gate-card > .button {
    inline-size: 100%;
  }

  .cash-drawer-authority-explainer summary {
    grid-template-columns: auto minmax(0, 1fr);
  }

  .cash-drawer-authority-explainer summary b {
    grid-column: 2;
    justify-self: start;
    white-space: normal;
  }

  .cash-drawer-authority-explainer > div {
    grid-template-columns: minmax(0, 1fr);
  }

  .cash-drawer-authority-explainer aside {
    grid-column: auto;
  }

  .cash-drawer-guidance-heading,
  .cash-drawer-guidance-facts,
  .cash-drawer-guidance-cta {
    grid-column: auto;
    grid-row: auto;
  }

  .cash-drawer-hero-actions,
  .cash-drawer-side-grid,
  .cash-drawer-approval-form {
    grid-template-columns: minmax(0, 1fr);
  }

  .cash-drawer-flow {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .cash-drawer-flow li:last-child {
    grid-column: 1 / -1;
  }

  .cash-drawer-action-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .cash-drawer-approval-copy {
    grid-template-columns: auto minmax(0, 1fr);
  }

  .cash-drawer-approval-copy > .tag {
    grid-column: 1 / -1;
    justify-self: start;
  }

  .cash-drawer-approval-facts {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .cash-drawer-review-overlay {
    place-items: end center;
    padding: 0;
    background: rgba(1, 4, 8, 0.7);
  }

  .cash-drawer-review-panel {
    inline-size: 100%;
    max-block-size: calc(94dvh - env(safe-area-inset-top));
    padding-block-end: env(safe-area-inset-bottom);
    border-radius: var(--radius-lg, 1rem) var(--radius-lg, 1rem) 0 0;
  }

  .cash-drawer-review-panel > footer .button,
  .cash-drawer-review-panel form > footer .button {
    flex: 1 1 9rem;
  }
}

@media (max-width: 30em) {
  .cash-drawer-hero-copy > div,
  .cash-drawer-count-actions,
  .cash-drawer-complete-actions {
    align-items: stretch;
    flex-direction: column;
  }

  .cash-drawer-mode {
    inline-size: 100%;
    border-radius: var(--radius-sm);
    line-height: 1.35;
  }

  .cash-drawer-flow {
    grid-template-columns: minmax(0, 1fr);
  }

  .cash-drawer-guidance-facts {
    grid-template-columns: minmax(0, 1fr);
  }

  .cash-drawer-guidance-cta {
    min-block-size: 3.75rem;
  }

  .cash-drawer-flow li:last-child {
    grid-column: auto;
  }

  .cash-drawer-flow li {
    min-block-size: 3.5rem;
  }

  .cash-drawer-metrics {
    gap: 0.34rem;
  }

  .cash-drawer-metrics article {
    grid-template-columns: minmax(0, 1fr);
    align-content: start;
  }

  .cash-drawer-metrics article > span {
    grid-row: auto;
    inline-size: 1.9rem;
  }

  .cash-drawer-ledger-row {
    grid-template-columns: auto minmax(0, 1fr);
  }

  .cash-drawer-ledger-row > b {
    grid-column: 2;
    justify-self: start;
    text-align: start;
  }

  .cash-drawer-ledger-card > footer {
    grid-template-columns: minmax(0, 1fr);
  }

  .cash-drawer-ledger-card > footer strong {
    text-align: start;
  }

  .cash-drawer-action-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .cash-drawer-action-grid button {
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    min-block-size: 3.4rem;
  }

  .cash-drawer-action-grid button > span {
    grid-row: 1 / 3;
  }

  .cash-drawer-count-summary,
  .cash-drawer-complete-facts,
  .cash-drawer-review-facts {
    grid-template-columns: minmax(0, 1fr);
  }

  .cash-drawer-denominations {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .cash-drawer-denominations label {
    grid-template-columns: minmax(0, 1fr);
  }

  .cash-drawer-denominations .field {
    inline-size: 100%;
    text-align: start;
  }

  .cash-drawer-complete-card {
    grid-template-columns: minmax(0, 1fr);
  }

  .cash-drawer-complete-facts,
  .cash-drawer-complete-actions {
    grid-column: auto;
  }

  .cash-drawer-complete-actions .button {
    inline-size: 100%;
  }
}

@media (max-width: 22em) {
  .cash-drawer-metrics,
  .cash-drawer-denominations,
  .cash-drawer-approval-facts {
    grid-template-columns: minmax(0, 1fr);
  }

  .cash-drawer-authority-detail dl > div {
    grid-template-columns: minmax(0, 1fr);
  }

  .cash-drawer-authority-detail dd {
    text-align: start;
  }
}

.cash-drawer-day-end {
  overflow: hidden;
  border: 0.0625rem solid var(--line);
  border-radius: var(--radius-md);
  background: linear-gradient(145deg, rgba(16, 24, 33, 0.98), rgba(9, 15, 23, 0.98));
}

.cash-drawer-day-end > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.7rem;
  padding: clamp(0.66rem, 1vw, 0.88rem);
  border-block-end: 0.0625rem solid var(--line);
}

.cash-drawer-day-end h3,
.cash-drawer-day-end p {
  margin: 0;
  overflow-wrap: anywhere;
}

.cash-drawer-day-end h3 {
  margin-block-start: 0.12rem;
  font-size: clamp(0.92rem, 1.1vw, 1.1rem);
}

.cash-drawer-day-end p {
  margin-block-start: 0.14rem;
  color: var(--muted);
  font-size: 0.7em;
}

.cash-drawer-day-end > div {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.cash-drawer-day-end-gate {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 0.12rem 0.5rem;
  min-block-size: clamp(5.3rem, 6vw, 6.4rem);
  padding: 0.65rem;
  border: 0;
  border-inline-end: 0.0625rem solid var(--line);
  color: var(--text);
  background: transparent;
  text-align: start;
}

.cash-drawer-day-end-gate:last-child {
  border-inline-end: 0;
}

.cash-drawer-day-end-gate:hover,
.cash-drawer-day-end-gate:focus-visible {
  background: rgba(245, 168, 0, 0.06);
}

.cash-drawer-day-end-gate > span:first-child {
  grid-row: 1 / 3;
  display: grid;
  place-items: center;
  inline-size: 1.75rem;
  aspect-ratio: 1;
  border-radius: 50%;
  color: var(--muted);
  background: rgba(100, 114, 133, 0.12);
  font-weight: 900;
}

.cash-drawer-day-end-gate.is-ready > span:first-child {
  color: var(--green);
  background: rgba(38, 208, 111, 0.1);
}

.cash-drawer-day-end-gate.is-warning > span:first-child,
.cash-drawer-day-end-gate.is-external > span:first-child {
  color: var(--gold-2);
  background: rgba(245, 168, 0, 0.1);
}

.cash-drawer-day-end-gate strong,
.cash-drawer-day-end-gate small,
.cash-drawer-day-end-gate b {
  display: block;
  overflow-wrap: anywhere;
}

.cash-drawer-day-end-gate strong {
  font-size: 0.73em;
}

.cash-drawer-day-end-gate small {
  margin-block-start: 0.12rem;
  color: var(--muted);
  font-size: 0.61em;
  line-height: 1.35;
}

.cash-drawer-day-end-gate > b {
  grid-column: 2;
  margin-block-start: 0.3rem;
  color: var(--gold-2);
  font-size: 0.6em;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.cash-drawer-day-end-gate.is-ready > b {
  color: var(--green);
}

@media (max-width: 72em) {
  .cash-drawer-day-end > div {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .cash-drawer-day-end-gate:nth-child(3n) {
    border-inline-end: 0;
  }

  .cash-drawer-day-end-gate:nth-child(n + 4) {
    border-block-start: 0.0625rem solid var(--line);
  }
}

@media (max-width: 42em) {
  .cash-drawer-day-end > div {
    grid-template-columns: minmax(0, 1fr);
  }

  .cash-drawer-day-end-gate,
  .cash-drawer-day-end-gate:nth-child(3n) {
    min-block-size: 4.5rem;
    border-inline-end: 0;
    border-block-start: 0.0625rem solid var(--line);
  }

  .cash-drawer-day-end-gate:first-child {
    border-block-start: 0;
  }
}

/* V71G-UX · KavPOS task-first cash workspace and progressive disclosure. */
.cash-drawer-workspace {
  max-inline-size: 140rem;
  gap: clamp(0.5rem, 0.8vw, 0.78rem);
}

.cash-drawer-guidance {
  grid-template-columns: minmax(0, 1fr) minmax(min(100%, 24rem), 0.54fr);
  align-items: stretch;
  gap: clamp(0.65rem, 1vw, 0.95rem);
  padding: clamp(0.72rem, 1.15vw, 1rem);
  border-color: rgba(245, 168, 0, 0.34);
  box-shadow: inset 0.18rem 0 0 var(--gold), 0 0.8rem 2.4rem rgba(0, 0, 0, 0.2);
}

.cash-drawer-guidance.is-authoritative {
  border-color: rgba(38, 208, 111, 0.3);
  box-shadow: inset 0.18rem 0 0 var(--green), 0 0.8rem 2.4rem rgba(0, 0, 0, 0.2);
}

.cash-drawer-mode-banner {
  grid-column: 1 / -1;
  display: flex;
  align-items: center;
  gap: 0.45rem;
  min-block-size: 2.6rem;
  padding: 0.46rem 0.62rem;
  border: 0.0625rem solid rgba(245, 168, 0, 0.22);
  border-radius: var(--radius-sm);
  color: var(--gold-2);
  background: rgba(245, 168, 0, 0.065);
}

.cash-drawer-mode-banner.is-live {
  border-color: rgba(38, 208, 111, 0.22);
  color: var(--green);
  background: rgba(38, 208, 111, 0.055);
}

.cash-drawer-mode-banner svg {
  flex: 0 0 auto;
  inline-size: 1rem;
}

.cash-drawer-mode-banner strong,
.cash-drawer-mode-banner small {
  overflow-wrap: anywhere;
}

.cash-drawer-mode-banner strong {
  font-size: clamp(0.78rem, 0.75vw, 0.88rem);
}

.cash-drawer-mode-banner small {
  color: var(--muted);
  font-size: clamp(0.75rem, 0.7vw, 0.82rem);
}

.cash-drawer-guidance-heading {
  grid-template-columns: auto minmax(0, 1fr);
  align-self: center;
  gap: clamp(0.62rem, 1vw, 0.9rem);
}

.cash-drawer-guidance-step {
  display: flex;
  align-items: baseline;
  justify-content: center;
  gap: 0.12rem;
  flex: 0 0 auto;
  min-inline-size: clamp(3.1rem, 4vw, 3.8rem);
  min-block-size: clamp(3.1rem, 4vw, 3.8rem);
  padding: 0.42rem;
  border: 0.0625rem solid rgba(245, 168, 0, 0.38);
  border-radius: var(--radius-md);
  color: #171007;
  background: var(--gold);
  box-shadow: 0 0 0 0.3rem rgba(245, 168, 0, 0.07);
}

.cash-drawer-guidance.is-authoritative .cash-drawer-guidance-step {
  color: var(--green);
  border-color: rgba(38, 208, 111, 0.28);
  background: rgba(38, 208, 111, 0.1);
  box-shadow: none;
}

.cash-drawer-guidance-step strong {
  font-size: clamp(1.15rem, 1.7vw, 1.5rem);
  line-height: 1;
}

.cash-drawer-guidance-step small {
  color: rgba(23, 16, 7, 0.68);
  font-size: clamp(0.72rem, 0.7vw, 0.8rem);
  font-weight: 700;
}

.cash-drawer-guidance.is-authoritative .cash-drawer-guidance-step svg {
  inline-size: 1.25rem;
}

.cash-drawer-guidance h2,
.cash-drawer-guidance p {
  margin: 0;
  overflow-wrap: anywhere;
}

.cash-drawer-guidance h2 {
  margin-block-start: 0.12rem;
  font-size: clamp(1.12rem, 1.55vw, 1.55rem);
  line-height: 1.18;
}

.cash-drawer-guidance p {
  margin-block-start: 0.24rem;
  max-inline-size: 56rem;
  color: var(--muted);
  font-size: clamp(0.8rem, 0.78vw, 0.9rem);
  line-height: 1.48;
}

.cash-drawer-guidance-actions {
  display: grid;
  align-content: center;
  gap: 0.48rem;
  min-inline-size: 0;
}

.cash-drawer-guidance-cta {
  min-block-size: 3rem;
  font-size: clamp(0.84rem, 0.8vw, 0.94rem);
  font-weight: 700;
}

.cash-drawer-reset {
  min-block-size: 2.75rem;
}

.cash-drawer-action-details {
  grid-column: 1 / -1;
  overflow: hidden;
  border-block-start: 0.0625rem solid rgba(168, 184, 204, 0.1);
}

.cash-drawer-action-details > summary {
  display: flex;
  align-items: center;
  inline-size: fit-content;
  min-block-size: 2.75rem;
  padding: 0.42rem 0.2rem;
  color: var(--gold-2);
  cursor: pointer;
  font-size: clamp(0.76rem, 0.72vw, 0.84rem);
  font-weight: 700;
  list-style: none;
}

.cash-drawer-action-details > summary::-webkit-details-marker,
.cash-drawer-disclosure > summary::-webkit-details-marker,
.cash-drawer-support-details > summary::-webkit-details-marker,
.cash-drawer-ledger-more > summary::-webkit-details-marker {
  display: none;
}

.cash-drawer-action-details[open] > summary {
  color: var(--green);
}

.cash-drawer-action-details .cash-drawer-guidance-facts {
  margin-block-end: 0.18rem;
}

.cash-drawer-guidance-facts > div {
  min-block-size: auto;
}

.cash-drawer-guidance-facts dt,
.cash-drawer-guidance-facts dd {
  font-size: clamp(0.74rem, 0.68vw, 0.82rem);
}

.cash-drawer-metrics {
  gap: clamp(0.38rem, 0.65vw, 0.56rem);
}

.cash-drawer-secondary-metrics,
.cash-drawer-secondary-metrics > div {
  display: contents;
}

.cash-drawer-metrics article {
  min-block-size: clamp(4.4rem, 5vw, 5.25rem);
  padding: clamp(0.55rem, 0.78vw, 0.72rem);
  background: linear-gradient(145deg, rgba(17, 26, 36, 0.96), rgba(9, 15, 23, 0.96));
}

.cash-drawer-metrics small,
.cash-drawer-metrics em {
  font-size: clamp(0.74rem, 0.68vw, 0.8rem);
}

.cash-drawer-metrics strong {
  font-size: clamp(0.98rem, 1.18vw, 1.2rem);
}

.cash-drawer-main-grid.is-ledger-only {
  grid-template-columns: minmax(0, 1fr);
}

.cash-drawer-empty {
  min-block-size: clamp(10rem, 23vh, 16rem);
}

.cash-drawer-ledger-row small,
.cash-drawer-control-card > p,
.cash-drawer-control-card > small,
.cash-drawer-readiness-list small,
.cash-drawer-readiness-list strong,
.cash-drawer-authority-detail dt,
.cash-drawer-authority-detail dd,
.cash-drawer-day-end-gate small {
  font-size: clamp(0.74rem, 0.68vw, 0.82rem);
}

.cash-drawer-ledger-row code {
  font-size: clamp(0.7rem, 0.64vw, 0.76rem);
}

.cash-drawer-disclosure {
  overflow: hidden;
  border: 0.0625rem solid var(--line);
  border-radius: var(--radius-md);
  background: linear-gradient(145deg, rgba(15, 23, 32, 0.96), rgba(8, 14, 21, 0.96));
}

.cash-drawer-disclosure > summary {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 0.58rem;
  min-block-size: 3.5rem;
  padding: 0.58rem 0.72rem;
  color: var(--text);
  cursor: pointer;
  list-style: none;
}

.cash-drawer-disclosure > summary:hover {
  background: rgba(245, 168, 0, 0.045);
}

.cash-drawer-disclosure-icon {
  display: grid;
  place-items: center;
  inline-size: 2.15rem;
  aspect-ratio: 1;
  border-radius: var(--radius-sm);
  color: var(--gold-2);
  background: rgba(245, 168, 0, 0.09);
}

.cash-drawer-disclosure-icon svg {
  inline-size: 1rem;
}

.cash-drawer-disclosure > summary > span:nth-child(2) {
  display: grid;
  gap: 0.08rem;
  min-inline-size: 0;
}

.cash-drawer-disclosure > summary small,
.cash-drawer-disclosure > summary strong,
.cash-drawer-disclosure > summary b {
  overflow-wrap: anywhere;
}

.cash-drawer-disclosure > summary small {
  color: var(--muted);
  font-size: clamp(0.72rem, 0.66vw, 0.78rem);
  font-weight: 700;
  letter-spacing: 0.04em;
}

.cash-drawer-disclosure > summary strong {
  font-size: clamp(0.82rem, 0.78vw, 0.92rem);
}

.cash-drawer-disclosure > summary b {
  color: var(--gold-2);
  font-size: clamp(0.74rem, 0.68vw, 0.8rem);
  text-align: end;
}

.when-open {
  display: none;
}

details[open] > summary .when-closed {
  display: none;
}

details[open] > summary .when-open {
  display: inline;
}

.cash-drawer-workflow-disclosure > div,
.cash-drawer-private-details > div,
.cash-drawer-authority-details > div {
  padding: 0.72rem;
  border-block-start: 0.0625rem solid var(--line);
}

.cash-drawer-safety-content,
.cash-drawer-authority-details-content {
  display: grid;
  gap: 0.62rem;
  padding: 0.72rem;
  border-block-start: 0.0625rem solid var(--line);
}

.cash-drawer-disclosure:not([open]) > :not(summary) {
  display: none;
}

.cash-drawer-support-details {
  border-block-start: 0.0625rem solid var(--line);
}

.cash-drawer-support-details > summary,
.cash-drawer-ledger-more > summary {
  display: flex;
  align-items: center;
  min-block-size: 2.75rem;
  padding: 0.48rem 0.68rem;
  color: var(--muted);
  cursor: pointer;
  font-size: clamp(0.74rem, 0.68vw, 0.8rem);
  font-weight: 700;
  list-style: none;
}

.cash-drawer-support-details[open] > summary,
.cash-drawer-ledger-more[open] > summary {
  color: var(--gold-2);
}

.cash-drawer-ledger-more {
  border-block-start: 0.0625rem solid var(--line);
}

.cash-drawer-ledger-more > summary {
  justify-content: center;
}

.cash-drawer-technical-note {
  display: grid;
  gap: 0.16rem;
  padding: 0.68rem;
  border: 0.0625rem solid rgba(49, 196, 215, 0.18);
  border-radius: var(--radius-sm);
  background: rgba(49, 196, 215, 0.045);
}

.cash-drawer-technical-note small {
  color: var(--muted);
  font-size: clamp(0.74rem, 0.68vw, 0.82rem);
  line-height: 1.45;
}

.cash-drawer-day-end > summary {
  border-block-end: 0;
}

.cash-drawer-day-end[open] > summary {
  border-block-end: 0.0625rem solid var(--line);
}

.cash-drawer-day-end-content {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.cash-drawer-workspace :is(button, summary, input, select, textarea) {
  min-block-size: 2.75rem;
}

.cash-drawer-review-panel :is(button, input, select, textarea) {
  min-block-size: 2.75rem;
}

.cash-drawer-review-panel .icon-button {
  min-inline-size: 2.75rem;
}

.cash-drawer-workspace :is(button, summary, input, select, textarea):focus-visible,
.cash-drawer-review-panel :is(button, input, select, textarea):focus-visible {
  outline: 0.125rem solid rgba(245, 168, 0, 0.9);
  outline-offset: 0.125rem;
}

.cash-drawer-authority-explainer summary:focus-visible {
  outline: 0.125rem solid rgba(245, 168, 0, 0.9);
  outline-offset: -0.125rem;
}

@media (max-width: 72em) {
  .cash-drawer-day-end-content {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 58em) {
  .cash-drawer-guidance {
    grid-template-columns: minmax(0, 1fr);
  }

  .cash-drawer-mode-banner,
  .cash-drawer-guidance-heading,
  .cash-drawer-guidance-actions,
  .cash-drawer-action-details {
    grid-column: auto;
    grid-row: auto;
  }

  .cash-drawer-guidance-actions {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }

  .cash-drawer-guidance-actions .cash-drawer-status {
    grid-column: 1 / -1;
  }

  .cash-drawer-main-grid:not(.is-ledger-only) .cash-drawer-side-grid {
    order: -1;
  }
}

@media (max-width: 42em) {
  body.is-cash-drawer-view .topbar {
    grid-template-columns: auto minmax(0, 1fr) auto;
    grid-template-areas: "menu title actions";
  }

  body.is-cash-drawer-view .top-actions {
    grid-area: actions;
    display: flex;
    gap: 0.24rem;
    inline-size: auto;
  }

  body.is-cash-drawer-view .top-actions > .action-wrap:nth-child(3),
  body.is-cash-drawer-view .top-actions > .action-wrap:nth-child(5) {
    display: none;
  }

  body.is-cash-drawer-view .top-actions .action-wrap,
  body.is-cash-drawer-view .top-actions > .icon-button {
    inline-size: var(--control);
  }

  .cash-drawer-mode-banner small {
    display: none;
  }

  .cash-drawer-guidance-actions {
    grid-template-columns: minmax(0, 1fr);
  }

  .cash-drawer-guidance-actions .cash-drawer-status {
    grid-column: auto;
  }

  .cash-drawer-guidance-cta {
    order: -1;
    min-block-size: 3.15rem;
  }

  .cash-drawer-guidance-facts,
  .cash-drawer-day-end-content {
    grid-template-columns: minmax(0, 1fr);
  }

  .cash-drawer-disclosure > summary {
    grid-template-columns: auto minmax(0, 1fr);
  }

  .cash-drawer-disclosure > summary b {
    grid-column: 2;
    justify-self: start;
    text-align: start;
  }
}

@media (max-width: 30em) {
  .cash-drawer-guidance {
    gap: 0.52rem;
    padding: 0.62rem;
  }

  .cash-drawer-guidance-heading {
    align-items: start;
  }

  .cash-drawer-guidance-step {
    min-inline-size: 2.8rem;
    min-block-size: 2.8rem;
  }

  .cash-drawer-guidance h2 {
    font-size: clamp(1.05rem, 5vw, 1.25rem);
  }

  .cash-drawer-metrics,
  .cash-drawer-workspace .cash-drawer-metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .cash-drawer-metrics article {
    grid-template-columns: auto minmax(0, 1fr);
    align-content: center;
    min-block-size: 4.4rem;
  }

  .cash-drawer-metrics article > span {
    grid-row: 1 / 4;
    inline-size: 1.8rem;
  }

  .cash-drawer-metrics small,
  .cash-drawer-metrics em {
    font-size: clamp(0.7rem, 3.2vw, 0.76rem);
  }

  .cash-drawer-metrics strong {
    font-size: clamp(0.88rem, 4vw, 1.02rem);
  }

  .cash-drawer-flow {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 22em) {
  .cash-drawer-workspace .cash-drawer-metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .cash-drawer-metrics article {
    grid-template-columns: minmax(0, 1fr);
  }

  .cash-drawer-metrics article > span {
    grid-row: auto;
  }
}

@media (prefers-reduced-motion: reduce) {
  .cash-drawer-workspace *,
  .cash-drawer-workspace *::before,
  .cash-drawer-workspace *::after {
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
  }
}

/* V71D-B · PHONE/DELIVERY maskeli teslimat güvenliği. */
.quick-channel-option.is-preview,
.quick-channel-option.is-preview:hover,
.quick-channel-option.is-preview:focus-visible {
  border-color: rgba(66, 153, 225, 0.4);
  color: var(--text);
  background: linear-gradient(135deg, rgba(66, 153, 225, 0.105), rgba(7, 13, 20, 0.76));
  cursor: pointer;
  opacity: 1;
}

.quick-channel-option.is-preview:focus-visible {
  outline: 0.125rem solid rgba(245, 168, 0, 0.82);
  outline-offset: 0.125rem;
}

.quick-channel-option.is-preview .quick-channel-icon {
  color: #9bd1ff;
  background: rgba(66, 153, 225, 0.12);
}

.quick-channel-option.is-preview .quick-channel-check {
  max-inline-size: 5.5rem;
  padding: 0.16rem 0.34rem;
  border: 0.0625rem solid rgba(66, 153, 225, 0.32);
  border-radius: 999rem;
  color: #9bd1ff;
  background: rgba(66, 153, 225, 0.09);
  font-size: 0.62em;
  line-height: 1.2;
  text-align: center;
  overflow-wrap: anywhere;
}

.quick-channel-option.is-synthetic,
.quick-channel-option.is-synthetic:hover,
.quick-channel-option.is-synthetic:focus-visible {
  border-color: rgba(245, 168, 0, 0.58);
  background:
    linear-gradient(135deg, rgba(245, 168, 0, 0.13), rgba(66, 153, 225, 0.09) 62%),
    rgba(7, 13, 20, 0.78);
  box-shadow: 0 0 0 0.0625rem rgba(66, 153, 225, 0.12) inset;
}

.quick-fulfillment-summary.is-synthetic,
.quick-payment-prep.is-synthetic,
.quick-operation-panel.is-synthetic {
  border-color: rgba(66, 153, 225, 0.34);
  background:
    linear-gradient(145deg, rgba(66, 153, 225, 0.09), rgba(7, 13, 20, 0.84) 58%),
    rgba(7, 13, 20, 0.82);
}

.search.is-synthetic-locked {
  border-color: rgba(66, 153, 225, 0.34);
  color: #8fc7ff;
  background: rgba(66, 153, 225, 0.07);
}

.search.is-synthetic-locked input:disabled {
  color: var(--muted);
  cursor: not-allowed;
  opacity: 1;
}

.quick-sale-synthetic-input-lock {
  margin: 0;
  padding: clamp(0.5rem, 0.75vw, 0.68rem);
  border: 0.0625rem solid rgba(66, 153, 225, 0.24);
  border-radius: var(--radius-sm);
  color: var(--muted);
  background: rgba(66, 153, 225, 0.055);
  font-size: clamp(0.7rem, 0.66rem + 0.12vw, 0.78rem);
  line-height: 1.45;
  overflow-wrap: anywhere;
}

.catalog-empty.is-synthetic {
  border-color: rgba(66, 153, 225, 0.34);
  background: rgba(66, 153, 225, 0.055);
}

.quick-sale-channel-preview-overlay {
  position: fixed;
  inset: 0;
  z-index: 184;
  display: grid;
  place-items: center;
  inline-size: 100%;
  block-size: 100%;
  min-inline-size: 0;
  padding: clamp(0.58rem, 2vw, 1.25rem);
  border: 0;
  background: rgba(1, 4, 8, 0.82);
  backdrop-filter: blur(0.42rem);
}

.quick-sale-channel-preview-panel {
  position: fixed;
  inset: 50% auto auto 50%;
  z-index: 185;
  display: grid;
  grid-template-rows: auto minmax(0, 1fr) auto;
  inline-size: min(calc(100vw - 2rem), 46rem);
  max-inline-size: 100%;
  max-block-size: min(calc(100dvh - 2rem), 56rem);
  min-inline-size: 0;
  border: 0.0625rem solid rgba(66, 153, 225, 0.42);
  border-radius: var(--radius-lg);
  background:
    radial-gradient(circle at 100% 0%, rgba(66, 153, 225, 0.15), transparent 20rem),
    linear-gradient(155deg, rgba(25, 33, 43, 0.99), rgba(7, 12, 19, 0.995));
  box-shadow:
    0 1.5rem 5rem rgba(0, 0, 0, 0.68),
    0 0 0 0.0625rem rgba(245, 168, 0, 0.07) inset;
  overflow: hidden;
  transform: translate(-50%, -50%);
}

.quick-sale-channel-preview-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: clamp(0.48rem, 1vw, 0.78rem);
  min-inline-size: 0;
  padding: clamp(0.72rem, 1.2vw, 1rem);
  border-block-end: 0.0625rem solid rgba(168, 184, 204, 0.11);
}

.quick-sale-channel-preview-head > span:nth-child(2) {
  display: grid;
  flex: 1 1 auto;
  gap: 0.08rem;
  min-inline-size: 0;
}

.quick-sale-channel-preview-head h2,
.quick-sale-channel-preview-head small {
  max-inline-size: 100%;
  overflow-wrap: anywhere;
}

.quick-sale-channel-preview-copy {
  display: grid;
  gap: 0.12rem;
  min-inline-size: 0;
}

.quick-sale-channel-preview-copy h2,
.quick-sale-channel-preview-copy p,
.quick-sale-channel-preview-copy strong,
.quick-sale-channel-preview-copy small {
  max-inline-size: 100%;
  overflow-wrap: anywhere;
}

.quick-sale-channel-preview-copy h2 {
  font-size: clamp(1.12rem, 0.95rem + 0.62vw, 1.55rem);
}

.quick-sale-channel-preview-copy p {
  color: var(--muted);
  font-size: clamp(0.72rem, 0.68rem + 0.12vw, 0.8rem);
  line-height: 1.45;
}

.quick-sale-channel-preview-copy,
.quick-sale-channel-preview-body,
.quick-sale-channel-preview-panel > main {
  display: grid;
  align-content: start;
  gap: clamp(0.52rem, 0.9vw, 0.78rem);
  min-inline-size: 0;
  max-inline-size: 100%;
  padding: clamp(0.72rem, 1.2vw, 1rem);
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-width: thin;
}

.quick-sale-channel-preview-copy {
  grid-auto-rows: max-content;
}

.quick-sale-channel-preview-boundary,
.quick-sale-channel-preview-lock {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 0.48rem;
  min-inline-size: 0;
  max-inline-size: 100%;
  padding: clamp(0.52rem, 0.84vw, 0.72rem);
  border: 0.0625rem solid rgba(66, 153, 225, 0.34);
  border-radius: var(--radius-md);
  color: #9bd1ff;
  background: rgba(66, 153, 225, 0.075);
}

.quick-sale-channel-preview-boundary.is-production-locked,
.quick-sale-channel-preview-lock {
  border-color: rgba(255, 77, 95, 0.34);
  color: var(--red);
  background: rgba(255, 77, 95, 0.07);
}

.quick-sale-channel-preview-boundary > span,
.quick-sale-channel-preview-lock > span {
  display: grid;
  gap: 0.08rem;
  min-inline-size: 0;
}

.quick-sale-channel-preview-boundary strong,
.quick-sale-channel-preview-boundary small,
.quick-sale-channel-preview-lock strong,
.quick-sale-channel-preview-lock small {
  max-inline-size: 100%;
  overflow-wrap: anywhere;
}

.quick-sale-channel-preview-boundary small,
.quick-sale-channel-preview-lock small {
  color: var(--muted);
  font-size: 0.7em;
  line-height: 1.42;
}

.quick-sale-channel-preview-facts {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(0.3rem, 0.62vw, 0.48rem);
  min-inline-size: 0;
  max-inline-size: 100%;
}

.quick-sale-channel-preview-fact {
  display: grid;
  gap: 0.1rem;
  min-inline-size: 0;
  padding: clamp(0.48rem, 0.76vw, 0.64rem);
  border: 0.0625rem solid rgba(66, 153, 225, 0.18);
  border-radius: var(--radius-sm);
  background: rgba(5, 10, 16, 0.5);
}

.quick-sale-channel-preview-fact small {
  color: var(--muted);
  font-size: 0.66em;
}

.quick-sale-channel-preview-fact strong {
  color: var(--gold-2);
  font-size: clamp(0.76rem, 0.7rem + 0.18vw, 0.9rem);
  overflow-wrap: anywhere;
}

.quick-sale-channel-preview-timeline {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: clamp(0.24rem, 0.5vw, 0.4rem);
  min-inline-size: 0;
  max-inline-size: 100%;
}

.quick-sale-channel-preview-step {
  display: grid;
  justify-items: center;
  align-content: start;
  gap: 0.14rem;
  min-inline-size: 0;
  min-block-size: 4.25rem;
  padding: 0.42rem 0.22rem;
  border: 0.0625rem solid rgba(168, 184, 204, 0.12);
  border-radius: var(--radius-sm);
  color: var(--muted);
  background: rgba(5, 10, 16, 0.52);
  text-align: center;
}

.quick-sale-channel-preview-step.is-current {
  border-color: rgba(245, 168, 0, 0.38);
  color: var(--gold-2);
  background: rgba(245, 168, 0, 0.08);
}

.quick-sale-channel-preview-step.is-done {
  border-color: rgba(66, 153, 225, 0.3);
  color: #9bd1ff;
  background: rgba(66, 153, 225, 0.07);
}

.quick-sale-channel-preview-step i {
  display: grid;
  place-items: center;
  inline-size: clamp(1.45rem, 2vw, 1.8rem);
  aspect-ratio: 1;
  border: 0.0625rem solid currentColor;
  border-radius: 999rem;
  font-size: 0.68em;
  font-style: normal;
  font-weight: 850;
}

.quick-sale-channel-preview-step strong,
.quick-sale-channel-preview-step small {
  max-inline-size: 100%;
  font-size: clamp(0.58rem, 0.54rem + 0.12vw, 0.7rem);
  line-height: 1.25;
  overflow-wrap: anywhere;
}

.quick-sale-channel-preview-step small {
  color: inherit;
  opacity: 0.8;
}

.quick-sale-channel-preview-actions {
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 0.48rem;
  min-inline-size: 0;
  padding: clamp(0.72rem, 1.2vw, 1rem);
  border-block-start: 0.0625rem solid rgba(168, 184, 204, 0.11);
  background: rgba(7, 12, 19, 0.94);
}

.quick-sale-channel-preview-actions .button,
.quick-sale-channel-preview-head .icon-button {
  min-block-size: 2.75rem;
}

.quick-sale-channel-preview-head .icon-button {
  flex: 0 0 auto;
  min-inline-size: 2.75rem;
}

.quick-sale-channel-preview-actions .button {
  flex: 0 1 12rem;
  min-inline-size: min(100%, 10rem);
  white-space: normal;
}

body.is-quick-sale-channel-preview-open {
  overflow: hidden;
}

/* V71D-B desktop security workspace widens without becoming a 4K wall. */
.quick-sale-channel-preview-panel {
  inline-size: min(calc(100vw - 2rem), 58rem);
}

.quick-sale-channel-security-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(14rem, 0.8fr);
  gap: clamp(0.52rem, 0.9vw, 0.78rem);
  min-inline-size: 0;
  max-inline-size: 100%;
}

.quick-sale-channel-operation-card,
.quick-sale-channel-readiness,
.quick-sale-channel-boundaries,
.quick-sale-channel-lifecycle,
.quick-sale-channel-permissions {
  display: grid;
  align-content: start;
  gap: clamp(0.42rem, 0.72vw, 0.62rem);
  min-inline-size: 0;
  max-inline-size: 100%;
  padding: clamp(0.52rem, 0.84vw, 0.72rem);
  border: 0.0625rem solid rgba(168, 184, 204, 0.12);
  border-radius: var(--radius-md);
  background: rgba(4, 9, 15, 0.48);
  overflow: hidden;
}

.quick-sale-channel-operation-card {
  border-color: rgba(66, 153, 225, 0.24);
  background:
    linear-gradient(145deg, rgba(66, 153, 225, 0.085), rgba(4, 9, 15, 0.62)),
    rgba(4, 9, 15, 0.54);
}

.quick-sale-channel-operation-card > header,
.quick-sale-channel-readiness > header,
.quick-sale-channel-section-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.48rem;
  min-inline-size: 0;
}

.quick-sale-channel-operation-card > header > span:first-child,
.quick-sale-channel-readiness > header,
.quick-sale-channel-section-head > span:first-child {
  display: grid;
  gap: 0.08rem;
  min-inline-size: 0;
}

.quick-sale-channel-operation-card header small,
.quick-sale-channel-readiness header small,
.quick-sale-channel-section-head small {
  color: var(--muted);
  font-size: 0.66em;
  letter-spacing: 0.055em;
  text-transform: uppercase;
}

.quick-sale-channel-operation-card header strong,
.quick-sale-channel-readiness header strong,
.quick-sale-channel-section-head strong {
  overflow-wrap: anywhere;
}

.quick-sale-channel-readiness-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(0.3rem, 0.58vw, 0.46rem);
  min-inline-size: 0;
}

.quick-sale-channel-readiness-item {
  display: grid;
  align-content: start;
  gap: 0.18rem;
  min-inline-size: 0;
  padding: clamp(0.42rem, 0.64vw, 0.54rem);
  border: 0.0625rem solid rgba(168, 184, 204, 0.13);
  border-radius: var(--radius-sm);
  background: rgba(5, 10, 16, 0.58);
}

.quick-sale-channel-readiness-item > span {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 0.22rem;
  min-inline-size: 0;
}

.quick-sale-channel-readiness-item small {
  color: var(--muted);
  font-size: 0.64em;
  line-height: 1.35;
  overflow-wrap: anywhere;
}

.quick-sale-channel-readiness-item strong {
  font-size: clamp(0.65rem, 0.62rem + 0.1vw, 0.74rem);
  overflow-wrap: anywhere;
}

.quick-sale-channel-readiness-item.is-ready {
  border-color: rgba(38, 208, 111, 0.3);
}

.quick-sale-channel-readiness-item.is-ready strong {
  color: var(--green);
}

.quick-sale-channel-readiness-item.is-pending {
  border-color: rgba(245, 168, 0, 0.28);
}

.quick-sale-channel-readiness-item.is-pending strong {
  color: var(--gold-2);
}

.quick-sale-channel-readiness-item.is-closed {
  border-color: rgba(255, 77, 95, 0.3);
}

.quick-sale-channel-readiness-item.is-closed strong {
  color: var(--red);
}

.quick-sale-channel-boundary-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: clamp(0.3rem, 0.58vw, 0.46rem);
  min-inline-size: 0;
  max-inline-size: 100%;
}

.quick-sale-channel-boundary-card {
  display: grid;
  align-content: start;
  gap: 0.14rem;
  min-inline-size: 0;
  padding: clamp(0.42rem, 0.64vw, 0.54rem);
  border: 0.0625rem solid rgba(66, 153, 225, 0.2);
  border-radius: var(--radius-sm);
  background: rgba(66, 153, 225, 0.055);
}

.quick-sale-channel-boundary-card small {
  color: var(--muted);
  font-size: 0.64em;
  text-transform: uppercase;
}

.quick-sale-channel-boundary-card strong {
  color: #9bd1ff;
  font-size: clamp(0.68rem, 0.64rem + 0.12vw, 0.78rem);
  overflow-wrap: anywhere;
}

.quick-sale-channel-boundary-card > span {
  color: var(--muted);
  font-size: 0.64em;
  line-height: 1.38;
  overflow-wrap: anywhere;
}

.quick-sale-channel-security-toggle {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 0.52rem;
  inline-size: 100%;
  min-inline-size: 0;
  min-block-size: 2.75rem;
  padding: clamp(0.48rem, 0.76vw, 0.64rem);
  border: 0.0625rem solid rgba(245, 168, 0, 0.3);
  border-radius: var(--radius-sm);
  color: var(--text);
  background: rgba(245, 168, 0, 0.07);
  text-align: start;
}

.quick-sale-channel-security-toggle:hover,
.quick-sale-channel-security-toggle:focus-visible {
  border-color: rgba(245, 168, 0, 0.62);
  outline: 0.125rem solid rgba(245, 168, 0, 0.34);
  outline-offset: 0.125rem;
}

.quick-sale-channel-security-toggle > span:nth-child(2) {
  display: grid;
  gap: 0.08rem;
  min-inline-size: 0;
}

.quick-sale-channel-security-toggle small {
  color: var(--muted);
  font-size: 0.68em;
  overflow-wrap: anywhere;
}

.quick-sale-channel-security-toggle > span:last-child {
  display: grid;
  place-items: center;
  inline-size: 1.65rem;
  aspect-ratio: 1;
  border-radius: 999rem;
  color: var(--gold-2);
  background: rgba(245, 168, 0, 0.11);
  font-weight: 900;
}

.quick-sale-channel-security-matrix {
  display: grid;
  gap: 0.48rem;
  min-inline-size: 0;
  max-inline-size: 100%;
  padding-block-start: 0.18rem;
}

.quick-sale-channel-security-matrix[hidden] {
  display: none;
}

.quick-sale-channel-permission-grid {
  display: grid;
  gap: 0.3rem;
  min-inline-size: 0;
}

.quick-sale-channel-permission-row {
  display: grid;
  grid-template-columns: minmax(7rem, 0.72fr) minmax(6rem, 0.62fr) auto minmax(10rem, 1.5fr);
  align-items: center;
  gap: 0.42rem;
  min-inline-size: 0;
  padding: 0.42rem;
  border: 0.0625rem solid rgba(168, 184, 204, 0.11);
  border-radius: var(--radius-sm);
  background: rgba(4, 9, 15, 0.55);
}

.quick-sale-channel-permission-row code {
  min-inline-size: 0;
  color: #9bd1ff;
  font-size: 0.72em;
  overflow-wrap: anywhere;
}

.quick-sale-channel-permission-row strong,
.quick-sale-channel-permission-row small {
  min-inline-size: 0;
  overflow-wrap: anywhere;
}

.quick-sale-channel-permission-row strong {
  font-size: 0.72em;
}

.quick-sale-channel-permission-row small {
  color: var(--muted);
  font-size: 0.66em;
  line-height: 1.35;
}

[data-pos-channel-target]:focus,
[data-pos-products]:focus,
[data-pos-cart-target]:focus,
[data-pos-order-review]:focus,
[data-quick-payment-workspace]:focus,
[data-quick-fulfillment-summary]:focus {
  outline: 0.125rem solid rgba(245, 168, 0, 0.78);
  outline-offset: 0.18rem;
  scroll-margin-block: calc(var(--top) + 1rem);
}

@media (max-width: 42em) {
  .quick-sale-channel-preview-overlay {
    place-items: end stretch;
    padding: 0;
    background: rgba(1, 4, 8, 0.74);
  }

  .quick-sale-channel-preview-panel {
    inset: auto 0 0;
    inline-size: 100%;
    max-block-size: min(94dvh, 56rem);
    border-radius: var(--radius-lg) var(--radius-lg) 0 0;
    transform: none;
  }

  .quick-sale-channel-security-layout {
    grid-template-columns: minmax(0, 1fr);
  }

  .quick-sale-channel-boundary-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .quick-sale-channel-permission-row {
    grid-template-columns: minmax(6.5rem, 0.8fr) minmax(0, 1fr) auto;
  }

  .quick-sale-channel-permission-row small {
    grid-column: 1 / -1;
  }

  .quick-sale-channel-preview-facts {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .quick-sale-channel-preview-timeline {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .quick-sale-channel-preview-actions {
    padding-block-end: max(clamp(0.72rem, 1.2vw, 1rem), env(safe-area-inset-bottom));
  }

  .quick-sale-channel-preview-actions .button {
    flex: 1 1 10rem;
  }
}

@media (max-width: 30em) {
  .quick-sale-channel-preview-head {
    align-items: flex-start;
  }

  .quick-sale-channel-preview-boundary,
  .quick-sale-channel-preview-lock {
    grid-template-columns: auto minmax(0, 1fr);
  }

  .quick-sale-channel-preview-boundary > :last-child:not(:nth-child(2)),
  .quick-sale-channel-preview-lock > :last-child:not(:nth-child(2)) {
    grid-column: 2;
    justify-self: start;
  }

  .quick-sale-channel-preview-facts,
  .quick-sale-channel-preview-timeline,
  .quick-sale-channel-readiness-grid,
  .quick-sale-channel-boundary-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .quick-sale-channel-section-head,
  .quick-sale-channel-operation-card > header {
    align-items: flex-start;
    flex-wrap: wrap;
  }

  .quick-sale-channel-permission-row {
    grid-template-columns: minmax(0, 1fr) auto;
  }

  .quick-sale-channel-permission-row strong,
  .quick-sale-channel-permission-row small {
    grid-column: 1 / -1;
  }

  .quick-sale-channel-preview-step {
    grid-template-columns: auto minmax(0, 1fr);
    justify-items: start;
    align-items: center;
    min-block-size: 2.75rem;
    text-align: start;
  }

  .quick-sale-channel-preview-actions .button {
    flex-basis: 100%;
    inline-size: 100%;
  }
}

/* V71B · KavPOS-aligned KDS operator workspace */
.kds-workspace {
  display: grid;
  gap: var(--gap);
  min-inline-size: 0;
  max-inline-size: 100%;
}

.kds-workspace-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: clamp(0.62rem, 1vw, 1rem);
  padding: var(--pad);
  border-color: rgba(245, 168, 0, 0.24);
  background:
    linear-gradient(112deg, rgba(245, 168, 0, 0.12), rgba(12, 18, 27, 0.9) 42%),
    radial-gradient(circle at 100% 0%, rgba(245, 168, 0, 0.09), transparent 18rem);
}

.kds-head-copy {
  display: grid;
  gap: 0.26rem;
  min-inline-size: 0;
}

.kds-head-copy h2,
.kds-head-copy p {
  margin: 0;
  overflow-wrap: anywhere;
}

.kds-head-copy h2 {
  color: var(--text);
  font-size: clamp(1.12rem, 0.72rem + 1vw, 1.68rem);
  line-height: 1.08;
}

.kds-head-copy p {
  max-inline-size: 58rem;
  color: var(--muted);
  line-height: 1.45;
}

.kds-head-actions,
.dining-kds-head-actions {
  display: flex;
  align-items: center;
  justify-content: end;
  flex-wrap: wrap;
  gap: 0.42rem;
  min-inline-size: 0;
}

.kds-live-boundary {
  display: grid;
  grid-template-columns: auto minmax(12rem, 1.25fr) minmax(12rem, 0.75fr) auto;
  align-items: center;
  gap: clamp(0.5rem, 0.9vw, 0.82rem);
  padding: var(--pad);
  border-color: rgba(255, 138, 42, 0.28);
  background: linear-gradient(110deg, rgba(255, 138, 42, 0.08), rgba(12, 18, 27, 0.92));
}

.kds-live-boundary.is-offline {
  border-color: rgba(255, 77, 95, 0.28);
  background: linear-gradient(110deg, rgba(255, 77, 95, 0.08), rgba(12, 18, 27, 0.92));
}

.kds-live-icon {
  display: grid;
  place-items: center;
  inline-size: clamp(2.4rem, 3.4vw, 3rem);
  aspect-ratio: 1;
  border: 0.0625rem solid rgba(255, 138, 42, 0.32);
  border-radius: var(--radius-sm);
  color: var(--orange);
  background: rgba(255, 138, 42, 0.1);
}

.kds-live-copy,
.kds-live-contract {
  display: grid;
  gap: 0.1rem;
  min-inline-size: 0;
}

.kds-live-copy small,
.kds-live-contract small {
  color: var(--muted);
  font-size: 0.72em;
  line-height: 1.38;
  overflow-wrap: anywhere;
}

.kds-live-copy > small {
  color: var(--orange);
  font-weight: 820;
  letter-spacing: 0.08em;
}

.kds-live-copy strong,
.kds-live-copy span,
.kds-live-contract b {
  overflow-wrap: anywhere;
}

.kds-live-copy > span {
  color: var(--muted);
  font-size: 0.78em;
  line-height: 1.42;
}

.kds-live-contract {
  padding-inline-start: clamp(0.5rem, 0.9vw, 0.8rem);
  border-inline-start: 0.125rem solid rgba(245, 168, 0, 0.32);
}

.kds-live-contract b {
  color: var(--gold-2);
  font-size: 0.8em;
}

.kds-live-boundary .button:disabled {
  cursor: not-allowed;
  opacity: 0.58;
}

.kds-overview {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 10.5rem), 1fr));
  gap: var(--gap);
  min-inline-size: 0;
}

.kds-overview-card {
  display: grid;
  gap: 0.12rem;
  min-block-size: clamp(5rem, 6vw, 6.25rem);
  padding: var(--pad);
}

.kds-overview-card > span,
.kds-overview-card > small,
.kds-role-card small {
  color: var(--muted);
  font-size: 0.72em;
  overflow-wrap: anywhere;
}

.kds-overview-card > strong {
  color: var(--gold-2);
  font-size: clamp(1.36rem, 0.8rem + 1.2vw, 2rem);
  font-variant-numeric: tabular-nums;
  line-height: 1;
}

.kds-role-card {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 0.5rem;
  min-inline-size: 0;
  padding: var(--pad);
  border-color: rgba(110, 165, 255, 0.22);
}

.kds-role-card > span:first-child {
  display: grid;
  place-items: center;
  inline-size: clamp(2rem, 2.8vw, 2.5rem);
  aspect-ratio: 1;
  border-radius: var(--radius-sm);
  color: var(--blue);
  background: rgba(110, 165, 255, 0.1);
}

.kds-role-card > span:last-child {
  display: grid;
  gap: 0.1rem;
  min-inline-size: 0;
}

.kds-role-card strong {
  overflow-wrap: anywhere;
}

.kds-demo-role-switch {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.3rem;
  min-inline-size: 0;
}

.kds-demo-role-switch .chip {
  min-block-size: clamp(2.1rem, 2.5vw, 2.4rem);
}

.kds-filter-panel {
  display: grid;
  gap: 0.56rem;
  padding: var(--pad);
}

.kds-filter-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 0.48rem;
  padding-block-end: 0.5rem;
  border-block-end: 0.0625rem solid rgba(168, 184, 204, 0.1);
}

.kds-filter-title > span:first-child {
  display: grid;
  gap: 0.06rem;
}

.kds-filter-title small,
.kds-all-day-panel header small {
  color: var(--gold-2);
  font-size: 0.66em;
  font-weight: 820;
  letter-spacing: 0.08em;
}

.kds-filter-row {
  display: grid;
  grid-template-columns: minmax(4.2rem, 0.12fr) minmax(0, 1fr);
  align-items: start;
  gap: 0.5rem;
  min-inline-size: 0;
}

.kds-filter-row > span {
  padding-block: 0.45rem;
  color: var(--muted);
  font-size: 0.72em;
  font-weight: 760;
}

.kds-filter-row > div {
  display: flex;
  flex-wrap: wrap;
  gap: 0.36rem;
  min-inline-size: 0;
}

.kds-filter-row .chip {
  min-block-size: clamp(2.1rem, 2.5vw, 2.4rem);
}

.kds-filter-row .chip b {
  display: inline-grid;
  place-items: center;
  min-inline-size: 1.15rem;
  block-size: 1.15rem;
  padding-inline: 0.22rem;
  border-radius: 999rem;
  color: var(--text);
  background: rgba(237, 243, 251, 0.08);
  font-size: 0.72em;
  font-variant-numeric: tabular-nums;
}

.kds-filter-row .chip:hover,
.kds-filter-row .chip:focus-visible {
  border-color: rgba(245, 168, 0, 0.48);
  color: var(--text);
  outline: none;
}

.kds-board {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  align-items: start;
  gap: var(--gap);
  min-inline-size: 0;
  max-inline-size: 100%;
}

.kds-lane {
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  gap: 0.44rem;
  min-inline-size: 0;
  padding: clamp(0.4rem, 0.64vw, 0.58rem);
  border: 0.0625rem solid var(--line);
  border-radius: var(--radius-md);
  background: rgba(5, 10, 16, 0.5);
}

.kds-lane > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.42rem;
  min-inline-size: 0;
  padding: 0.32rem 0.28rem 0.5rem;
  border-block-end: 0.0625rem solid rgba(168, 184, 204, 0.1);
}

.kds-lane > header > span {
  display: grid;
  gap: 0.08rem;
  min-inline-size: 0;
}

.kds-lane > header strong,
.kds-lane > header small {
  overflow-wrap: anywhere;
}

.kds-lane > header small {
  color: var(--muted);
  font-size: 0.68em;
}

.kds-lane > header b {
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  inline-size: 1.75rem;
  aspect-ratio: 1;
  border-radius: var(--radius-sm);
  color: var(--gold-2);
  background: rgba(245, 168, 0, 0.09);
  font-variant-numeric: tabular-nums;
}

.kds-lane-ready > header b {
  color: var(--green);
  background: rgba(38, 208, 111, 0.1);
}

.kds-lane-tickets {
  display: grid;
  align-content: start;
  gap: 0.48rem;
  min-inline-size: 0;
}

.kds-empty-lane {
  display: grid;
  gap: 0.12rem;
  min-block-size: 5rem;
  place-content: center;
  padding: 0.72rem;
  border: 0.0625rem dashed rgba(168, 184, 204, 0.16);
  border-radius: var(--radius-sm);
  color: var(--muted);
  text-align: center;
}

.kds-empty-lane small {
  font-size: 0.7em;
}

.kds-ticket {
  min-inline-size: 0;
  border: 0.0625rem solid rgba(168, 184, 204, 0.15);
  border-block-start: 0.2rem solid var(--green);
  border-radius: var(--radius-sm);
  background: linear-gradient(180deg, rgba(18, 29, 40, 0.96), rgba(10, 16, 24, 0.97));
  box-shadow: 0 0.46rem 1.25rem rgba(0, 0, 0, 0.2);
}

.kds-ticket.is-sla-warning {
  border-block-start-color: var(--gold);
}

.kds-ticket.is-sla-late {
  border-block-start-color: var(--red);
}

.kds-ticket.is-sla-done {
  border-block-start-color: var(--blue);
  opacity: 0.86;
}

.kds-ticket.is-ready {
  border-color: rgba(38, 208, 111, 0.26);
  border-block-start-color: var(--green);
}

.kds-ticket.is-warning {
  border-color: rgba(255, 138, 42, 0.3);
}

.kds-ticket-toggle {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  align-items: center;
  gap: 0.4rem;
  inline-size: 100%;
  min-inline-size: 0;
  min-block-size: clamp(3.4rem, 4.6vw, 4.3rem);
  padding: clamp(0.48rem, 0.75vw, 0.64rem);
  border: 0;
  border-block-end: 0.0625rem solid rgba(168, 184, 204, 0.09);
  color: var(--text);
  background: rgba(5, 10, 16, 0.28);
  text-align: start;
}

.kds-ticket-toggle:hover,
.kds-ticket-toggle:focus-visible {
  outline: none;
  background: rgba(245, 168, 0, 0.06);
  box-shadow: inset 0 0 0 0.0625rem rgba(245, 168, 0, 0.26);
}

.kds-ticket-identity,
.kds-ticket-status,
.kds-ticket-age {
  display: grid;
  gap: 0.08rem;
  min-inline-size: 0;
}

.kds-ticket-identity small,
.kds-ticket-status small,
.kds-ticket-age small {
  color: var(--muted);
  font-size: 0.64em;
  overflow-wrap: anywhere;
}

.kds-ticket-identity > small {
  color: var(--gold-2);
  font-weight: 760;
  letter-spacing: 0.03em;
}

.kds-ticket-identity strong,
.kds-ticket-identity > span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.kds-ticket-identity > span {
  color: var(--muted);
  font-size: 0.72em;
}

.kds-ticket-status {
  justify-items: end;
  text-align: end;
}

.kds-ticket-status b {
  color: var(--text);
  font-size: 0.68em;
}

.kds-ticket-age {
  justify-items: center;
  min-inline-size: clamp(3.2rem, 4.8vw, 4rem);
  padding: 0.28rem;
  border-radius: var(--radius-xs);
  color: var(--green);
  background: rgba(38, 208, 111, 0.09);
  text-align: center;
}

.kds-ticket-age.is-warning {
  color: var(--gold-2);
  background: rgba(245, 168, 0, 0.1);
}

.kds-ticket-age.is-late {
  color: #ffd5da;
  background: rgba(255, 77, 95, 0.14);
}

.kds-ticket-age.is-done {
  color: var(--blue);
  background: rgba(110, 165, 255, 0.1);
}

.kds-ticket-age.is-no-target {
  color: var(--muted);
  background: rgba(168, 184, 204, 0.08);
}

.kds-ticket-age strong {
  font-variant-numeric: tabular-nums;
}

.kds-ticket-lines {
  display: grid;
  min-inline-size: 0;
}

.kds-ticket-line {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: start;
  gap: 0.38rem;
  min-inline-size: 0;
  padding: clamp(0.46rem, 0.68vw, 0.58rem);
  border-block-end: 0.0625rem solid rgba(168, 184, 204, 0.07);
}

.kds-ticket-line.is-voided {
  opacity: 0.58;
  text-decoration: line-through;
}

.kds-ticket-line.is-served {
  opacity: 0.72;
}

.kds-line-quantity {
  color: var(--gold-2);
  font-weight: 850;
  font-variant-numeric: tabular-nums;
}

.kds-line-copy {
  display: grid;
  gap: 0.12rem;
  min-inline-size: 0;
}

.kds-line-copy strong,
.kds-line-copy small {
  overflow-wrap: anywhere;
}

.kds-line-copy small {
  color: var(--muted);
  font-size: 0.68em;
  line-height: 1.35;
}

.kds-kitchen-note {
  display: inline-flex;
  align-items: center;
  gap: 0.22rem;
  color: var(--gold-2) !important;
}

.kds-kitchen-note .mini-icon,
.kds-allergen-cue .mini-icon {
  inline-size: 1em;
}

.kds-line-cues {
  display: flex;
  justify-content: end;
  flex-wrap: wrap;
  gap: 0.2rem;
  max-inline-size: 8rem;
}

.kds-course-cue,
.kds-line-status-cue,
.kds-allergen-cue {
  display: inline-flex;
  align-items: center;
  gap: 0.18rem;
  padding: 0.12rem 0.28rem;
  border-radius: 999rem;
  font-size: 0.6em;
  font-weight: 760;
  white-space: nowrap;
}

.kds-course-cue {
  color: var(--blue);
  background: rgba(110, 165, 255, 0.1);
}

.kds-line-status-cue {
  color: var(--green);
  background: rgba(38, 208, 111, 0.1);
}

.kds-allergen-cue {
  color: #ffd5da;
  background: rgba(255, 77, 95, 0.12);
}

.kds-change-cue {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 0.36rem;
  margin: 0.44rem;
  padding: 0.4rem;
  border: 0.0625rem solid rgba(255, 138, 42, 0.22);
  border-radius: var(--radius-xs);
  color: var(--orange);
  background: rgba(255, 138, 42, 0.07);
}

.kds-change-cue > span {
  display: grid;
  gap: 0.06rem;
  min-inline-size: 0;
}

.kds-change-cue small {
  color: var(--muted);
  font-size: 0.66em;
  overflow-wrap: anywhere;
}

.kds-coordination-cue {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 0.42rem;
  margin: 0.44rem;
  padding: 0.46rem;
  border: 0.0625rem solid rgba(49, 196, 215, 0.24);
  border-radius: var(--radius-xs);
  color: var(--cyan);
  background: rgba(49, 196, 215, 0.07);
}

.kds-coordination-cue.is-locked {
  border-color: rgba(245, 168, 0, 0.28);
  color: var(--gold-2);
  background: rgba(245, 168, 0, 0.07);
}

.kds-coordination-cue > span {
  display: grid;
  gap: 0.08rem;
  min-inline-size: 0;
}

.kds-coordination-cue small {
  color: var(--muted);
  font-size: 0.66em;
  overflow-wrap: anywhere;
}

.kds-ticket-detail {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.28rem;
  padding: 0 0.48rem 0.48rem;
}

.kds-ticket-detail[hidden] {
  display: none;
}

.kds-ticket-detail > span {
  display: grid;
  gap: 0.06rem;
  min-inline-size: 0;
  padding: 0.32rem;
  border-radius: var(--radius-xs);
  background: rgba(5, 10, 16, 0.48);
}

.kds-ticket-detail small {
  color: var(--muted);
  font-size: 0.62em;
}

.kds-ticket-detail strong {
  font-size: 0.72em;
  overflow-wrap: anywhere;
}

.kds-ticket-actions {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 0.42rem;
  padding: clamp(0.46rem, 0.68vw, 0.58rem);
  background: rgba(5, 10, 16, 0.42);
}

.kds-ticket-actions > span {
  display: grid;
  gap: 0.08rem;
  min-inline-size: 0;
}

.kds-ticket-actions small {
  color: var(--muted);
  font-size: 0.64em;
  overflow-wrap: anywhere;
}

.kds-ticket-actions .button {
  min-block-size: clamp(2.25rem, 2.7vw, 2.6rem);
  padding-inline: clamp(0.5rem, 0.74vw, 0.72rem);
  white-space: normal;
}

.kds-ticket-actions .button:disabled {
  cursor: not-allowed;
  opacity: 0.48;
}

.kds-ticket-actions .button[data-kds-demo-role] {
  grid-column: 1 / -1;
  inline-size: 100%;
}

.kds-all-day-panel {
  display: grid;
  gap: 0.48rem;
  min-inline-size: 0;
  padding: var(--pad);
}

.kds-all-day-panel > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 0.42rem;
}

.kds-all-day-panel > header > span:first-child {
  display: grid;
  gap: 0.08rem;
}

.kds-all-day-list {
  display: flex;
  flex-wrap: wrap;
  gap: 0.36rem;
  min-inline-size: 0;
}

.kds-all-day-list > span {
  display: inline-grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 0.3rem;
  min-inline-size: min(100%, 8.5rem);
  padding: 0.38rem 0.46rem;
  border: 0.0625rem solid rgba(168, 184, 204, 0.12);
  border-radius: var(--radius-sm);
  background: rgba(5, 10, 16, 0.42);
}

.kds-all-day-list strong {
  color: var(--gold-2);
  font-variant-numeric: tabular-nums;
}

.kds-all-day-list small {
  color: var(--muted);
  overflow-wrap: anywhere;
}

.kds-all-day-panel > footer {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 0.4rem;
  padding-block-start: 0.46rem;
  border-block-start: 0.0625rem solid rgba(168, 184, 204, 0.1);
  color: var(--orange);
}

.kds-all-day-panel > footer > span {
  display: grid;
  gap: 0.08rem;
  min-inline-size: 0;
}

.kds-all-day-panel > footer small {
  color: var(--muted);
  font-size: 0.7em;
  overflow-wrap: anywhere;
}

@media (max-width: 78em) {
  .kds-live-boundary {
    grid-template-columns: auto minmax(0, 1fr) auto;
  }

  .kds-live-contract {
    grid-column: 2 / -1;
  }

  .kds-board {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 58em) {
  .kds-workspace-head,
  .kds-live-boundary {
    grid-template-columns: minmax(0, 1fr);
  }

  .kds-head-actions,
  .dining-kds-head-actions {
    justify-content: start;
  }

  .kds-live-icon {
    display: none;
  }

  .kds-live-contract {
    grid-column: auto;
    padding-inline-start: 0.5rem;
  }

  .kds-live-boundary .button {
    inline-size: 100%;
  }
}

@media (max-width: 42em) {
  .kds-board,
  .kds-filter-row {
    grid-template-columns: minmax(0, 1fr);
  }

  .kds-filter-row > span {
    padding-block: 0;
  }

  .kds-filter-row > div,
  .kds-head-actions,
  .dining-kds-head-actions {
    inline-size: 100%;
  }

  .kds-filter-row .chip,
  .kds-head-actions .button,
  .dining-kds-head-actions .button {
    flex: 1 1 8rem;
    min-block-size: 2.75rem;
  }

  .kds-ticket-toggle,
  .kds-ticket-actions .button,
  .kds-demo-role-switch .chip {
    min-block-size: 2.75rem;
  }

  .kds-ticket-line {
    grid-template-columns: auto minmax(0, 1fr);
  }

  .kds-line-cues {
    grid-column: 2;
    justify-content: start;
    max-inline-size: none;
  }
}

@media (max-width: 30em) {
  .kds-ticket-toggle {
    grid-template-columns: minmax(0, 1fr) auto;
  }

  .kds-ticket-status {
    display: none;
  }

  .kds-ticket-actions {
    grid-template-columns: minmax(0, 1fr);
  }

  .kds-ticket-actions .button {
    inline-size: 100%;
  }

  .kds-ticket-detail {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (min-width: 120em) {
  .kds-board {
    gap: clamp(0.72rem, 0.7vw, 1.1rem);
  }

  .kds-lane {
    padding: clamp(0.58rem, 0.5vw, 0.86rem);
  }
}

/* V71B3c · atomik SERVE/RECALL writer + güvenli public DEMO fallback */
.handoff-workspace {
  display: grid;
  gap: var(--gap);
  min-inline-size: 0;
  max-inline-size: 100%;
}

.handoff-workspace-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: clamp(0.62rem, 1vw, 1rem);
  padding: var(--pad);
  border-color: rgba(245, 168, 0, 0.26);
  background:
    linear-gradient(112deg, rgba(245, 168, 0, 0.13), rgba(12, 18, 27, 0.92) 44%),
    radial-gradient(circle at 100% 0%, rgba(38, 208, 111, 0.09), transparent 20rem);
}

.courier-delivery-access {
  display: grid;
  gap: clamp(0.58rem, 1vw, 0.86rem);
  padding: var(--pad);
  border-color: rgba(245, 168, 0, 0.28);
  background: linear-gradient(135deg, rgba(245, 168, 0, 0.075), rgba(9, 16, 24, 0.96));
}

.courier-delivery-access > header,
.courier-delivery-access > footer {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 0.58rem;
  min-inline-size: 0;
}

.courier-delivery-access > header > span:first-child {
  display: grid;
  place-items: center;
  inline-size: clamp(2.2rem, 3vw, 2.8rem);
  aspect-ratio: 1;
  border-radius: var(--radius-sm);
  color: var(--gold-2);
  background: rgba(245, 168, 0, 0.1);
}

.courier-delivery-access > header > span:nth-child(2),
.courier-delivery-access > footer > span {
  display: grid;
  gap: 0.08rem;
  min-inline-size: 0;
}

.courier-delivery-access small,
.courier-delivery-access strong {
  overflow-wrap: anywhere;
}

.courier-delivery-access small {
  color: var(--muted);
  font-size: clamp(0.66rem, 0.7vw, 0.76rem);
}

.courier-delivery-fields {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.48rem;
}

.courier-delivery-fields > span {
  display: grid;
  gap: 0.16rem;
  min-inline-size: 0;
  padding: clamp(0.58rem, 1vw, 0.78rem);
  border: 0.0625rem solid var(--line);
  border-radius: var(--radius-sm);
  background: rgba(5, 10, 16, 0.55);
}

.courier-delivery-access > footer {
  grid-template-columns: minmax(0, 1fr) auto;
}

.courier-manager-actions,
.courier-runtime-error,
.courier-empty-state,
.courier-loading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: clamp(0.55rem, 1vw, 0.9rem);
  min-inline-size: 0;
  padding: clamp(0.65rem, 1vw, 0.9rem);
  border: 0.0625rem solid var(--line);
  border-radius: var(--radius-sm);
  background: rgba(5, 10, 16, 0.55);
}

.courier-manager-actions > span,
.courier-runtime-error > span:nth-child(2),
.courier-empty-state > span:last-child {
  display: grid;
  gap: 0.1rem;
  min-inline-size: 0;
}

.courier-runtime-error {
  border-color: rgba(255, 82, 103, 0.4);
  color: var(--danger);
}

.courier-empty-state,
.courier-loading {
  justify-content: flex-start;
  color: var(--muted);
}

.courier-assignment-list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 22rem), 1fr));
  gap: clamp(0.55rem, 1vw, 0.85rem);
  min-inline-size: 0;
}

.courier-assignment-card {
  display: grid;
  gap: clamp(0.48rem, 0.8vw, 0.72rem);
  min-inline-size: 0;
  padding: clamp(0.65rem, 1vw, 0.9rem);
  border: 0.0625rem solid var(--line);
  border-radius: var(--radius-sm);
  background: rgba(5, 10, 16, 0.68);
}

.courier-assignment-card > header,
.courier-assignment-card > footer {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 0.5rem;
  min-inline-size: 0;
}

.courier-assignment-card > header > span:nth-child(2),
.courier-assignment-card > footer > span {
  display: grid;
  gap: 0.08rem;
  min-inline-size: 0;
}

.courier-assignment-card > footer {
  grid-template-columns: minmax(0, 1fr) auto;
}

.courier-masked-summary {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.45rem;
}

.courier-masked-summary > span {
  display: grid;
  gap: 0.12rem;
  min-inline-size: 0;
  padding: 0.62rem;
  border-radius: var(--radius-sm);
  background: rgba(17, 27, 39, 0.85);
}

.courier-revealed-fields {
  border: 0.0625rem solid rgba(38, 208, 111, 0.34);
  border-radius: var(--radius-sm);
  padding: 0.45rem;
  background: rgba(38, 208, 111, 0.045);
}

.courier-access-expiry {
  display: flex;
  align-items: center;
  gap: 0.35rem;
  margin: 0;
  color: var(--success);
  font-size: clamp(0.68rem, 0.72vw, 0.78rem);
}

.courier-create-dialog {
  inline-size: min(92vw, 48rem);
  max-inline-size: calc(100vw - 1rem);
  max-block-size: min(92dvh, 52rem);
  margin: auto;
  padding: 0;
  overflow: auto;
  border: 0.0625rem solid rgba(245, 168, 0, 0.5);
  border-radius: var(--radius);
  color: var(--text);
  background: var(--panel);
  box-shadow: 0 2rem 6rem rgba(0, 0, 0, 0.72);
}

.courier-create-dialog::backdrop {
  background: rgba(1, 5, 10, 0.82);
  backdrop-filter: blur(0.35rem);
}

.courier-create-panel {
  display: grid;
  gap: clamp(0.75rem, 1.4vw, 1.1rem);
  min-inline-size: 0;
  padding: clamp(0.8rem, 2vw, 1.35rem);
}

.courier-create-panel > header,
.courier-create-panel > footer {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.75rem;
}

.courier-create-panel > header h3,
.courier-create-panel > header p {
  margin: 0;
}

.courier-create-panel > header p,
.courier-create-panel > header small {
  color: var(--muted);
}

.courier-create-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(0.58rem, 1vw, 0.85rem);
}

.courier-create-grid label {
  display: grid;
  gap: 0.35rem;
  min-inline-size: 0;
  color: var(--muted);
}

.courier-create-grid input,
.courier-create-grid select,
.courier-create-grid textarea {
  inline-size: 100%;
  min-inline-size: 0;
}

.courier-address-field {
  grid-column: 1 / -1;
}

.courier-security-note,
.courier-form-error {
  margin: 0;
  padding: clamp(0.6rem, 1vw, 0.85rem);
  border: 0.0625rem solid rgba(245, 168, 0, 0.28);
  border-radius: var(--radius-sm);
  color: var(--muted);
  background: rgba(245, 168, 0, 0.055);
}

.courier-form-error {
  border-color: rgba(255, 82, 103, 0.4);
  color: var(--danger);
  background: rgba(255, 82, 103, 0.07);
}

.courier-review-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.48rem;
  margin: 0;
}

.courier-review-grid > div {
  display: grid;
  gap: 0.15rem;
  min-inline-size: 0;
  padding: 0.68rem;
  border: 0.0625rem solid var(--line);
  border-radius: var(--radius-sm);
  background: rgba(5, 10, 16, 0.55);
}

.courier-review-grid dt {
  color: var(--muted);
  font-size: 0.72rem;
}

.courier-review-grid dd {
  margin: 0;
  overflow-wrap: anywhere;
}

.handoff-head-copy,
.handoff-live-copy,
.handoff-live-contract {
  display: grid;
  gap: 0.16rem;
  min-inline-size: 0;
}

.handoff-head-copy h2,
.handoff-head-copy p {
  margin: 0;
  overflow-wrap: anywhere;
}

.handoff-head-copy h2 {
  color: var(--text);
  font-size: clamp(1.12rem, 0.72rem + 1vw, 1.68rem);
  line-height: 1.08;
}

.handoff-head-copy p,
.handoff-live-copy span,
.handoff-live-contract small {
  color: var(--muted);
  line-height: 1.45;
}

.handoff-head-actions {
  display: flex;
  align-items: center;
  justify-content: end;
  flex-wrap: wrap;
  gap: 0.42rem;
  min-inline-size: 0;
}

.handoff-live-boundary {
  display: grid;
  grid-template-columns: auto minmax(12rem, 1.25fr) minmax(12rem, 0.75fr) auto;
  align-items: center;
  gap: clamp(0.5rem, 0.9vw, 0.82rem);
  padding: var(--pad);
  border-color: rgba(255, 138, 42, 0.3);
  background: linear-gradient(110deg, rgba(255, 138, 42, 0.09), rgba(12, 18, 27, 0.94));
}

.handoff-live-boundary.is-live {
  border-color: rgba(38, 208, 111, 0.36);
  background:
    radial-gradient(circle at 0% 50%, rgba(38, 208, 111, 0.12), transparent 18rem),
    linear-gradient(110deg, rgba(38, 208, 111, 0.07), rgba(12, 18, 27, 0.94));
}

.handoff-live-boundary.is-live .handoff-live-icon {
  border-color: rgba(38, 208, 111, 0.38);
  color: var(--green);
  background: rgba(38, 208, 111, 0.1);
}

.handoff-live-boundary.is-live .handoff-live-copy > small {
  color: var(--green);
}

.handoff-live-boundary.is-live.is-readonly {
  border-color: rgba(245, 168, 0, 0.34);
  background:
    radial-gradient(circle at 0% 50%, rgba(245, 168, 0, 0.11), transparent 18rem),
    linear-gradient(110deg, rgba(245, 168, 0, 0.07), rgba(12, 18, 27, 0.94));
}

.handoff-live-boundary.is-live.is-readonly .handoff-live-icon,
.handoff-live-boundary.is-live.is-readonly .handoff-live-copy > small {
  border-color: rgba(245, 168, 0, 0.38);
  color: var(--gold-2);
  background: rgba(245, 168, 0, 0.1);
}

.handoff-live-boundary.is-stale {
  border-color: rgba(255, 138, 42, 0.38);
  background:
    radial-gradient(circle at 0% 50%, rgba(255, 138, 42, 0.12), transparent 18rem),
    linear-gradient(110deg, rgba(255, 138, 42, 0.07), rgba(12, 18, 27, 0.94));
}

.handoff-live-boundary.is-unavailable {
  border-color: rgba(255, 77, 95, 0.38);
  background:
    radial-gradient(circle at 0% 50%, rgba(255, 77, 95, 0.12), transparent 18rem),
    linear-gradient(110deg, rgba(255, 77, 95, 0.07), rgba(12, 18, 27, 0.94));
}

.handoff-live-boundary.is-unavailable .handoff-live-icon,
.handoff-live-boundary.is-unavailable .handoff-live-copy > small {
  border-color: rgba(255, 77, 95, 0.4);
  color: var(--red);
  background: rgba(255, 77, 95, 0.1);
}

.handoff-live-icon {
  display: grid;
  place-items: center;
  inline-size: clamp(2.4rem, 3.4vw, 3rem);
  aspect-ratio: 1;
  border: 0.0625rem solid rgba(255, 138, 42, 0.32);
  border-radius: var(--radius-sm);
  color: var(--orange);
  background: rgba(255, 138, 42, 0.1);
}

.handoff-live-copy small,
.handoff-live-contract small,
.handoff-overview-card span,
.handoff-overview-card small,
.handoff-role-card small {
  color: var(--muted);
  font-size: 0.72em;
  overflow-wrap: anywhere;
}

.handoff-live-copy > small {
  color: var(--orange);
  font-weight: 820;
  letter-spacing: 0.08em;
}

.handoff-live-copy strong,
.handoff-live-contract b {
  overflow-wrap: anywhere;
}

.handoff-live-contract {
  padding-inline-start: clamp(0.5rem, 0.9vw, 0.8rem);
  border-inline-start: 0.125rem solid rgba(245, 168, 0, 0.34);
}

.handoff-live-contract b {
  color: var(--gold-2);
  font-size: 0.8em;
}

.handoff-live-boundary .button:disabled {
  cursor: not-allowed;
  opacity: 0.58;
}

.handoff-live-boundary [data-handoff-retry] {
  justify-self: end;
}

.handoff-click-guide {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--gap);
  min-inline-size: 0;
}

.handoff-click-guide > article {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: clamp(0.42rem, 0.7vw, 0.62rem);
  min-inline-size: 0;
  padding: var(--pad);
  border-color: rgba(245, 168, 0, 0.18);
  background: linear-gradient(135deg, rgba(245, 168, 0, 0.07), rgba(10, 16, 24, 0.92));
}

.handoff-click-guide b {
  display: grid;
  place-items: center;
  inline-size: clamp(2rem, 2.8vw, 2.5rem);
  aspect-ratio: 1;
  border: 0.0625rem solid rgba(245, 168, 0, 0.26);
  border-radius: var(--radius-sm);
  color: var(--gold-2);
  background: rgba(245, 168, 0, 0.09);
}

.handoff-click-guide span {
  display: grid;
  gap: 0.08rem;
  min-inline-size: 0;
}

.handoff-click-guide strong,
.handoff-click-guide small {
  overflow-wrap: anywhere;
}

.handoff-click-guide small {
  color: var(--muted);
  font-size: 0.7em;
  line-height: 1.4;
}

.handoff-overview {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 10.5rem), 1fr));
  gap: var(--gap);
  min-inline-size: 0;
}

.handoff-overview-card {
  display: grid;
  gap: 0.12rem;
  min-block-size: clamp(5rem, 6vw, 6.25rem);
  padding: var(--pad);
}

.handoff-overview-card strong {
  color: var(--gold-2);
  font-size: clamp(1.36rem, 0.8rem + 1.2vw, 2rem);
  font-variant-numeric: tabular-nums;
  line-height: 1;
}

.handoff-role-card {
  display: grid;
  grid-column: span 2;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 0.5rem;
  min-inline-size: 0;
  padding: var(--pad);
  border-color: rgba(110, 165, 255, 0.22);
}

.handoff-role-card > span:first-child {
  display: grid;
  place-items: center;
  inline-size: clamp(2rem, 2.8vw, 2.5rem);
  aspect-ratio: 1;
  border-radius: var(--radius-sm);
  color: var(--blue);
  background: rgba(110, 165, 255, 0.1);
}

.handoff-role-card > span:nth-child(2) {
  display: grid;
  gap: 0.1rem;
  min-inline-size: 0;
}

.handoff-role-card strong {
  min-inline-size: 0;
  overflow-wrap: break-word;
  word-break: normal;
}

.handoff-role-card > .tag {
  justify-self: end;
  white-space: nowrap;
}

.handoff-filter-panel {
  display: grid;
  grid-template-columns: minmax(8rem, 0.3fr) minmax(0, 1fr) auto;
  align-items: center;
  gap: 0.56rem;
  padding: var(--pad);
}

.handoff-filter-panel > span:first-child {
  display: grid;
  gap: 0.08rem;
  min-inline-size: 0;
}

.handoff-filter-panel > span:first-child small {
  color: var(--gold-2);
  font-size: 0.66em;
  font-weight: 820;
  letter-spacing: 0.08em;
}

.handoff-filter-panel > div {
  display: flex;
  flex-wrap: wrap;
  gap: 0.36rem;
  min-inline-size: 0;
}

.handoff-filter-panel .chip {
  min-block-size: clamp(2.1rem, 2.5vw, 2.4rem);
}

.handoff-filter-panel .chip b {
  display: inline-grid;
  place-items: center;
  min-inline-size: 1.15rem;
  block-size: 1.15rem;
  padding-inline: 0.22rem;
  border-radius: 999rem;
  color: var(--text);
  background: rgba(237, 243, 251, 0.08);
  font-size: 0.72em;
}

.handoff-board {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: start;
  gap: var(--gap);
  min-inline-size: 0;
  max-inline-size: 100%;
}

.handoff-lane {
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  gap: 0.44rem;
  min-inline-size: 0;
  padding: clamp(0.4rem, 0.64vw, 0.58rem);
  border: 0.0625rem solid var(--line);
  border-radius: var(--radius-md);
  background: rgba(5, 10, 16, 0.52);
}

.handoff-lane > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.42rem;
  min-inline-size: 0;
  padding: 0.32rem 0.28rem 0.5rem;
  border-block-end: 0.0625rem solid rgba(168, 184, 204, 0.1);
}

.handoff-lane > header > span,
.handoff-lane-tickets {
  display: grid;
  gap: 0.08rem;
  min-inline-size: 0;
}

.handoff-lane > header small {
  color: var(--muted);
  font-size: 0.68em;
  overflow-wrap: anywhere;
}

.handoff-lane > header b {
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  inline-size: 1.75rem;
  aspect-ratio: 1;
  border-radius: var(--radius-sm);
  color: var(--gold-2);
  background: rgba(245, 168, 0, 0.09);
  font-variant-numeric: tabular-nums;
}

.handoff-lane-ready > header b {
  color: var(--green);
  background: rgba(38, 208, 111, 0.1);
}

.handoff-lane-partial > header b {
  color: var(--orange);
  background: rgba(255, 138, 42, 0.1);
}

.handoff-lane-tickets {
  align-content: start;
  gap: 0.48rem;
}

.handoff-empty-lane {
  display: grid;
  gap: 0.12rem;
  min-block-size: 5rem;
  place-content: center;
  padding: 0.72rem;
  border: 0.0625rem dashed rgba(168, 184, 204, 0.16);
  border-radius: var(--radius-sm);
  color: var(--muted);
  text-align: center;
}

.handoff-empty-lane small {
  font-size: 0.7em;
}

.handoff-ticket {
  min-inline-size: 0;
  border: 0.0625rem solid rgba(168, 184, 204, 0.15);
  border-block-start: 0.2rem solid var(--green);
  border-radius: var(--radius-sm);
  background: linear-gradient(180deg, rgba(18, 29, 40, 0.96), rgba(10, 16, 24, 0.97));
  box-shadow: 0 0.46rem 1.25rem rgba(0, 0, 0, 0.2);
}

.handoff-ticket.is-partial {
  border-color: rgba(255, 138, 42, 0.28);
  border-block-start-color: var(--orange);
}

.handoff-ticket.is-diverged {
  border-color: rgba(255, 77, 95, 0.4);
  border-block-start-color: var(--red);
  box-shadow: 0 0.46rem 1.4rem rgba(255, 77, 95, 0.09);
}

.handoff-ticket.is-served {
  border-block-start-color: var(--blue);
  opacity: 0.9;
}

.handoff-ticket-toggle {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(4.6rem, 0.34fr) auto;
  align-items: center;
  gap: 0.46rem;
  inline-size: 100%;
  min-inline-size: 0;
  min-block-size: clamp(4rem, 5vw, 4.8rem);
  padding: clamp(0.48rem, 0.75vw, 0.64rem);
  border: 0;
  border-block-end: 0.0625rem solid rgba(168, 184, 204, 0.09);
  color: var(--text);
  background: rgba(5, 10, 16, 0.28);
  text-align: start;
}

.handoff-ticket-toggle:hover,
.handoff-ticket-toggle:focus-visible {
  outline: none;
  background: rgba(245, 168, 0, 0.06);
  box-shadow: inset 0 0 0 0.0625rem rgba(245, 168, 0, 0.28);
}

.handoff-ticket-identity,
.handoff-ticket-progress,
.handoff-ticket-status {
  display: grid;
  gap: 0.08rem;
  min-inline-size: 0;
}

.handoff-ticket-identity small,
.handoff-ticket-progress small,
.handoff-ticket-status small {
  color: var(--muted);
  font-size: 0.64em;
  overflow-wrap: anywhere;
}

.handoff-ticket-identity > small {
  color: var(--gold-2);
  font-weight: 760;
}

.handoff-ticket-identity strong,
.handoff-ticket-identity > span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.handoff-ticket-identity > span {
  color: var(--muted);
  font-size: 0.72em;
}

.handoff-ticket-progress {
  justify-items: stretch;
  text-align: center;
}

.handoff-ticket-progress > strong {
  color: var(--gold-2);
  font-variant-numeric: tabular-nums;
}

.handoff-ticket-progress > span {
  block-size: 0.25rem;
  overflow: hidden;
  border-radius: 999rem;
  background: rgba(168, 184, 204, 0.12);
}

.handoff-ticket-progress i {
  display: block;
  inline-size: var(--handoff-progress, 0%);
  block-size: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, var(--gold), var(--green));
}

.handoff-ticket-status {
  justify-items: end;
  text-align: end;
}

.handoff-ticket-status b {
  font-size: 0.68em;
  white-space: nowrap;
}

.handoff-ticket-detail {
  display: grid;
  gap: 0.44rem;
  min-inline-size: 0;
  padding: 0.48rem;
}

.handoff-ticket-detail[hidden] {
  display: none;
}

.handoff-station-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 7.2rem), 1fr));
  gap: 0.3rem;
  min-inline-size: 0;
}

.handoff-station {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 0.3rem;
  min-inline-size: 0;
  padding: 0.34rem;
  border: 0.0625rem solid rgba(168, 184, 204, 0.12);
  border-radius: var(--radius-xs);
  background: rgba(5, 10, 16, 0.46);
}

.handoff-station > span:first-child {
  display: grid;
  place-items: center;
  inline-size: 1.65rem;
  aspect-ratio: 1;
  border-radius: var(--radius-xs);
  color: var(--green);
  background: rgba(38, 208, 111, 0.09);
}

.handoff-station.is-progress > span:first-child,
.handoff-station.is-recalled > span:first-child,
.handoff-station.is-claimed > span:first-child {
  color: var(--orange);
  background: rgba(255, 138, 42, 0.1);
}

.handoff-station.is-routed > span:first-child {
  color: var(--blue);
  background: rgba(110, 165, 255, 0.1);
}

.handoff-station > span:last-child {
  display: grid;
  gap: 0.04rem;
  min-inline-size: 0;
}

.handoff-station strong,
.handoff-station small {
  overflow-wrap: anywhere;
}

.handoff-station strong {
  font-size: 0.7em;
}

.handoff-station small {
  color: var(--muted);
  font-size: 0.62em;
}

.handoff-station .handoff-station-proof {
  color: var(--gold-2);
  font-size: 0.56em;
  line-height: 1.35;
  word-break: break-word;
}

.handoff-change-list {
  display: grid;
  gap: 0.28rem;
  min-inline-size: 0;
}

.handoff-change {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 0.36rem;
  min-inline-size: 0;
  padding: 0.4rem;
  border: 0.0625rem solid rgba(255, 138, 42, 0.22);
  border-radius: var(--radius-xs);
  color: var(--orange);
  background: rgba(255, 138, 42, 0.07);
}

.handoff-change.is-void,
.handoff-change.is-recall,
.handoff-change.is-divergence {
  border-color: rgba(255, 77, 95, 0.25);
  color: #ffd5da;
  background: rgba(255, 77, 95, 0.08);
}

.handoff-change > span {
  display: grid;
  gap: 0.06rem;
  min-inline-size: 0;
}

.handoff-change small {
  color: var(--muted);
  font-size: 0.66em;
  overflow-wrap: anywhere;
}

.handoff-ticket-actions {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 0.42rem;
  padding: clamp(0.46rem, 0.68vw, 0.58rem);
  background: rgba(5, 10, 16, 0.42);
}

.handoff-ticket-actions > span {
  display: grid;
  gap: 0.08rem;
  min-inline-size: 0;
}

.handoff-ticket-actions small {
  color: var(--muted);
  font-size: 0.64em;
  overflow-wrap: anywhere;
}

.handoff-ticket-actions .button {
  min-block-size: clamp(2.25rem, 2.7vw, 2.6rem);
  padding-inline: clamp(0.5rem, 0.74vw, 0.72rem);
  white-space: normal;
}

.handoff-ticket-actions .button:disabled {
  cursor: not-allowed;
  opacity: 0.48;
}

.handoff-policy-note {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 0.48rem;
  min-inline-size: 0;
  padding: var(--pad);
  border-color: rgba(255, 138, 42, 0.24);
}

.handoff-policy-note > svg {
  color: var(--orange);
}

.handoff-policy-note > span {
  display: grid;
  gap: 0.08rem;
  min-inline-size: 0;
}

.handoff-policy-note small {
  color: var(--muted);
  overflow-wrap: anywhere;
}

.handoff-review-overlay {
  position: fixed;
  inset: 0;
  z-index: 98;
  display: grid;
  place-items: center;
  min-inline-size: 0;
  padding: clamp(0.48rem, 2vw, 1.2rem);
  background: rgba(1, 4, 8, 0.84);
  backdrop-filter: blur(0.42rem);
}

.handoff-review-overlay.is-pointer-guarded {
  pointer-events: none;
}

.handoff-review-overlay.is-busy {
  cursor: progress;
}

.handoff-review-overlay.is-busy .handoff-review-panel {
  pointer-events: none;
}

.handoff-review-panel {
  display: grid;
  grid-template-rows: auto minmax(0, 1fr) auto;
  inline-size: min(100%, 42rem);
  max-block-size: min(94dvh, 50rem);
  min-inline-size: 0;
  overflow-y: auto;
  overscroll-behavior: contain;
  border: 0.0625rem solid rgba(245, 168, 0, 0.4);
  border-radius: var(--radius-lg);
  background:
    radial-gradient(circle at 0% 0%, rgba(245, 168, 0, 0.14), transparent 22rem),
    rgba(8, 14, 22, 0.99);
  box-shadow: 0 2rem 6rem rgba(0, 0, 0, 0.7);
}

.handoff-review-panel > header,
.handoff-review-panel > footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.62rem;
  padding: clamp(0.68rem, 1.35vw, 1rem);
  background: rgba(7, 13, 20, 0.82);
}

.handoff-review-panel > header {
  border-block-end: 0.0625rem solid rgba(168, 184, 204, 0.11);
}

.handoff-review-panel > header > span {
  display: grid;
  gap: 0.1rem;
  min-inline-size: 0;
}

.handoff-review-panel h2,
.handoff-review-panel p {
  margin: 0;
  overflow-wrap: anywhere;
}

.handoff-review-panel h2 {
  font-size: clamp(1.08rem, 0.8rem + 0.8vw, 1.5rem);
}

.handoff-review-panel p,
.handoff-review-panel > header small {
  color: var(--muted);
  font-size: 0.74em;
}

.handoff-review-panel > header > span > small {
  color: var(--gold-2);
  font-weight: 820;
  letter-spacing: 0.08em;
}

.handoff-review-panel > footer {
  justify-content: end;
  flex-wrap: wrap;
  border-block-start: 0.0625rem solid rgba(168, 184, 204, 0.11);
  padding-block-end: max(
    clamp(0.68rem, 1.35vw, 1rem),
    calc(env(safe-area-inset-bottom, 0rem) + 0.68rem)
  );
}

.handoff-review-identity,
.handoff-review-checklist,
.handoff-reason-field,
.handoff-confirm-note {
  margin-inline: clamp(0.68rem, 1.35vw, 1rem);
}

.handoff-review-identity {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 0.48rem;
  min-inline-size: 0;
  margin-block-start: clamp(0.68rem, 1.35vw, 1rem);
  padding: 0.58rem;
  border: 0.0625rem solid rgba(38, 208, 111, 0.2);
  border-radius: var(--radius-sm);
  background: rgba(38, 208, 111, 0.06);
}

.handoff-review-identity > span:first-child {
  display: grid;
  place-items: center;
  inline-size: 2.2rem;
  aspect-ratio: 1;
  border-radius: var(--radius-sm);
  color: var(--gold-2);
  background: rgba(245, 168, 0, 0.1);
}

.handoff-review-identity > span:nth-child(2) {
  display: grid;
  gap: 0.06rem;
  min-inline-size: 0;
}

.handoff-review-identity small,
.handoff-review-identity span,
.handoff-review-identity strong {
  overflow-wrap: anywhere;
}

.handoff-review-identity small,
.handoff-review-identity > span:nth-child(2) > span {
  color: var(--muted);
  font-size: 0.7em;
}

.handoff-review-checklist {
  display: grid;
  gap: 0.34rem;
  min-inline-size: 0;
  margin-block: 0.58rem;
}

.handoff-review-checklist > span,
.handoff-confirm-note {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 0.4rem;
  min-inline-size: 0;
  padding: 0.48rem;
  border: 0.0625rem solid rgba(168, 184, 204, 0.12);
  border-radius: var(--radius-sm);
  background: rgba(5, 10, 16, 0.46);
}

.handoff-review-checklist > span > span,
.handoff-confirm-note > span {
  display: grid;
  gap: 0.06rem;
  min-inline-size: 0;
}

.handoff-review-checklist small,
.handoff-confirm-note small {
  color: var(--muted);
  font-size: 0.68em;
  overflow-wrap: anywhere;
}

.handoff-review-checklist > span > svg,
.handoff-confirm-note > svg {
  color: var(--gold-2);
}

.handoff-reason-field {
  display: grid;
  gap: 0.34rem;
  min-inline-size: 0;
  margin-block-end: 0.68rem;
}

.handoff-reason-field > span {
  display: flex;
  justify-content: space-between;
  gap: 0.4rem;
  font-weight: 760;
}

.handoff-reason-field b {
  color: var(--orange);
  font-size: 0.72em;
}

.handoff-reason-field textarea {
  inline-size: 100%;
  min-block-size: 6.5rem;
  resize: vertical;
}

.handoff-reason-field small {
  color: var(--muted);
  overflow-wrap: anywhere;
}

.handoff-confirm-note {
  margin-block-end: 0.68rem;
  border-color: rgba(245, 168, 0, 0.2);
  background: rgba(245, 168, 0, 0.06);
}

@media (max-width: 90em) {
  .handoff-overview {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .handoff-role-card {
    grid-column: 1 / -1;
  }
}

@media (max-width: 78em) {
  .handoff-live-boundary {
    grid-template-columns: auto minmax(0, 1fr) auto;
  }

  .handoff-live-contract {
    grid-column: 2 / -1;
  }

  .handoff-live-boundary [data-handoff-retry] {
    grid-column: 2 / -1;
    inline-size: 100%;
  }

  .handoff-board {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .handoff-lane-served {
    grid-column: 1 / -1;
  }
}

@media (max-width: 58em) {
  .handoff-overview {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .handoff-workspace-head,
  .handoff-live-boundary,
  .handoff-filter-panel,
  .handoff-policy-note,
  .courier-delivery-access > header,
  .courier-delivery-access > footer {
    grid-template-columns: minmax(0, 1fr);
  }

  .courier-delivery-fields {
    grid-template-columns: minmax(0, 1fr);
  }

  .courier-delivery-access .button {
    inline-size: 100%;
    min-block-size: 2.75rem;
  }

  .courier-manager-actions,
  .courier-runtime-error,
  .courier-assignment-card > header,
  .courier-assignment-card > footer {
    align-items: stretch;
    grid-template-columns: minmax(0, 1fr);
  }

  .courier-manager-actions,
  .courier-runtime-error {
    flex-direction: column;
    align-items: stretch;
  }

  .courier-masked-summary,
  .courier-create-grid,
  .courier-review-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .courier-address-field {
    grid-column: auto;
  }

  .courier-create-panel > footer {
    flex-direction: column-reverse;
  }

  .courier-create-panel > footer .button {
    inline-size: 100%;
  }

  .handoff-head-actions {
    justify-content: start;
  }

  .handoff-live-icon {
    display: none;
  }

  .handoff-live-contract {
    grid-column: auto;
    padding-inline-start: 0.5rem;
  }

  .handoff-live-boundary [data-handoff-retry] {
    grid-column: auto;
  }

  .handoff-live-boundary .button,
  .handoff-policy-note .button {
    inline-size: 100%;
  }

  .handoff-click-guide {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 42em) {
  .handoff-role-card {
    grid-template-columns: auto minmax(0, 1fr);
  }

  .handoff-role-card > .tag {
    grid-column: 2;
    justify-self: start;
  }

  .handoff-board {
    grid-template-columns: minmax(0, 1fr);
  }

  .handoff-lane-served {
    grid-column: auto;
  }

  .handoff-head-actions,
  .handoff-filter-panel > div {
    inline-size: 100%;
  }

  .handoff-head-actions .button,
  .handoff-filter-panel .chip,
  .handoff-ticket-toggle,
  .handoff-ticket-actions .button,
  .handoff-review-panel .button {
    min-block-size: 2.75rem;
  }

  .handoff-head-actions .button,
  .handoff-filter-panel .chip {
    flex: 1 1 8rem;
  }

  .handoff-ticket-actions {
    grid-template-columns: minmax(0, 1fr);
  }

  .handoff-ticket-actions .button {
    inline-size: 100%;
  }

  .handoff-review-overlay {
    place-items: end stretch;
    padding: 0;
  }

  .handoff-review-panel {
    inline-size: 100%;
    max-block-size: 94dvh;
    border-radius: var(--radius-lg) var(--radius-lg) 0 0;
  }

  .handoff-review-panel > footer .button {
    flex: 1 1 10rem;
  }
}

@media (max-width: 30em) {
  .handoff-overview {
    grid-template-columns: minmax(0, 1fr);
  }

  .handoff-role-card {
    grid-column: auto;
  }

  .handoff-ticket-toggle {
    grid-template-columns: minmax(0, 1fr) auto;
  }

  .handoff-ticket-progress {
    grid-column: 1 / -1;
    grid-row: 2;
  }

  .handoff-ticket-status {
    grid-column: 2;
    grid-row: 1;
  }

  .handoff-review-identity {
    grid-template-columns: auto minmax(0, 1fr);
  }

  .handoff-review-identity > b {
    grid-column: 1 / -1;
    justify-self: start;
  }
}

@media (min-width: 120em) {
  .handoff-board {
    gap: clamp(0.72rem, 0.7vw, 1.1rem);
  }

  .handoff-lane {
    padding: clamp(0.58rem, 0.5vw, 0.86rem);
  }
}

/* V69 cascade guard: certified dining mobile overrides remain unchanged by V71B. */

/* V71C Paket Satış: orderId bağlı tahsilat, exact recovery ve görünür DEMO sınırı. */
.pos-workspace {
  inline-size: min(100%, 120rem);
  margin-inline: auto;
}

.pos-workspace .pos-flow-steps {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.pos-workspace .pos-flow-step {
  min-block-size: 2.75rem;
}

.quick-settlement-workspace {
  display: grid;
  gap: clamp(0.5rem, 0.8vw, 0.72rem);
  min-inline-size: 0;
  max-inline-size: 100%;
  padding: clamp(0.58rem, 0.9vw, 0.78rem);
  border: 0.0625rem solid rgba(245, 168, 0, 0.3);
  border-radius: var(--radius-md);
  background:
    linear-gradient(145deg, rgba(245, 168, 0, 0.095), rgba(7, 13, 20, 0.86) 48%),
    rgba(7, 13, 20, 0.82);
  overflow: hidden;
}

.quick-settlement-workspace.is-demo {
  border-color: rgba(66, 153, 225, 0.36);
  background: linear-gradient(145deg, rgba(66, 153, 225, 0.1), rgba(7, 13, 20, 0.88));
}

.quick-settlement-workspace.is-paid {
  border-color: rgba(38, 208, 111, 0.38);
  background: linear-gradient(145deg, rgba(38, 208, 111, 0.1), rgba(7, 13, 20, 0.88));
}

.quick-settlement-workspace.is-danger {
  border-color: rgba(255, 77, 95, 0.4);
}

.quick-settlement-workspace.is-recovery {
  box-shadow: 0 0 0 0.0625rem rgba(245, 168, 0, 0.1) inset;
}

.quick-settlement-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: start;
  gap: 0.5rem;
  min-inline-size: 0;
}

.quick-settlement-head > div {
  display: grid;
  gap: 0.08rem;
  min-inline-size: 0;
}

.quick-settlement-head h3,
.quick-settlement-head p {
  overflow-wrap: anywhere;
}

.quick-settlement-head h3 {
  font-size: clamp(1rem, 0.86rem + 0.42vw, 1.28rem);
}

.quick-settlement-head p {
  color: var(--muted);
  font-size: 0.72em;
  line-height: 1.4;
}

.quick-settlement-state {
  align-self: center;
  padding: 0.32rem 0.46rem;
  border: 0.0625rem solid rgba(245, 168, 0, 0.3);
  border-radius: 999rem;
  color: var(--gold-2);
  background: rgba(245, 168, 0, 0.09);
  font-size: 0.62em;
  font-weight: 850;
  letter-spacing: 0.07em;
  text-align: center;
  white-space: nowrap;
}

.quick-settlement-workspace.is-paid .quick-settlement-state {
  border-color: rgba(38, 208, 111, 0.32);
  color: var(--green);
  background: rgba(38, 208, 111, 0.08);
}

.quick-demo-finance-banner,
.quick-payment-recovery-callout,
.quick-payment-paid-proof,
.quick-payment-confirm-note {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 0.48rem;
  min-inline-size: 0;
  padding: 0.5rem;
  border: 0.0625rem solid rgba(66, 153, 225, 0.3);
  border-radius: var(--radius-sm);
  background: rgba(66, 153, 225, 0.075);
}

.quick-demo-finance-banner > span:nth-child(2),
.quick-payment-recovery-callout > span,
.quick-payment-paid-proof > span,
.quick-payment-confirm-note > span {
  display: grid;
  gap: 0.08rem;
  min-inline-size: 0;
}

.quick-demo-finance-banner small,
.quick-payment-recovery-callout small,
.quick-payment-paid-proof small,
.quick-payment-confirm-note small {
  color: var(--muted);
  font-size: 0.7em;
  overflow-wrap: anywhere;
}

.quick-payment-recovery-callout {
  border-color: rgba(245, 168, 0, 0.28);
  background: rgba(245, 168, 0, 0.07);
}

.quick-payment-recovery-callout.is-danger {
  border-color: rgba(255, 77, 95, 0.32);
  background: rgba(255, 77, 95, 0.07);
}

.quick-payment-paid-proof {
  border-color: rgba(38, 208, 111, 0.32);
  background: rgba(38, 208, 111, 0.075);
}

.quick-settlement-ledger {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.34rem;
  min-inline-size: 0;
}

.quick-settlement-ledger > span {
  display: grid;
  gap: 0.08rem;
  min-inline-size: 0;
  padding: 0.48rem;
  border: 0.0625rem solid rgba(168, 184, 204, 0.11);
  border-radius: var(--radius-sm);
  background: rgba(4, 9, 15, 0.5);
}

.quick-settlement-ledger small {
  color: var(--muted);
  font-size: 0.66em;
}

.quick-settlement-ledger strong {
  color: var(--gold-2);
  font-size: clamp(0.72rem, 0.66rem + 0.2vw, 0.86rem);
  font-variant-numeric: tabular-nums;
  overflow-wrap: anywhere;
}

.quick-payment-timeline {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.3rem;
  min-inline-size: 0;
  max-inline-size: 100%;
}

.quick-payment-phase {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 0.32rem;
  min-inline-size: 0;
  padding: 0.42rem;
  border: 0.0625rem solid rgba(168, 184, 204, 0.11);
  border-radius: var(--radius-sm);
  color: var(--muted);
  background: rgba(4, 9, 15, 0.5);
}

.quick-payment-phase i {
  display: grid;
  place-items: center;
  inline-size: 1.45rem;
  aspect-ratio: 1;
  border: 0.0625rem solid rgba(168, 184, 204, 0.18);
  border-radius: 50%;
  font-size: 0.66em;
  font-style: normal;
  font-weight: 850;
}

.quick-payment-phase > span {
  display: grid;
  gap: 0.04rem;
  min-inline-size: 0;
}

.quick-payment-phase strong,
.quick-payment-phase small {
  font-size: clamp(0.58rem, 0.53rem + 0.12vw, 0.68rem);
  line-height: 1.2;
  overflow-wrap: anywhere;
}

.quick-payment-phase small {
  color: inherit;
  opacity: 0.82;
}

.quick-payment-phase.is-current {
  border-color: rgba(245, 168, 0, 0.34);
  color: var(--gold-2);
  background: rgba(245, 168, 0, 0.085);
}

.quick-payment-phase.is-done {
  border-color: rgba(38, 208, 111, 0.28);
  color: var(--green);
  background: rgba(38, 208, 111, 0.065);
}

.quick-tender-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.38rem;
  min-inline-size: 0;
}

.quick-tender-card {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  grid-template-areas:
    "icon copy"
    "icon action";
  align-items: center;
  gap: 0.14rem 0.42rem;
  min-inline-size: 0;
  min-block-size: 4.8rem;
  padding: clamp(0.46rem, 0.66vw, 0.58rem);
  border: 0.0625rem solid rgba(168, 184, 204, 0.13);
  border-radius: var(--radius-sm);
  color: var(--text);
  background: rgba(5, 10, 16, 0.54);
  text-align: start;
}

.quick-tender-card:hover,
.quick-tender-card:focus-visible,
.quick-tender-card.is-selected {
  border-color: rgba(245, 168, 0, 0.48);
  outline: none;
  background: linear-gradient(135deg, rgba(245, 168, 0, 0.13), rgba(5, 10, 16, 0.66));
}

.quick-tender-card.is-recovery {
  border-color: rgba(255, 138, 42, 0.42);
}

.quick-tender-card:disabled {
  cursor: not-allowed;
  opacity: 0.68;
}

.quick-tender-icon {
  grid-area: icon;
  display: grid;
  place-items: center;
  inline-size: clamp(2rem, 2.8vw, 2.35rem);
  aspect-ratio: 1;
  border-radius: var(--radius-sm);
  color: var(--gold-2);
  background: rgba(245, 168, 0, 0.1);
}

.quick-tender-card > span:nth-child(2) {
  grid-area: copy;
  display: grid;
  gap: 0.08rem;
  min-inline-size: 0;
}

.quick-tender-card strong,
.quick-tender-card small {
  overflow-wrap: anywhere;
}

.quick-tender-card small {
  color: var(--muted);
  font-size: 0.66em;
  line-height: 1.3;
}

.quick-tender-card > b {
  grid-area: action;
  color: var(--gold-2);
  font-size: 0.64em;
  overflow-wrap: anywhere;
}

.quick-unsupported-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.3rem;
  min-inline-size: 0;
}

.quick-unsupported-grid > span {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 0.34rem;
  min-inline-size: 0;
  padding: 0.42rem;
  border: 0.0625rem dashed rgba(168, 184, 204, 0.15);
  border-radius: var(--radius-sm);
  color: var(--muted);
  background: rgba(4, 9, 15, 0.38);
}

.quick-unsupported-grid > span > span {
  display: grid;
  gap: 0.04rem;
  min-inline-size: 0;
}

.quick-unsupported-grid strong,
.quick-unsupported-grid small {
  font-size: 0.62em;
  overflow-wrap: anywhere;
}

.quick-payment-boundary {
  color: var(--muted);
  font-size: 0.68em;
  line-height: 1.42;
  overflow-wrap: anywhere;
}

.quick-payment-review-overlay {
  position: fixed;
  z-index: 180;
  inset: 0;
  inline-size: 100%;
  block-size: 100%;
  border: 0;
  background: rgba(1, 4, 8, 0.8);
  backdrop-filter: blur(0.35rem);
}

.quick-payment-review-panel {
  position: fixed;
  z-index: 181;
  inset: 50% auto auto 50%;
  display: grid;
  gap: clamp(0.58rem, 1vw, 0.82rem);
  inline-size: min(calc(100vw - 2rem), 36rem);
  max-block-size: min(calc(100dvh - 2rem), 48rem);
  padding: clamp(0.72rem, 1.3vw, 1rem);
  border: 0.0625rem solid rgba(245, 168, 0, 0.38);
  border-radius: var(--radius-lg);
  background: linear-gradient(155deg, rgba(27, 34, 43, 0.99), rgba(8, 13, 20, 0.99));
  box-shadow: 0 1.5rem 5rem rgba(0, 0, 0, 0.64);
  overflow-y: auto;
  transform: translate(-50%, -50%);
}

.quick-payment-review-panel > header,
.quick-payment-review-panel > footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.58rem;
  min-inline-size: 0;
}

.quick-payment-review-panel > header > div {
  display: grid;
  gap: 0.08rem;
  min-inline-size: 0;
}

.quick-payment-review-panel h2,
.quick-payment-review-panel p {
  overflow-wrap: anywhere;
}

.quick-payment-review-panel h2 {
  font-size: clamp(1.12rem, 0.98rem + 0.62vw, 1.52rem);
}

.quick-payment-review-panel p {
  color: var(--muted);
  font-size: 0.76em;
}

.quick-payment-review-identity {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 0.52rem;
  min-inline-size: 0;
  padding: 0.62rem;
  border: 0.0625rem solid rgba(245, 168, 0, 0.25);
  border-radius: var(--radius-md);
  background: rgba(245, 168, 0, 0.07);
}

.quick-payment-review-identity > span:first-child {
  display: grid;
  place-items: center;
  inline-size: 2.7rem;
  aspect-ratio: 1;
  border-radius: var(--radius-sm);
  color: var(--gold-2);
  background: rgba(245, 168, 0, 0.12);
}

.quick-payment-review-identity > span:nth-child(2) {
  display: grid;
  gap: 0.04rem;
  min-inline-size: 0;
}

.quick-payment-review-identity small {
  color: var(--muted);
  font-size: 0.68em;
}

.quick-payment-review-identity b {
  color: var(--gold-2);
  font-size: clamp(1rem, 0.9rem + 0.46vw, 1.32rem);
  font-variant-numeric: tabular-nums;
  text-align: end;
}

.quick-payment-review-facts {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.34rem;
  min-inline-size: 0;
}

.quick-payment-review-facts > span {
  display: grid;
  gap: 0.08rem;
  min-inline-size: 0;
  padding: 0.5rem;
  border: 0.0625rem solid rgba(168, 184, 204, 0.11);
  border-radius: var(--radius-sm);
  background: rgba(4, 9, 15, 0.48);
}

.quick-payment-review-facts small {
  color: var(--muted);
  font-size: 0.66em;
}

.quick-payment-review-facts strong {
  font-size: 0.76em;
  overflow-wrap: anywhere;
}

.quick-payment-confirm-note {
  grid-template-columns: auto minmax(0, 1fr);
  border-color: rgba(245, 168, 0, 0.24);
  background: rgba(245, 168, 0, 0.06);
}

.quick-payment-review-panel > footer {
  justify-content: flex-end;
  flex-wrap: wrap;
}

.quick-payment-review-panel > footer .button,
.quick-payment-recovery-callout .button {
  min-block-size: 2.75rem;
  white-space: normal;
}

body.is-quick-payment-review-open {
  overflow: hidden;
}

@media (max-width: 58em) {
  .pos-workspace .pos-flow-step strong {
    font-size: 0.74em;
  }

  .pos-workspace .pos-flow-step small {
    font-size: 0.61em;
  }

  .quick-tender-card,
  .quick-payment-recovery-callout .button,
  .quick-payment-review-panel .button {
    min-block-size: 2.75rem;
  }
}

@media (max-width: 42em) {
  .quick-settlement-head,
  .quick-payment-recovery-callout,
  .quick-payment-paid-proof {
    grid-template-columns: minmax(0, 1fr);
  }

  .quick-settlement-state,
  .quick-payment-recovery-callout .tag,
  .quick-payment-paid-proof .tag {
    justify-self: start;
  }

  .quick-settlement-ledger,
  .quick-payment-review-facts {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .quick-unsupported-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .quick-payment-review-overlay {
    background: rgba(1, 4, 8, 0.72);
  }

  .quick-payment-review-panel {
    inset: auto 0 0;
    inline-size: 100%;
    max-block-size: 94dvh;
    border-radius: var(--radius-lg) var(--radius-lg) 0 0;
    transform: none;
  }

  .quick-payment-review-panel > footer .button {
    flex: 1 1 10rem;
  }
}

@media (max-width: 30em) {
  .pos-workspace .pos-flow-steps {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .quick-payment-timeline,
  .quick-tender-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .quick-payment-phase {
    min-block-size: 2.75rem;
  }

  .quick-payment-review-identity {
    grid-template-columns: auto minmax(0, 1fr);
  }

  .quick-payment-review-identity > b {
    grid-column: 1 / -1;
    justify-self: start;
    text-align: start;
  }
}

@media (max-width: 24em) {
  .pos-workspace .pos-flow-steps,
  .quick-settlement-ledger,
  .quick-payment-review-facts {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* V69 cascade guard: certified dining mobile overrides remain unchanged by V71C. */
@media (max-width: 30em) {
  .dining-flow-steps,
  .dining-service-actions,
  .dining-target-list,
  .dining-split-lines,
  .dining-split-tabs,
  .dining-equal-parts {
    grid-template-columns: minmax(0, 1fr);
  }
}

/* V71E final legibility guard: operational helper text stays readable at 320px. */
.cash-drawer-workspace small,
.cash-drawer-workspace em,
.cash-drawer-review-panel small,
.cash-drawer-permissions code,
.cash-drawer-day-end-gate > b {
  font-size: clamp(0.68rem, 0.66vw, 0.76rem);
  line-height: 1.4;
}

/* V71H · Role-aware, task-first navigation */
.nav {
  gap: clamp(0.28rem, 0.55vw, 0.5rem);
}

.nav-section {
  min-inline-size: 0;
  border-block-end: 0.0625rem solid rgba(168, 184, 204, 0.08);
  padding-block-end: clamp(0.24rem, 0.5vw, 0.42rem);
}

.nav-section:last-child {
  border-block-end: 0;
}

.nav-section-summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  min-block-size: clamp(2.75rem, 3.4vw, 3rem);
  padding-inline: clamp(0.48rem, 0.7vw, 0.66rem);
  border-radius: var(--radius-sm);
  color: var(--muted);
  cursor: pointer;
  font-size: clamp(0.68rem, 0.34vw + 0.62rem, 0.76rem);
  font-weight: 780;
  letter-spacing: 0.055em;
  list-style: none;
  text-transform: uppercase;
}

.nav-section-summary::-webkit-details-marker {
  display: none;
}

.nav-section-summary:hover,
.nav-section-summary:focus-visible {
  color: var(--gold-2);
  background: rgba(245, 168, 0, 0.06);
  outline: 0.125rem solid rgba(245, 168, 0, 0.34);
  outline-offset: -0.125rem;
}

.nav-section-meta {
  display: inline-flex;
  align-items: center;
  gap: 0.32rem;
  color: inherit;
}

.nav-section-meta > span {
  display: grid;
  place-items: center;
  min-inline-size: 1.25rem;
  min-block-size: 1.25rem;
  border-radius: 999rem;
  background: rgba(168, 184, 204, 0.09);
  font-size: 0.72rem;
}

.nav-section-meta svg {
  inline-size: 0.82rem;
  transition: transform 160ms ease;
}

.nav-section[open] .nav-section-meta svg {
  transform: rotate(180deg);
}

.nav-section-items {
  display: grid;
  gap: 0.16rem;
  padding-block-start: 0.16rem;
}

.nav-button {
  min-block-size: clamp(2.75rem, 3.3vw, 3rem);
}

.nav-authority-placeholder {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: start;
  gap: 0.62rem;
  padding: clamp(0.68rem, 1vw, 0.9rem);
  border: 0.0625rem solid rgba(245, 168, 0, 0.22);
  border-radius: var(--radius-md);
  background: rgba(245, 168, 0, 0.05);
}

.nav-authority-placeholder.is-error {
  border-color: rgba(255, 77, 95, 0.28);
  background: rgba(255, 77, 95, 0.06);
}

.nav-authority-icon {
  display: grid;
  place-items: center;
  inline-size: clamp(2.2rem, 3vw, 2.6rem);
  aspect-ratio: 1;
  border-radius: 50%;
  color: var(--gold-2);
  background: rgba(245, 168, 0, 0.1);
}

.nav-authority-placeholder div,
.sidebar-user-context > span:nth-child(2),
.workspace-status-copy {
  display: grid;
  min-inline-size: 0;
  gap: 0.12rem;
}

.nav-authority-placeholder small,
.sidebar-user-context small,
.workspace-status-copy small {
  color: var(--muted);
  line-height: 1.35;
}

.sidebar-context {
  display: grid;
  gap: 0.4rem;
  margin-block-start: var(--gap);
  min-inline-size: 0;
}

.sidebar-user-context {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 0.5rem;
  min-inline-size: 0;
  padding: clamp(0.5rem, 0.8vw, 0.68rem);
  border: 0.0625rem solid rgba(168, 184, 204, 0.1);
  border-radius: var(--radius-sm);
  background: rgba(15, 23, 32, 0.72);
}

.sidebar-user-context strong,
.sidebar-user-context small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.status-dot {
  inline-size: 0.56rem;
  aspect-ratio: 1;
  border-radius: 50%;
  background: var(--red);
  box-shadow: 0 0 0.62rem rgba(255, 77, 95, 0.56);
}

.status-dot.is-online {
  background: var(--green);
  box-shadow: 0 0 0.62rem rgba(38, 208, 111, 0.5);
}

.sidebar-system-details {
  min-inline-size: 0;
}

.sidebar-system-details > summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.45rem;
  min-block-size: clamp(2.75rem, 3.3vw, 3rem);
  padding-inline: 0.58rem;
  border: 0.0625rem solid rgba(168, 184, 204, 0.08);
  border-radius: var(--radius-sm);
  color: var(--muted);
  cursor: pointer;
  list-style: none;
}

.sidebar-system-details > summary::-webkit-details-marker {
  display: none;
}

.sidebar-system-details > summary > span {
  display: inline-flex;
  align-items: center;
  gap: 0.42rem;
}

.sidebar-system-details > summary svg {
  inline-size: 1rem;
}

.sidebar-system-details > summary > svg {
  transition: transform 160ms ease;
}

.sidebar-system-details[open] > summary > svg {
  transform: rotate(180deg);
}

.sidebar-system-details > summary:hover,
.sidebar-system-details > summary:focus-visible {
  color: var(--gold-2);
  border-color: rgba(245, 168, 0, 0.28);
  outline: none;
}

.sidebar-system-content {
  display: grid;
  gap: 0.42rem;
  padding-block-start: 0.42rem;
}

.top-actions {
  flex-wrap: nowrap;
}

.workspace-status-trigger {
  position: relative;
  padding-inline: clamp(0.48rem, 0.72vw, 0.68rem);
}

.bottom-nav {
  grid-template-columns: repeat(var(--bottom-nav-count, 5), minmax(0, 1fr));
}

.workspace-status-trigger .badge {
  margin-inline-start: 0.08rem;
}

.workspace-status-copy {
  text-align: start;
  line-height: 1.05;
}

.workspace-status-copy strong {
  font-size: 0.76rem;
}

.workspace-status-copy small {
  font-size: 0.66rem;
}

.workspace-status-panel {
  inline-size: min(26rem, calc(100vw - 1rem));
}

.workspace-status-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.42rem;
}

.workspace-status-grid .panel-stat {
  align-items: start;
  justify-content: start;
  padding: 0.58rem;
  border: 0.0625rem solid rgba(168, 184, 204, 0.08);
  border-radius: var(--radius-sm);
  background: rgba(255, 255, 255, 0.02);
}

.workspace-alert-list {
  max-block-size: min(30vh, 12rem);
  overflow-y: auto;
}

.navigation-authority-gate {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: start;
  gap: clamp(0.72rem, 1.5vw, 1.1rem);
  inline-size: min(100%, 46rem);
  margin: clamp(1rem, 8vh, 6rem) auto;
  padding: clamp(1rem, 2.4vw, 1.65rem);
  border: 0.0625rem solid rgba(245, 168, 0, 0.24);
  border-radius: var(--radius-lg);
  background:
    radial-gradient(circle at 100% 0%, rgba(245, 168, 0, 0.08), transparent 18rem),
    rgba(12, 19, 27, 0.9);
  box-shadow: var(--shadow);
}

.navigation-authority-mark {
  display: grid;
  place-items: center;
  inline-size: clamp(2.8rem, 5vw, 4rem);
  aspect-ratio: 1;
  border: 0.0625rem solid rgba(245, 168, 0, 0.32);
  border-radius: 50%;
  color: var(--gold-2);
  background: rgba(245, 168, 0, 0.08);
}

.navigation-authority-gate > div {
  display: grid;
  gap: 0.58rem;
  min-inline-size: 0;
}

.navigation-authority-gate h2,
.navigation-authority-gate p {
  margin: 0;
}

.navigation-authority-gate p,
.navigation-authority-gate small {
  color: var(--muted);
  line-height: 1.5;
  overflow-wrap: anywhere;
}

.navigation-authority-gate .button {
  justify-self: start;
  min-block-size: 2.75rem;
}

@media (max-width: 58em) {
  .sidebar .nav-button,
  .sidebar .nav-section-summary,
  .sidebar .sidebar-system-details > summary {
    min-block-size: 3rem;
  }

  .branch-panel {
    inset-inline-start: auto;
    inset-inline-end: 0;
  }
}

@media (max-width: 42em) {
  .topbar,
  body.is-cash-drawer-view .topbar {
    grid-template-columns: auto minmax(0, 1fr) auto;
    grid-template-areas: "menu title actions";
    gap: clamp(0.28rem, 1.6vw, 0.46rem);
    min-block-size: clamp(3.35rem, 16vw, 4.25rem);
    padding: clamp(0.38rem, 1.8vw, 0.52rem);
  }

  .top-actions,
  body.is-cash-drawer-view .top-actions {
    grid-area: actions;
    display: flex;
    gap: clamp(0.18rem, 1vw, 0.28rem);
    inline-size: auto;
  }

  .top-actions .action-wrap,
  .top-actions > .icon-button,
  body.is-cash-drawer-view .top-actions .action-wrap,
  body.is-cash-drawer-view .top-actions > .icon-button {
    inline-size: var(--control);
    min-inline-size: 2.75rem;
  }

  .top-actions .top-action,
  .top-actions .icon-button,
  body.is-cash-drawer-view .top-actions .top-action,
  body.is-cash-drawer-view .top-actions .icon-button {
    inline-size: var(--control);
    min-inline-size: 2.75rem;
    min-block-size: 2.75rem;
    padding: 0;
    aspect-ratio: 1;
  }

  .topbar .menu-toggle {
    min-inline-size: 2.75rem;
    min-block-size: 2.75rem;
  }

  .command-center-actions,
  .command-more-actions > div {
    grid-template-columns: minmax(0, 1fr);
  }

  .command-center-status {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .command-more-actions {
    grid-column: auto;
  }

  .dashboard-secondary-content {
    padding: clamp(0.42rem, 2.2vw, 0.68rem);
  }

  .workspace-status-copy {
    display: none;
  }

  .workspace-status-trigger > .badge {
    position: absolute;
    inset-block-start: -0.18rem;
    inset-inline-end: -0.18rem;
    display: grid;
    place-items: center;
    min-inline-size: 1.12rem;
    min-block-size: 1.12rem;
    padding-inline: 0.2rem;
    border: 0.1rem solid var(--surface);
    border-radius: 999rem;
    font-size: 0.62rem;
    line-height: 1;
  }

  .top-panel {
    inset-block-start: clamp(3.8rem, 18vw, 4.7rem);
  }

  .workspace-status-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .sidebar,
  .sidebar.is-open {
    inset: auto 0 0;
    inline-size: 100%;
    block-size: min(78svh, 42rem);
    max-block-size: 78svh;
    padding: clamp(0.62rem, 3vw, 0.9rem);
    border: 0.0625rem solid rgba(245, 168, 0, 0.24);
    border-block-end: 0;
    border-radius: clamp(1rem, 5vw, 1.4rem) clamp(1rem, 5vw, 1.4rem) 0 0;
    transform: translateY(105%);
    box-shadow: 0 -1.2rem 3.2rem rgba(0, 0, 0, 0.5);
  }

  .sidebar.is-open {
    transform: translateY(0);
  }

  .sidebar .brand {
    padding-block-end: 0.42rem;
  }

  .sidebar .nav-button,
  .sidebar .nav-section-summary,
  .sidebar .sidebar-system-details > summary {
    min-block-size: 3rem;
  }

  .navigation-authority-gate {
    grid-template-columns: minmax(0, 1fr);
    margin-block: clamp(0.7rem, 5vh, 2rem);
  }

  .navigation-authority-mark {
    inline-size: 3rem;
  }

  .pin-private-status {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (prefers-reduced-motion: reduce) {
  .nav-section-meta svg,
  .sidebar-system-details > summary > svg,
  .sidebar {
    transition: none;
  }
}

/* V71H · task-first package sale and modal-safe product configuration */
.pos-flow-disclosure,
.quick-channel-disclosure,
.quick-product-technical-details,
.quick-sale-channel-technical-details {
  min-inline-size: 0;
}

.pos-flow-disclosure > summary,
.quick-channel-disclosure > summary,
.quick-product-technical-details > summary,
.quick-sale-channel-technical-details > summary {
  list-style: none;
  cursor: pointer;
}

.pos-flow-disclosure > summary::-webkit-details-marker,
.quick-channel-disclosure > summary::-webkit-details-marker,
.quick-product-technical-details > summary::-webkit-details-marker,
.quick-sale-channel-technical-details > summary::-webkit-details-marker {
  display: none;
}

.pos-flow-disclosure > summary,
.quick-channel-disclosure > summary {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: clamp(0.48rem, 0.9vw, 0.72rem);
  min-block-size: clamp(3.4rem, 5vw, 4rem);
  padding: clamp(0.56rem, 0.9vw, 0.76rem);
  border: 0.0625rem solid rgba(245, 168, 0, 0.26);
  border-radius: var(--radius-md);
  color: var(--text);
  background:
    linear-gradient(110deg, rgba(245, 168, 0, 0.09), rgba(12, 20, 29, 0.94) 45%),
    var(--surface);
}

.quick-channel-disclosure > summary {
  border-color: rgba(168, 184, 204, 0.16);
  background: rgba(12, 20, 29, 0.9);
}

.pos-flow-disclosure > summary:hover,
.pos-flow-disclosure > summary:focus-visible,
.pos-flow-disclosure[open] > summary,
.quick-channel-disclosure > summary:hover,
.quick-channel-disclosure > summary:focus-visible,
.quick-channel-disclosure[open] > summary {
  border-color: rgba(245, 168, 0, 0.54);
  outline: none;
  background: rgba(245, 168, 0, 0.09);
}

.pos-flow-disclosure > summary > span:nth-child(2),
.quick-channel-disclosure > summary > span:nth-child(2),
.quick-product-technical-details > summary > span,
.quick-sale-channel-technical-details > summary > span {
  display: grid;
  gap: 0.1rem;
  min-inline-size: 0;
}

.pos-flow-disclosure > summary small,
.quick-channel-disclosure > summary small {
  color: var(--muted);
}

.pos-flow-summary-number,
.quick-channel-disclosure-icon {
  display: grid;
  place-items: center;
  inline-size: clamp(2.2rem, 3.4vw, 2.75rem);
  aspect-ratio: 1;
  border: 0.0625rem solid rgba(245, 168, 0, 0.3);
  border-radius: var(--radius-sm);
  color: var(--gold-2);
  background: rgba(245, 168, 0, 0.09);
  font-weight: 850;
}

.quick-channel-disclosure-icon .mini-icon {
  inline-size: 1.3rem;
}

.pos-flow-summary-action,
.quick-channel-disclosure-action {
  display: inline-flex;
  align-items: center;
  justify-content: end;
  gap: 0.28rem;
  color: var(--gold-2);
  font-size: clamp(0.75rem, 0.7rem + 0.12vw, 0.82rem);
  font-weight: 780;
  white-space: nowrap;
}

.pos-flow-summary-action .mini-icon,
.quick-channel-disclosure-action .mini-icon,
.quick-product-technical-details > summary > .mini-icon:last-child,
.quick-sale-channel-technical-details > summary > .mini-icon:last-child {
  inline-size: 1rem;
  transition: transform 160ms ease;
}

.pos-flow-disclosure[open] .pos-flow-summary-action .mini-icon,
.quick-channel-disclosure[open] .quick-channel-disclosure-action .mini-icon,
.quick-product-technical-details[open] > summary > .mini-icon:last-child,
.quick-sale-channel-technical-details[open] > summary > .mini-icon:last-child {
  transform: rotate(180deg);
}

.pos-flow-disclosure > .pos-flow-card,
.quick-channel-disclosure > .quick-channel-card {
  margin-block-start: clamp(0.42rem, 0.8vw, 0.68rem);
}

.product-card.is-quick-add .product-add-state {
  color: var(--green);
}

.product-card.is-quick-add:hover,
.product-card.is-quick-add:focus-visible {
  border-color: rgba(38, 208, 111, 0.5);
  background: linear-gradient(180deg, rgba(38, 208, 111, 0.1), rgba(10, 17, 25, 0.92));
}

.quick-product-guidance {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 0.52rem;
  min-inline-size: 0;
  padding: clamp(0.54rem, 0.9vw, 0.72rem);
  border: 0.0625rem solid rgba(38, 208, 111, 0.26);
  border-radius: var(--radius-md);
  background: rgba(38, 208, 111, 0.07);
}

.quick-product-guidance > span:first-child {
  display: grid;
  place-items: center;
  inline-size: 2.25rem;
  aspect-ratio: 1;
  border-radius: 50%;
  color: var(--green);
  background: rgba(38, 208, 111, 0.12);
}

.quick-product-guidance > span:last-child {
  display: grid;
  gap: 0.1rem;
  min-inline-size: 0;
}

.quick-product-guidance small,
.quick-product-technical-details small,
.quick-sale-channel-technical-details small {
  color: var(--muted);
  line-height: 1.45;
  overflow-wrap: anywhere;
}

.quick-product-technical-details,
.quick-sale-channel-technical-details {
  border: 0.0625rem solid rgba(168, 184, 204, 0.13);
  border-radius: var(--radius-md);
  background: rgba(5, 10, 16, 0.45);
}

.quick-product-technical-details > summary,
.quick-sale-channel-technical-details > summary {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 0.5rem;
  min-block-size: 2.75rem;
  padding: clamp(0.5rem, 0.82vw, 0.68rem);
  color: var(--text);
}

.quick-product-technical-details > summary:hover,
.quick-product-technical-details > summary:focus-visible,
.quick-product-technical-details[open] > summary,
.quick-sale-channel-technical-details > summary:hover,
.quick-sale-channel-technical-details > summary:focus-visible,
.quick-sale-channel-technical-details[open] > summary {
  color: var(--gold-2);
  outline: none;
  background: rgba(245, 168, 0, 0.06);
}

.quick-product-technical-details > div,
.quick-sale-channel-technical-content {
  display: grid;
  gap: clamp(0.48rem, 0.86vw, 0.7rem);
  min-inline-size: 0;
  padding: clamp(0.54rem, 0.9vw, 0.72rem);
  border-block-start: 0.0625rem solid rgba(168, 184, 204, 0.1);
}

.quick-product-technical-details p {
  margin: 0;
  color: var(--muted);
  line-height: 1.5;
  overflow-wrap: anywhere;
}

.quick-sale-channel-technical-content .quick-sale-channel-security-layout {
  grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr);
}

.pos-workspace small,
.quick-sale-configurator small,
.quick-sale-channel-preview-panel small,
.quick-sale-channel-preview-panel code,
.quick-sale-channel-preview-step strong,
.pos-workspace .tag,
.quick-channel-check {
  font-size: clamp(0.75rem, 0.7rem + 0.12vw, 0.84rem);
  line-height: 1.4;
}

.quick-sale-configurator .dining-config-choice,
.quick-sale-configurator .dining-config-quantity button,
.quick-sale-configurator .button {
  min-block-size: 2.75rem;
}

body.is-quick-product-config-open {
  overflow: hidden;
}

@media (max-width: 42em) {
  .pos-flow-disclosure > summary,
  .quick-channel-disclosure > summary {
    min-block-size: 3.25rem;
    padding: clamp(0.48rem, 2.4vw, 0.64rem);
  }

  .pos-flow-summary-action,
  .quick-channel-disclosure-action {
    font-size: 0;
  }

  .pos-flow-summary-action .mini-icon,
  .quick-channel-disclosure-action .mini-icon {
    inline-size: 1.25rem;
  }

  .quick-sale-channel-technical-content .quick-sale-channel-security-layout {
    grid-template-columns: minmax(0, 1fr);
  }

  .quick-sale-configurator .dining-config-footer .button {
    flex: 1 1 min(100%, 10rem);
  }
}

@media (max-width: 24em) {
  .product-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .product-card {
    padding: clamp(0.48rem, 2.5vw, 0.6rem);
  }

  .product-card-main {
    grid-template-columns: 2.35rem minmax(0, 1fr);
  }

  .product-add-state {
    inline-size: 100%;
    margin-inline-start: 0;
  }
}

/* V71I · task-density reduction and first-viewport operations */
.mobile-top-action-copy {
  display: none;
}

.dashboard-command-center {
  grid-template-columns: minmax(0, 1.05fr) minmax(min(100%, 24rem), 0.78fr) minmax(min(100%, 22rem), 0.72fr);
}

.command-priority-list {
  display: grid;
  align-content: start;
  gap: clamp(0.3rem, 0.56vw, 0.46rem);
  min-inline-size: 0;
  padding: clamp(0.48rem, 0.82vw, 0.72rem);
  border: 0.0625rem solid rgba(168, 184, 204, 0.12);
  border-radius: var(--radius-sm);
  background: rgba(5, 10, 16, 0.38);
}

.command-priority-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  min-inline-size: 0;
  padding-block-end: 0.32rem;
  border-block-end: 0.0625rem solid rgba(168, 184, 204, 0.1);
}

.command-priority-head > span {
  display: grid;
  gap: 0.08rem;
  min-inline-size: 0;
}

.command-priority-head small {
  color: var(--gold-2);
  font-size: 0.66em;
  font-weight: 820;
  letter-spacing: 0.08em;
}

.command-priority-head b {
  display: grid;
  place-items: center;
  min-inline-size: 1.75rem;
  aspect-ratio: 1;
  border-radius: 999rem;
  color: var(--gold-2);
  background: rgba(245, 168, 0, 0.1);
  font-variant-numeric: tabular-nums;
}

.command-priority-item {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: clamp(0.36rem, 0.65vw, 0.54rem);
  inline-size: 100%;
  min-inline-size: 0;
  min-block-size: 2.75rem;
  padding: clamp(0.38rem, 0.66vw, 0.54rem);
  border: 0.0625rem solid rgba(168, 184, 204, 0.1);
  border-radius: var(--radius-sm);
  color: var(--text);
  background: rgba(12, 20, 29, 0.68);
  text-align: start;
}

button.command-priority-item:hover,
button.command-priority-item:focus-visible {
  border-color: rgba(245, 168, 0, 0.46);
  outline: none;
  background: rgba(245, 168, 0, 0.08);
}

.command-priority-item.has-warning {
  border-color: rgba(255, 138, 42, 0.34);
}

.command-priority-item > span:nth-child(2) {
  display: grid;
  gap: 0.08rem;
  min-inline-size: 0;
}

.command-priority-item strong,
.command-priority-item small {
  min-inline-size: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.command-priority-item small {
  color: var(--muted);
  font-size: 0.75em;
}

.command-priority-list .command-action-icon,
.command-priority-list .command-security-icon {
  inline-size: clamp(1.9rem, 2.45vw, 2.3rem);
}

.command-priority-list .command-security {
  grid-template-columns: auto minmax(0, 1fr) auto;
  min-inline-size: 0;
  border-color: rgba(255, 138, 42, 0.22);
}

.command-priority-list .command-security.is-ready {
  border-color: rgba(38, 208, 111, 0.22);
}

.task-support-disclosure {
  min-inline-size: 0;
  border: 0.0625rem solid rgba(168, 184, 204, 0.13);
  border-radius: var(--radius-md);
  background: rgba(7, 13, 20, 0.54);
}

.task-support-disclosure > summary {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: clamp(0.42rem, 0.8vw, 0.64rem);
  min-block-size: 2.75rem;
  padding: clamp(0.5rem, 0.84vw, 0.7rem);
  color: var(--text);
  cursor: pointer;
  list-style: none;
}

.task-support-disclosure > summary::-webkit-details-marker {
  display: none;
}

.task-support-disclosure > summary > span:not(.stock-mode-selector-action) {
  display: grid;
  gap: 0.08rem;
  min-inline-size: 0;
}

.task-support-disclosure > summary small {
  color: var(--muted);
  font-size: 0.76em;
  line-height: 1.35;
  overflow-wrap: anywhere;
}

.task-support-disclosure > summary > .mini-icon:first-child {
  inline-size: 1.15rem;
  color: var(--gold-2);
}

.task-support-disclosure > summary > .mini-icon:last-child,
.stock-mode-selector-action .mini-icon {
  inline-size: 1rem;
  transition: transform 160ms ease;
}

.task-support-disclosure[open] > summary > .mini-icon:last-child,
.stock-mode-selector[open] .stock-mode-selector-action .mini-icon {
  transform: rotate(180deg);
}

.task-support-disclosure > summary:hover,
.task-support-disclosure > summary:focus-visible,
.task-support-disclosure[open] > summary {
  color: var(--gold-2);
  border-color: rgba(245, 168, 0, 0.38);
  outline: none;
  background: rgba(245, 168, 0, 0.06);
}

.task-support-content {
  display: grid;
  gap: var(--gap);
  min-inline-size: 0;
  padding: clamp(0.54rem, 0.92vw, 0.76rem);
  border-block-start: 0.0625rem solid rgba(168, 184, 204, 0.1);
}

.task-support-disclosure:not([open]) > .task-support-content {
  display: none;
}

.dining-area-row .chip,
.compact-categories .chip,
.kds-filter-row .chip,
.kds-demo-role-switch .chip,
.operation-feed-toggle {
  min-block-size: 2.75rem;
}

.pos-workspace .search input,
.stock-workspace .search input {
  min-block-size: 2.75rem;
}

.dining-layout-tools {
  margin-block-start: 0.12rem;
}

.dining-support-disclosure .dining-flow-card,
.dining-support-disclosure .dining-handoff-entry {
  margin: 0;
}

.kds-support-disclosure > summary strong,
.dining-support-disclosure > summary strong,
.dining-layout-tools > summary strong {
  overflow-wrap: anywhere;
}

.kds-support-disclosure .task-support-content {
  background: rgba(5, 10, 16, 0.3);
}

.kds-ticket-actions .button {
  min-block-size: 2.75rem;
}

.stock-mode-selector {
  border-color: rgba(245, 168, 0, 0.28);
  background:
    linear-gradient(110deg, rgba(245, 168, 0, 0.09), rgba(8, 14, 21, 0.74) 42%),
    var(--surface);
}

.stock-mode-selector > summary {
  grid-template-columns: auto minmax(0, 1fr) auto;
  min-block-size: clamp(3.35rem, 4.6vw, 4rem);
}

.stock-mode-selector > summary > span:nth-child(2) > small:first-child {
  color: var(--gold-2);
  font-size: 0.65em;
  font-weight: 820;
  letter-spacing: 0.08em;
}

.stock-mode-selector-action {
  display: inline-flex;
  align-items: center;
  justify-content: end;
  gap: 0.34rem;
  color: var(--gold-2);
  font-size: 0.78em;
  font-weight: 780;
  white-space: nowrap;
}

.stock-mode-groups {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: start;
}

.stock-mode-group {
  display: grid;
  gap: 0.42rem;
  min-inline-size: 0;
}

.stock-mode-group > header {
  display: grid;
  gap: 0.08rem;
  min-inline-size: 0;
  padding-inline: 0.12rem;
}

.stock-mode-group > header small {
  color: var(--muted);
  font-size: 0.72em;
}

.stock-mode-group > div {
  display: grid;
  gap: 0.3rem;
  min-inline-size: 0;
}

.stock-mode-option {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 0.42rem;
  inline-size: 100%;
  min-inline-size: 0;
  min-block-size: 2.75rem;
  padding: 0.46rem;
  border: 0.0625rem solid rgba(168, 184, 204, 0.1);
  border-radius: var(--radius-sm);
  color: var(--text);
  background: rgba(5, 10, 16, 0.4);
  text-align: start;
}

.stock-mode-option > span {
  display: grid;
  gap: 0.06rem;
  min-inline-size: 0;
}

.stock-mode-option small {
  color: var(--muted);
  font-size: 0.7em;
  overflow-wrap: anywhere;
}

.stock-mode-option b {
  display: grid;
  place-items: center;
  min-inline-size: 1.6rem;
  block-size: 1.6rem;
  padding-inline: 0.28rem;
  border-radius: 999rem;
  color: var(--muted);
  background: rgba(168, 184, 204, 0.08);
  font-variant-numeric: tabular-nums;
}

.stock-mode-option:hover,
.stock-mode-option:focus-visible,
.stock-mode-option.is-active {
  border-color: rgba(245, 168, 0, 0.46);
  color: var(--gold-2);
  outline: none;
  background: rgba(245, 168, 0, 0.08);
}

.stock-mode-option.is-active b {
  color: var(--gold-2);
  background: rgba(245, 168, 0, 0.12);
}

.stock-toolbar.is-single {
  grid-template-columns: minmax(0, 1fr);
}

.stock-authority-next {
  display: grid;
  gap: 0.22rem;
  padding: clamp(0.62rem, 1vw, 0.82rem);
  border: 0.0625rem solid rgba(245, 168, 0, 0.2);
  border-radius: var(--radius-sm);
  background: rgba(245, 168, 0, 0.06);
}

.stock-authority-next p {
  margin: 0;
  color: var(--muted);
  line-height: 1.45;
}

@media (max-width: 78em) {
  .dashboard-command-center {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .command-center-copy {
    grid-column: 1 / -1;
  }

  .stock-mode-groups {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (min-width: 42.01em) and (max-width: 58em) {
  .topbar,
  body.is-cash-drawer-view .topbar {
    --mobile-topbar-size: clamp(6.75rem, 14vw, 7.1rem);
    grid-template-columns: auto minmax(0, 1fr);
    grid-template-areas:
      "menu title"
      "actions actions";
    gap: clamp(0.28rem, 1vw, 0.46rem);
    block-size: var(--mobile-topbar-size);
    min-block-size: var(--mobile-topbar-size);
    padding: clamp(0.34rem, 0.8vw, 0.5rem);
  }

  .topbar .menu-toggle {
    grid-area: menu;
  }

  .top-title {
    grid-area: title;
  }

  .top-title p {
    display: none;
  }

  .top-actions,
  body.is-cash-drawer-view .top-actions {
    grid-area: actions;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: clamp(0.22rem, 0.7vw, 0.34rem);
    inline-size: 100%;
  }

  .top-actions .action-wrap,
  .top-actions > .icon-button,
  body.is-cash-drawer-view .top-actions .action-wrap,
  body.is-cash-drawer-view .top-actions > .icon-button {
    inline-size: 100%;
    min-inline-size: 0;
  }

  .top-actions .top-action,
  .top-actions .icon-button,
  body.is-cash-drawer-view .top-actions .top-action,
  body.is-cash-drawer-view .top-actions .icon-button {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: 0.34rem;
    inline-size: 100%;
    min-inline-size: 0;
    min-block-size: 2.75rem;
    padding-inline: 0.48rem;
    aspect-ratio: auto;
    text-align: start;
  }

  .mobile-top-action-copy {
    display: grid;
    gap: 0.02rem;
    min-inline-size: 0;
    line-height: 1.05;
  }

  .mobile-top-action-copy strong,
  .mobile-top-action-copy small {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .mobile-top-action-copy small {
    color: var(--muted);
    font-size: 0.66rem;
  }

  .branch-copy,
  .branch-trigger > .chevron,
  .workspace-status-copy {
    display: none;
  }

  .top-panel {
    position: fixed;
    inset-block-start: calc(var(--mobile-topbar-size) + 0.32rem);
    inset-inline: 0.5rem;
    inline-size: auto;
    max-block-size: calc(100svh - var(--mobile-topbar-size) - 0.82rem);
  }
}

@media (max-width: 78em) {
  .dining-order-overlay {
    position: fixed;
    inset: 0;
    z-index: 86;
    display: block;
    visibility: hidden;
    opacity: 0;
    border: 0;
    background: rgba(0, 0, 0, 0.66);
    backdrop-filter: blur(0.18rem);
    pointer-events: none;
    transition: opacity 180ms ease, visibility 180ms ease;
  }

  .dining-order-overlay.is-visible {
    visibility: visible;
    opacity: 1;
    pointer-events: auto;
  }

  .table-order-panel {
    position: fixed;
    inset: auto 0 0;
    z-index: 87;
    inline-size: 100%;
    max-block-size: min(91svh, 54rem);
    overflow: auto;
    overscroll-behavior: contain;
    transform: translateY(105%);
    visibility: hidden;
    border-radius: var(--radius-lg) var(--radius-lg) 0 0;
    box-shadow: 0 -1.4rem 4rem rgba(0, 0, 0, 0.52);
    transition: transform 200ms ease, visibility 200ms ease;
  }

  .table-order-panel.is-open {
    transform: translateY(0);
    visibility: visible;
  }

  .dining-panel-close {
    display: inline-grid;
  }

  .table-order-header {
    position: sticky;
    inset-block-start: 0;
    z-index: 2;
    background: rgba(12, 19, 28, 0.98);
    backdrop-filter: blur(0.32rem);
  }
}

@media (max-width: 42em) {
  .topbar,
  body.is-cash-drawer-view .topbar {
    --mobile-topbar-size: clamp(6.75rem, 30vw, 7.1rem);
    grid-template-columns: auto minmax(0, 1fr);
    grid-template-areas:
      "menu title"
      "actions actions";
    gap: clamp(0.28rem, 1.6vw, 0.46rem);
    block-size: var(--mobile-topbar-size);
    min-block-size: var(--mobile-topbar-size);
    padding: clamp(0.34rem, 1.7vw, 0.5rem);
  }

  .topbar .menu-toggle {
    grid-area: menu;
  }

  .top-title {
    grid-area: title;
  }

  .top-title p {
    display: none;
  }

  .top-actions,
  body.is-cash-drawer-view .top-actions {
    grid-area: actions;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: clamp(0.22rem, 1.2vw, 0.34rem);
    inline-size: 100%;
  }

  .top-actions .action-wrap,
  .top-actions > .icon-button,
  body.is-cash-drawer-view .top-actions .action-wrap,
  body.is-cash-drawer-view .top-actions > .icon-button {
    inline-size: 100%;
    min-inline-size: 0;
  }

  .top-actions .top-action,
  .top-actions .icon-button,
  body.is-cash-drawer-view .top-actions .top-action,
  body.is-cash-drawer-view .top-actions .icon-button {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: clamp(0.22rem, 1.1vw, 0.34rem);
    inline-size: 100%;
    min-inline-size: 0;
    min-block-size: 2.75rem;
    padding-inline: clamp(0.32rem, 1.8vw, 0.48rem);
    aspect-ratio: auto;
    text-align: start;
  }

  .top-actions .top-action > .mini-icon,
  .top-actions .icon-button > .mini-icon {
    inline-size: 1.05rem;
  }

  .mobile-top-action-copy {
    display: grid;
    gap: 0.02rem;
    min-inline-size: 0;
    line-height: 1.05;
  }

  .mobile-top-action-copy strong,
  .mobile-top-action-copy small {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .mobile-top-action-copy strong {
    font-size: clamp(0.66rem, 2.3vw, 0.78rem);
  }

  .mobile-top-action-copy small {
    color: var(--muted);
    font-size: clamp(0.56rem, 1.9vw, 0.66rem);
  }

  .branch-copy,
  .branch-trigger > .chevron,
  .workspace-status-copy {
    display: none;
  }

  .network-indicator::after {
    inset-inline-end: 0.2rem;
    inset-block-end: 0.2rem;
  }

  .workspace-status-trigger > .badge {
    inset-block-start: -0.14rem;
    inset-inline-end: -0.14rem;
  }

  .top-panel {
    position: fixed;
    inset-block-start: calc(var(--mobile-topbar-size) + 0.32rem);
    inset-inline: 0.5rem;
    inline-size: auto;
    max-block-size: calc(100svh - var(--mobile-topbar-size) - 0.82rem);
  }

  .dashboard-command-center {
    grid-template-columns: minmax(0, 1fr);
    padding: clamp(0.56rem, 2.8vw, 0.74rem);
  }

  .command-center-copy {
    grid-column: auto;
  }

  .command-center-copy > p {
    display: none;
  }

  .command-center-status {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .command-center-status > span {
    padding: 0.34rem;
    font-size: 0.62em;
  }

  .command-center-status strong {
    font-size: clamp(0.86rem, 3.2vw, 1rem);
  }

  .command-priority-list {
    padding: 0.46rem;
  }

  .command-priority-item {
    min-block-size: 2.75rem;
  }

  .task-support-disclosure > summary {
    min-block-size: 2.75rem;
    padding: clamp(0.46rem, 2.4vw, 0.62rem);
  }

  .dining-floor-card > .card-header {
    padding-block: clamp(0.5rem, 2.4vw, 0.66rem);
  }

  .dining-floor-card > .card-header .muted {
    font-size: 0.72em;
  }

  .dining-support-disclosure .dining-flow-card {
    grid-template-columns: minmax(0, 1fr);
  }

  .dining-support-disclosure .dining-flow-steps {
    grid-template-columns: minmax(0, 1fr);
  }

  .kds-workspace-head {
    gap: 0.42rem;
    padding: clamp(0.5rem, 2.6vw, 0.68rem);
  }

  .kds-head-copy > .eyebrow,
  .kds-head-copy > p {
    display: none;
  }

  .kds-head-actions {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
  }

  .kds-head-actions .button {
    inline-size: 100%;
  }

  .kds-ticket {
    display: flex;
    flex-direction: column;
  }

  .kds-ticket-toggle {
    order: 1;
  }

  .kds-ticket-actions {
    order: 2;
    border-block-end: 0.0625rem solid rgba(168, 184, 204, 0.09);
  }

  .kds-ticket-lines {
    order: 3;
  }

  .kds-change-cue {
    order: 4;
  }

  .kds-ticket-detail {
    order: 5;
  }

  .kds-support-disclosure .kds-overview {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .stock-mode-selector-action {
    font-size: 0;
  }

  .stock-mode-selector-action .mini-icon {
    inline-size: 1.25rem;
  }

  .stock-mode-selector > summary {
    min-block-size: 3.25rem;
  }

  .stock-mode-option {
    min-block-size: 2.75rem;
  }
}

@media (max-width: 24em) {
  .top-actions .top-action,
  .top-actions .icon-button,
  body.is-cash-drawer-view .top-actions .top-action,
  body.is-cash-drawer-view .top-actions .icon-button {
    padding-inline: 0.28rem;
  }

  .command-center-status {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .command-priority-item > .tag {
    display: none;
  }

  .kds-support-disclosure .kds-overview {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (prefers-reduced-motion: reduce) {
  .task-support-disclosure > summary > .mini-icon:last-child,
  .stock-mode-selector-action .mini-icon {
    transition: none;
  }
}

/* V71J · task-first multi-course service and KDS clarity */
body.is-dining-course-review-open {
  overflow: hidden;
}

.dining-course-workflow {
  display: grid;
  gap: clamp(0.52rem, 0.9vw, 0.78rem);
  min-inline-size: 0;
  padding: clamp(0.58rem, 1vw, 0.86rem);
  border: 0.0625rem solid rgba(245, 168, 0, 0.34);
  border-radius: var(--radius-md);
  background:
    linear-gradient(132deg, rgba(245, 168, 0, 0.1), rgba(7, 13, 20, 0.78) 48%),
    var(--surface);
  box-shadow: inset 0 0.0625rem rgba(255, 255, 255, 0.025);
}

.dining-course-workflow.is-blocked {
  border-color: rgba(110, 165, 255, 0.3);
}

.dining-course-head,
.dining-course-panel > header,
.dining-course-next-action,
.dining-course-bulk-footer,
.dining-course-review-head,
.dining-course-review-footer,
.dining-course-review-lines > header,
.kds-ticket-course-lane > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: clamp(0.42rem, 0.8vw, 0.7rem);
  min-inline-size: 0;
}

.dining-course-head > div,
.dining-course-panel > header > span:first-child,
.dining-course-next-action > span,
.dining-course-bulk-footer > span,
.dining-course-review-head > div,
.dining-course-review-footer > span,
.dining-course-impact > span,
.dining-course-empty > span:last-child,
.dining-course-assignment-needed > span:last-child,
.kds-ticket-course-lane > header > span {
  display: grid;
  gap: 0.08rem;
  min-inline-size: 0;
}

.dining-course-head h3,
.dining-course-head p,
.dining-course-panel strong,
.dining-course-panel small,
.dining-course-next-action strong,
.dining-course-next-action small,
.dining-course-bulk-footer strong,
.dining-course-bulk-footer small,
.dining-course-review-head h2,
.dining-course-review-head p,
.dining-course-impact strong,
.dining-course-impact small,
.kds-ticket-course-lane strong,
.kds-ticket-course-lane small {
  overflow-wrap: anywhere;
}

.dining-course-head h3,
.dining-course-head p,
.dining-course-review-head h2,
.dining-course-review-head p {
  margin: 0;
}

.dining-course-head p,
.dining-course-next-action small,
.dining-course-bulk-footer small,
.dining-course-review-head p,
.dining-course-impact small,
.dining-course-review-footer small,
.dining-course-empty small,
.dining-course-assignment-needed small {
  color: var(--muted);
  font-size: clamp(0.78rem, 0.75rem + 0.12vw, 0.9rem);
  line-height: 1.42;
}

.dining-course-strip {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(0.3rem, 0.58vw, 0.46rem);
  min-inline-size: 0;
}

.dining-course-tab {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 0.36rem;
  min-inline-size: 0;
  min-block-size: 2.75rem;
  padding: clamp(0.42rem, 0.72vw, 0.58rem);
  border: 0.0625rem solid rgba(168, 184, 204, 0.14);
  border-radius: var(--radius-sm);
  color: var(--text);
  background: rgba(5, 10, 16, 0.58);
  text-align: start;
}

.dining-course-tab > span {
  display: grid;
  gap: 0.06rem;
  min-inline-size: 0;
}

.dining-course-tab strong,
.dining-course-tab small,
.dining-course-tab b {
  overflow-wrap: anywhere;
}

.dining-course-tab strong {
  overflow-wrap: normal;
  word-break: normal;
  hyphens: none;
}

.dining-course-tab small {
  color: var(--muted);
  font-size: clamp(0.75rem, 0.72rem + 0.12vw, 0.84rem);
}

.dining-course-tab b,
.dining-course-state {
  padding: 0.16rem 0.34rem;
  border-radius: 999rem;
  color: var(--muted);
  background: rgba(168, 184, 204, 0.08);
  font-size: clamp(0.75rem, 0.72rem + 0.1vw, 0.82rem);
  line-height: 1.25;
  text-align: center;
}

.dining-course-tab:hover,
.dining-course-tab:focus-visible,
.dining-course-tab.is-selected {
  border-color: rgba(245, 168, 0, 0.56);
  outline: none;
  background: rgba(245, 168, 0, 0.1);
}

.dining-course-tab.is-selected {
  box-shadow: inset 0 -0.12rem var(--gold);
}

.dining-course-tab.is-sent b,
.dining-course-state.is-sent {
  color: var(--blue);
  background: rgba(110, 165, 255, 0.1);
}

.dining-course-tab.is-fired b,
.dining-course-tab.is-preparing b,
.dining-course-state.is-fired,
.dining-course-state.is-preparing {
  color: var(--green);
  background: rgba(38, 208, 111, 0.1);
}

.dining-course-tab.is-error b,
.dining-course-state.is-error {
  color: #ffd5da;
  background: rgba(255, 77, 95, 0.12);
}

.dining-course-tab.is-unassigned b,
.dining-course-state.is-unassigned {
  color: #ffd68b;
  background: rgba(245, 168, 0, 0.12);
}

.dining-course-tab.is-no-preparation b,
.dining-course-state.is-no-preparation {
  color: var(--cyan);
  background: rgba(49, 196, 215, 0.09);
}

.dining-course-tab.is-preparation-unknown b,
.dining-course-state.is-preparation-unknown {
  color: #ffd68b;
  background: rgba(245, 168, 0, 0.13);
}

.dining-course-panel {
  display: grid;
  gap: clamp(0.42rem, 0.72vw, 0.6rem);
  min-inline-size: 0;
  padding: clamp(0.5rem, 0.86vw, 0.72rem);
  border: 0.0625rem solid rgba(168, 184, 204, 0.12);
  border-radius: var(--radius-sm);
  background: rgba(5, 10, 16, 0.58);
}

.dining-course-panel.is-waiting {
  border-color: rgba(245, 168, 0, 0.28);
}

.dining-course-panel.is-unassigned {
  border-color: rgba(245, 168, 0, 0.42);
}

.dining-course-panel.is-preparation-unknown {
  border-color: rgba(245, 168, 0, 0.48);
  background: rgba(245, 168, 0, 0.045);
}

.dining-course-tab.is-voided,
.dining-course-panel.is-voided {
  border-color: rgba(255, 77, 95, 0.2);
}

.dining-course-panel > header > span:first-child > small {
  color: var(--gold-2);
  font-size: clamp(0.72rem, 0.7rem + 0.1vw, 0.82rem);
  font-weight: 820;
  letter-spacing: 0.08em;
}

.dining-course-lines {
  display: grid;
  gap: 0.28rem;
  min-inline-size: 0;
}

.dining-course-line {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: clamp(0.34rem, 0.66vw, 0.52rem);
  inline-size: 100%;
  min-inline-size: 0;
  min-block-size: 2.75rem;
  padding: clamp(0.38rem, 0.68vw, 0.54rem);
  border: 0.0625rem solid rgba(168, 184, 204, 0.1);
  border-radius: var(--radius-xs);
  color: var(--text);
  background: rgba(12, 20, 29, 0.62);
  text-align: start;
}

button.dining-course-line:hover,
button.dining-course-line:focus-visible,
.dining-course-line.is-selected {
  border-color: rgba(245, 168, 0, 0.5);
  outline: none;
  background: rgba(245, 168, 0, 0.08);
}

.dining-course-line.is-readonly {
  cursor: default;
}

.dining-course-line.is-voided {
  border-color: rgba(255, 77, 95, 0.16);
  color: var(--muted);
  background: rgba(255, 77, 95, 0.04);
}

.dining-course-line.is-voided .dining-course-check,
.dining-course-line.is-voided > b {
  color: #ffd5da;
}

.dining-course-line.is-no-preparation {
  border-color: rgba(49, 196, 215, 0.14);
  background: rgba(49, 196, 215, 0.035);
}

.dining-course-line.is-no-preparation .dining-course-check,
.dining-course-line.is-no-preparation > b {
  color: var(--cyan);
}

.dining-course-line.is-preparation-unknown {
  border-color: rgba(245, 168, 0, 0.28);
  background: rgba(245, 168, 0, 0.055);
}

.dining-course-line.is-preparation-unknown .dining-course-check,
.dining-course-line.is-preparation-unknown > b {
  color: #ffd68b;
}

.dining-course-line > span:nth-child(2) {
  display: grid;
  gap: 0.06rem;
  min-inline-size: 0;
}

.dining-course-line small {
  color: var(--muted);
  font-size: clamp(0.75rem, 0.72rem + 0.12vw, 0.84rem);
}

.dining-course-line > b {
  color: var(--muted);
  font-size: clamp(0.75rem, 0.72rem + 0.1vw, 0.82rem);
  text-align: end;
  overflow-wrap: anywhere;
}

.dining-course-check {
  display: grid;
  place-items: center;
  inline-size: 1.55rem;
  aspect-ratio: 1;
  border: 0.0625rem solid rgba(168, 184, 204, 0.18);
  border-radius: 50%;
  color: var(--gold-2);
  background: rgba(5, 10, 16, 0.58);
  font-size: 0.78em;
  font-weight: 900;
}

.dining-course-check .mini-icon {
  inline-size: 0.9rem;
}

.dining-course-line.is-selected .dining-course-check {
  color: #171005;
  border-color: var(--gold);
  background: var(--gold);
}

.dining-course-empty,
.dining-course-impact,
.dining-course-assignment-needed {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 0.46rem;
  min-inline-size: 0;
  padding: clamp(0.48rem, 0.82vw, 0.68rem);
  border: 0.0625rem dashed rgba(168, 184, 204, 0.18);
  border-radius: var(--radius-sm);
  background: rgba(5, 10, 16, 0.42);
}

.dining-course-empty > span:first-child,
.dining-course-impact > .mini-icon,
.dining-course-assignment-needed > .mini-icon {
  display: grid;
  place-items: center;
  inline-size: 2rem;
  aspect-ratio: 1;
  border-radius: 50%;
  color: var(--gold-2);
  background: rgba(245, 168, 0, 0.1);
}

.dining-course-assignment-needed {
  border-color: rgba(245, 168, 0, 0.32);
  background: rgba(245, 168, 0, 0.07);
}

.dining-course-next-action,
.dining-course-bulk-footer {
  align-items: end;
  padding-block-start: 0.36rem;
  border-block-start: 0.0625rem solid rgba(168, 184, 204, 0.1);
}

.dining-course-next-action > .button,
.dining-course-bulk-footer > .button {
  flex: 0 0 auto;
  inline-size: min(100%, 17rem);
  min-block-size: 2.75rem;
  white-space: normal;
}

.dining-course-done {
  align-self: center;
}

.dining-course-bulk,
.dining-course-routing-proof,
.dining-order-tools {
  border-color: rgba(168, 184, 204, 0.12);
  background: rgba(5, 10, 16, 0.36);
}

.dining-course-bulk-groups {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.48rem;
  min-inline-size: 0;
}

.dining-course-bulk-groups > section {
  display: grid;
  align-content: start;
  gap: 0.3rem;
  min-inline-size: 0;
  padding: 0.42rem;
  border: 0.0625rem solid rgba(168, 184, 204, 0.1);
  border-radius: var(--radius-sm);
  background: rgba(5, 10, 16, 0.38);
}

.dining-course-bulk-groups > section > header {
  display: flex;
  justify-content: space-between;
  gap: 0.38rem;
  min-inline-size: 0;
}

.dining-course-bulk-groups > section > header span {
  color: var(--muted);
  font-size: clamp(0.76rem, 0.73rem + 0.1vw, 0.84rem);
}

.dining-course-bulk-groups > section > div {
  display: grid;
  gap: 0.28rem;
  min-inline-size: 0;
}

.dining-course-routing-proof .task-support-content,
.dining-order-tools .task-support-content {
  min-inline-size: 0;
}

.dining-course-review-overlay {
  position: fixed;
  inset: 0;
  z-index: 190;
  display: grid;
  place-items: center;
  padding: clamp(0.5rem, 2vw, 1rem);
  background: rgba(0, 0, 0, 0.76);
  backdrop-filter: blur(0.28rem);
}

.dining-course-review-panel {
  z-index: 191;
  display: grid;
  grid-template-rows: auto minmax(0, 1fr) auto;
  inline-size: min(calc(100vw - 2rem), 42rem);
  max-block-size: calc(100svh - 2rem);
  min-inline-size: 0;
  overflow: hidden;
  border: 0.0625rem solid rgba(245, 168, 0, 0.34);
  border-radius: var(--radius-lg);
  color: var(--text);
  background: var(--surface-2);
  box-shadow: var(--shadow-lg);
}

.dining-course-review-panel.is-error,
.dining-course-review-panel.is-offline,
.dining-course-review-panel.is-permission-denied {
  border-color: rgba(255, 77, 95, 0.38);
}

.dining-course-review-head,
.dining-course-review-footer {
  padding: clamp(0.64rem, 1.2vw, 0.92rem);
  background: rgba(5, 10, 16, 0.66);
}

.dining-course-review-head {
  align-items: start;
  border-block-end: 0.0625rem solid rgba(168, 184, 204, 0.12);
}

.dining-course-review-head .icon-button {
  flex: 0 0 auto;
  min-inline-size: 2.75rem;
  min-block-size: 2.75rem;
}

.dining-course-review-body {
  display: grid;
  align-content: start;
  gap: clamp(0.48rem, 0.9vw, 0.72rem);
  min-inline-size: 0;
  overflow-y: auto;
  overscroll-behavior: contain;
  padding: clamp(0.64rem, 1.2vw, 0.92rem);
}

.dining-course-impact {
  border-style: solid;
  border-color: rgba(245, 168, 0, 0.26);
  background: rgba(245, 168, 0, 0.07);
}

.dining-course-impact.is-success {
  border-color: rgba(38, 208, 111, 0.3);
  background: rgba(38, 208, 111, 0.08);
}

.dining-course-impact.is-success > .mini-icon {
  color: var(--green);
  background: rgba(38, 208, 111, 0.12);
}

.dining-course-impact.is-error {
  border-color: rgba(255, 77, 95, 0.3);
  background: rgba(255, 77, 95, 0.08);
}

.dining-course-impact.is-error > .mini-icon {
  color: #ffd5da;
  background: rgba(255, 77, 95, 0.12);
}

.dining-course-review-lines {
  display: grid;
  gap: 0.28rem;
  min-inline-size: 0;
  padding: 0.5rem;
  border: 0.0625rem solid rgba(168, 184, 204, 0.1);
  border-radius: var(--radius-sm);
  background: rgba(5, 10, 16, 0.38);
}

.dining-course-review-lines > span {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 0.34rem;
  min-inline-size: 0;
  min-block-size: 2.25rem;
  padding: 0.3rem;
  border-radius: var(--radius-xs);
  background: rgba(12, 20, 29, 0.52);
}

.dining-course-review-lines > span .mini-icon {
  inline-size: 1rem;
  color: var(--gold-2);
}

.dining-course-review-lines small {
  overflow-wrap: anywhere;
}

.dining-course-proof .task-support-content {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.dining-course-proof .task-support-content > span {
  display: grid;
  gap: 0.08rem;
  min-inline-size: 0;
  padding: 0.38rem;
  border-radius: var(--radius-xs);
  background: rgba(5, 10, 16, 0.42);
}

.dining-course-proof .task-support-content small {
  overflow-wrap: anywhere;
}

.dining-course-review-footer {
  border-block-start: 0.0625rem solid rgba(168, 184, 204, 0.12);
}

.dining-course-review-footer > div {
  display: flex;
  justify-content: end;
  flex-wrap: wrap;
  gap: 0.38rem;
}

.dining-course-review-footer .button {
  min-block-size: 2.75rem;
  white-space: normal;
}

.kds-ticket-course-lanes {
  display: grid;
  gap: 0.32rem;
  min-inline-size: 0;
  padding: 0.42rem;
}

.kds-ticket-course-lane {
  min-inline-size: 0;
  overflow: hidden;
  border: 0.0625rem solid rgba(110, 165, 255, 0.16);
  border-radius: var(--radius-sm);
  background: rgba(5, 10, 16, 0.42);
}

.kds-ticket-course-lane > header {
  padding: 0.34rem 0.46rem;
  border-block-end: 0.0625rem solid rgba(168, 184, 204, 0.08);
  background: rgba(110, 165, 255, 0.05);
}

.kds-ticket-course-lane > header small {
  color: var(--muted);
  font-size: clamp(0.72rem, 0.69rem + 0.1vw, 0.8rem);
  letter-spacing: 0.08em;
}

.kds-ticket-course-lane > header strong {
  font-size: clamp(0.8rem, 0.76rem + 0.12vw, 0.9rem);
}

.kds-ticket-course-lane > header b {
  padding: 0.16rem 0.34rem;
  border-radius: 999rem;
  color: var(--blue);
  background: rgba(110, 165, 255, 0.1);
  font-size: clamp(0.72rem, 0.69rem + 0.1vw, 0.8rem);
  text-align: center;
}

.kds-ticket-course-lane.is-preparing > header b,
.kds-ticket-course-lane.is-ready > header b,
.kds-ticket-course-lane.is-served > header b {
  color: var(--green);
  background: rgba(38, 208, 111, 0.1);
}

.kds-ticket-course-lane.is-voided > header b {
  color: #ffd5da;
  background: rgba(255, 77, 95, 0.12);
}

@media (min-width: 120em) {
  .dining-course-workflow {
    grid-template-columns: minmax(0, 1fr);
  }

  .dining-course-tab {
    min-block-size: 3rem;
  }
}

@media (max-width: 58em) {
  .dining-course-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .dining-course-bulk-groups {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 42em) {
  .dining-course-head,
  .dining-course-panel > header,
  .dining-course-next-action,
  .dining-course-bulk-footer,
  .dining-course-review-footer {
    align-items: stretch;
    flex-direction: column;
  }

  .dining-course-head > .tag {
    align-self: start;
  }

  .dining-course-next-action > .button,
  .dining-course-bulk-footer > .button,
  .dining-course-review-footer .button,
  .dining-course-review-footer > div {
    inline-size: 100%;
  }

  .dining-course-review-footer > div {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
  }

  .dining-course-review-overlay {
    place-items: end stretch;
    padding: 0;
  }

  .dining-course-review-panel {
    inline-size: 100%;
    max-block-size: min(92svh, 52rem);
    border-inline: 0;
    border-block-end: 0;
    border-radius: var(--radius-lg) var(--radius-lg) 0 0;
  }

  .dining-course-proof .task-support-content {
    grid-template-columns: minmax(0, 1fr);
  }

  .kds-ticket-course-lanes {
    order: 3;
  }

  .kds-change-cue {
    order: 4;
  }

  .kds-ticket-detail {
    order: 5;
  }
}

@media (max-width: 24em) {
  .dining-course-head p,
  .dining-course-head > .tag {
    display: none;
  }

  .dining-course-panel > header {
    display: none;
  }

  .dining-course-tab {
    grid-template-columns: minmax(0, 1fr);
  }

  .dining-course-tab b {
    justify-self: start;
  }

  .dining-course-line {
    grid-template-columns: auto minmax(0, 1fr);
  }

  .dining-course-line > b {
    grid-column: 2;
    text-align: start;
  }
}

@media (prefers-reduced-motion: reduce) {
  .dining-course-review-overlay {
    scroll-behavior: auto;
  }
}

/* V71K: task-first table ordering, quick add and one visible next action. */
.dining-task-workspace,
.dining-task-panel,
.dining-current-order,
.dining-payment-choice {
  display: grid;
  align-content: start;
  gap: clamp(0.46rem, 0.85vw, 0.72rem);
  min-inline-size: 0;
}

.dining-task-workspace {
  padding-block-end: clamp(0.72rem, 1.4vw, 1.1rem);
}

.dining-task-workspace > .dining-security-banner {
  padding: clamp(0.36rem, 0.58vw, 0.5rem);
}

.dining-task-workspace > .dining-security-banner > span:first-child {
  inline-size: 1.8rem;
  padding: 0.34rem;
}

.dining-task-workspace > .dining-security-banner small {
  font-size: clamp(0.68rem, 0.65rem + 0.08vw, 0.74rem);
}

.dining-task-nav {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(0.28rem, 0.6vw, 0.46rem);
  min-inline-size: 0;
  padding: clamp(0.28rem, 0.5vw, 0.42rem);
  border: 0.0625rem solid rgba(168, 184, 204, 0.12);
  border-radius: var(--radius-md);
  background: rgba(5, 10, 16, 0.5);
}

.dining-task-tab {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: clamp(0.28rem, 0.55vw, 0.46rem);
  min-inline-size: 0;
  min-block-size: 3.2rem;
  padding: clamp(0.38rem, 0.68vw, 0.54rem);
  border: 0.0625rem solid transparent;
  border-radius: var(--radius-sm);
  color: var(--muted);
  background: transparent;
  text-align: start;
}

.dining-task-tab > span:first-child {
  display: grid;
  place-items: center;
  inline-size: clamp(1.65rem, 2.4vw, 2rem);
  aspect-ratio: 1;
  border: 0.0625rem solid rgba(168, 184, 204, 0.18);
  border-radius: 50%;
  color: var(--muted);
  background: rgba(168, 184, 204, 0.05);
  font-weight: 850;
}

.dining-task-tab > span:nth-child(2) {
  display: grid;
  gap: 0.06rem;
  min-inline-size: 0;
}

.dining-task-tab strong,
.dining-task-tab small,
.dining-task-tab em {
  min-inline-size: 0;
  overflow-wrap: anywhere;
}

.dining-task-tab strong {
  color: var(--text);
  font-size: clamp(0.78rem, 0.74rem + 0.1vw, 0.86rem);
}

.dining-task-tab small {
  font-size: clamp(0.66rem, 0.63rem + 0.08vw, 0.72rem);
}

.dining-task-tab em {
  display: none;
  grid-column: 1 / -1;
  color: var(--muted);
  font-size: 0.68rem;
  font-style: normal;
  line-height: 1.35;
}

.dining-task-tab:hover,
.dining-task-tab:focus-visible {
  border-color: rgba(245, 168, 0, 0.34);
  outline: none;
  background: rgba(245, 168, 0, 0.06);
}

.dining-task-tab.is-active {
  border-color: rgba(245, 168, 0, 0.46);
  color: var(--text);
  background: linear-gradient(135deg, rgba(245, 168, 0, 0.13), rgba(9, 15, 22, 0.76));
}

.dining-task-tab.is-active > span:first-child {
  border-color: var(--gold);
  color: #181006;
  background: var(--gold);
}

.dining-task-tab.is-active em {
  display: block;
}

.dining-task-panel:focus {
  outline: none;
}

.dining-task-heading,
.dining-current-order > header,
.dining-payment-choice > header,
.dining-clear-review {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 0.48rem;
  min-inline-size: 0;
}

.dining-task-heading > span:first-child,
.dining-current-order > header > span,
.dining-payment-choice > header > span,
.dining-clear-review > span:first-child {
  display: grid;
  gap: 0.1rem;
  min-inline-size: min(100%, 11rem);
}

.dining-task-heading h3,
.dining-task-heading small,
.dining-current-order h3,
.dining-payment-choice h3,
.dining-payment-choice small,
.dining-clear-review strong,
.dining-clear-review small {
  margin: 0;
  overflow-wrap: anywhere;
}

.dining-task-heading small,
.dining-payment-choice small,
.dining-clear-review small {
  color: var(--muted);
  font-size: clamp(0.7rem, 0.67rem + 0.08vw, 0.76rem);
  line-height: 1.4;
}

.dining-product-search {
  min-block-size: 2.9rem;
  border-color: rgba(245, 168, 0, 0.24);
  background: rgba(5, 10, 16, 0.74);
}

.dining-product-search input {
  min-block-size: var(--control);
}

.dining-task-order .table-product-grid {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 18rem), 1fr));
  gap: clamp(0.38rem, 0.72vw, 0.58rem);
}

.dining-task-order .table-product-card {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  min-inline-size: 0;
  min-block-size: 4.4rem;
  padding: 0;
  overflow: hidden;
  border: 0.0625rem solid rgba(168, 184, 204, 0.12);
  border-radius: var(--radius-sm);
  color: var(--text);
  background: rgba(8, 14, 21, 0.7);
}

.dining-task-order .table-product-card:hover,
.dining-task-order .table-product-card:focus-within {
  border-color: rgba(245, 168, 0, 0.46);
  background: rgba(245, 168, 0, 0.07);
}

.dining-task-order .table-product-card.is-disabled {
  opacity: 0.52;
}

.table-product-main {
  display: grid;
  grid-template-columns: auto minmax(6.5rem, 1fr) minmax(6.2rem, auto);
  align-items: center;
  gap: clamp(0.36rem, 0.7vw, 0.58rem);
  min-inline-size: 0;
  min-block-size: 4.35rem;
  padding: clamp(0.42rem, 0.72vw, 0.58rem);
  border: 0;
  color: inherit;
  background: transparent;
  text-align: start;
}

.table-product-main:focus-visible,
.table-product-options:focus-visible {
  outline: 0.125rem solid rgba(245, 168, 0, 0.78);
  outline-offset: -0.18rem;
}

.table-product-main > span:nth-child(2) {
  display: grid;
  gap: 0.1rem;
  min-inline-size: 0;
}

.table-product-main strong,
.table-product-main small,
.table-product-main b {
  overflow-wrap: normal;
  word-break: normal;
  hyphens: none;
}

.table-product-main .table-product-action {
  max-inline-size: 8.5rem;
  text-align: end;
}

.table-product-options {
  display: grid;
  place-items: center;
  align-content: center;
  gap: 0.14rem;
  inline-size: clamp(4.8rem, 7.5vw, 5.6rem);
  min-block-size: 4.35rem;
  padding: 0.34rem;
  border: 0;
  border-inline-start: 0.0625rem solid rgba(168, 184, 204, 0.12);
  color: var(--gold-2);
  background: rgba(245, 168, 0, 0.04);
  font-size: 0.64rem;
}

.table-product-options svg {
  inline-size: 1rem;
}

.dining-current-order {
  padding: clamp(0.46rem, 0.78vw, 0.66rem);
  border: 0.0625rem solid rgba(168, 184, 204, 0.12);
  border-radius: var(--radius-md);
  background: rgba(5, 10, 16, 0.42);
}

.dining-current-order > header > strong,
.dining-order-total-head {
  color: var(--gold-2);
  font-size: clamp(0.9rem, 0.82rem + 0.22vw, 1.12rem);
  font-variant-numeric: tabular-nums;
}

.dining-task-panel .stepper {
  grid-template-columns: auto minmax(2rem, auto) auto;
}

.dining-task-panel .stepper button {
  inline-size: max(2.75rem, 2.2em);
  min-block-size: 2.75rem;
  aspect-ratio: auto;
}

.dining-primary-next {
  position: sticky;
  inset-block-end: 0.28rem;
  z-index: 4;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) minmax(min-content, 12rem);
  align-items: center;
  gap: clamp(0.38rem, 0.72vw, 0.62rem);
  min-inline-size: 0;
  padding: clamp(0.48rem, 0.84vw, 0.7rem);
  border: 0.0625rem solid rgba(245, 168, 0, 0.42);
  border-radius: var(--radius-md);
  background: rgba(14, 20, 28, 0.97);
  box-shadow: 0 0.9rem 2.2rem rgba(0, 0, 0, 0.36);
  backdrop-filter: blur(0.42rem);
}

.dining-primary-next.is-ready {
  border-color: rgba(38, 208, 111, 0.34);
}

.dining-primary-next-icon {
  display: grid;
  place-items: center;
  inline-size: 2.2rem;
  aspect-ratio: 1;
  border-radius: 50%;
  color: var(--gold-2);
  background: rgba(245, 168, 0, 0.12);
}

.dining-primary-next.is-ready .dining-primary-next-icon {
  color: var(--green);
  background: rgba(38, 208, 111, 0.12);
}

.dining-primary-next > span:nth-child(2) {
  display: grid;
  gap: 0.06rem;
  min-inline-size: 0;
}

.dining-primary-next small,
.dining-primary-next em {
  color: var(--muted);
  font-size: 0.7rem;
  font-style: normal;
  overflow-wrap: anywhere;
}

.dining-primary-next .button {
  min-block-size: 2.75rem;
  white-space: normal;
}

.dining-clear-review {
  padding: clamp(0.46rem, 0.72vw, 0.62rem);
  border: 0.0625rem solid rgba(255, 77, 95, 0.28);
  border-radius: var(--radius-sm);
  background: rgba(255, 77, 95, 0.07);
}

.dining-clear-review > span:last-child {
  display: flex;
  flex-wrap: wrap;
  gap: 0.34rem;
}

.dining-payment-choice {
  padding: clamp(0.52rem, 0.88vw, 0.72rem);
  border: 0.0625rem solid rgba(245, 168, 0, 0.24);
  border-radius: var(--radius-md);
  background: rgba(245, 168, 0, 0.05);
}

.dining-payment-unavailable {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 0.48rem;
  min-inline-size: 0;
  padding: clamp(0.48rem, 0.76vw, 0.64rem);
  border: 0.0625rem dashed rgba(168, 184, 204, 0.2);
  border-radius: var(--radius-sm);
  color: var(--muted);
  background: rgba(5, 10, 16, 0.42);
}

.dining-payment-unavailable > svg {
  color: var(--gold-2);
}

.dining-payment-unavailable > span {
  display: grid;
  gap: 0.08rem;
  min-inline-size: 0;
}

.dining-payment-unavailable strong {
  color: var(--text);
}

.dining-config-quick-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 0.56rem;
  min-inline-size: 0;
  padding: clamp(0.5rem, 0.85vw, 0.7rem);
  border: 0.0625rem solid rgba(245, 168, 0, 0.24);
  border-radius: var(--radius-md);
  background: rgba(245, 168, 0, 0.06);
}

.dining-config-quick-row > span {
  display: grid;
  gap: 0.12rem;
  min-inline-size: 0;
}

.dining-config-quick-row small {
  color: var(--muted);
  font-size: 0.7rem;
}

.dining-required-options {
  display: grid;
  gap: clamp(0.42rem, 0.75vw, 0.62rem);
  min-inline-size: 0;
}

.dining-required-options > div:first-child {
  display: grid;
  gap: 0.08rem;
}

.dining-required-options h3 {
  margin: 0;
}

.dining-config-ready {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 0.48rem;
  min-inline-size: 0;
  padding: clamp(0.46rem, 0.72vw, 0.62rem);
  border: 0.0625rem solid rgba(38, 208, 111, 0.28);
  border-radius: var(--radius-sm);
  background: rgba(38, 208, 111, 0.07);
}

.dining-config-ready > svg {
  color: var(--green);
}

.dining-config-ready > span {
  display: grid;
  gap: 0.08rem;
  min-inline-size: 0;
}

.dining-config-ready small {
  color: var(--muted);
  font-size: 0.72rem;
}

.dining-config-error {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 0.48rem;
  min-inline-size: 0;
  padding: clamp(0.48rem, 0.76vw, 0.64rem);
  border: 0.0625rem solid rgba(255, 77, 95, 0.38);
  border-radius: var(--radius-sm);
  color: var(--red);
  background: rgba(255, 77, 95, 0.08);
}

.dining-config-error > span {
  display: grid;
  gap: 0.08rem;
  min-inline-size: 0;
}

.dining-config-error small {
  color: var(--muted);
}

.dining-config-more {
  border-color: rgba(168, 184, 204, 0.14);
  background: rgba(5, 10, 16, 0.38);
}

.dining-config-more .task-support-content {
  display: grid;
  gap: clamp(0.42rem, 0.72vw, 0.62rem);
}

@media (max-width: 58em) {
  .dining-task-tab.is-active em {
    display: none;
  }

  .dining-primary-next {
    grid-template-columns: auto minmax(0, 1fr);
  }

  .dining-primary-next .button {
    grid-column: 1 / -1;
    inline-size: 100%;
  }
}

@media (max-width: 42em) {
  .dining-task-workspace {
    padding: clamp(0.46rem, 2.3vw, 0.7rem);
    padding-block-end: max(0.8rem, env(safe-area-inset-bottom));
  }

  .dining-task-nav {
    gap: clamp(0.18rem, 1vw, 0.3rem);
    padding: 0.24rem;
  }

  .dining-task-tab {
    grid-template-columns: minmax(0, 1fr);
    justify-items: center;
    gap: 0.16rem;
    min-block-size: 3.55rem;
    padding: 0.3rem 0.22rem;
    text-align: center;
  }

  .dining-task-tab > span:first-child {
    inline-size: 1.55rem;
  }

  .dining-task-tab > span:nth-child(2) {
    justify-items: center;
  }

  .dining-task-tab small {
    display: none;
  }

  .dining-task-heading > .tag {
    align-self: start;
  }

  .dining-task-order .table-product-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .table-product-main {
    grid-template-columns: auto minmax(0, 1fr) auto;
  }

  .table-product-options {
    inline-size: 3.1rem;
  }

  .table-product-options > span {
    display: none;
  }

  .dining-primary-next em {
    display: none;
  }

  .dining-config-quick-row {
    grid-template-columns: minmax(0, 1fr);
  }

  .dining-config-quick-row > span:last-child {
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
  }

  .dining-config-footer .button {
    flex: 1 1 10rem;
  }
}

@media (max-width: 24em) {
  .dining-task-workspace > .dining-security-banner {
    grid-template-columns: auto minmax(0, 1fr);
    padding-block: 0.34rem;
  }

  .dining-task-workspace > .dining-security-banner small,
  .dining-task-workspace > .dining-security-banner > .tag,
  .dining-task-heading small,
  .dining-task-heading > .tag,
  .dining-primary-next > span:nth-child(2) {
    display: none;
  }

  .dining-task-order .compact-categories {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.3rem;
  }

  .dining-task-order .compact-categories .chip {
    inline-size: 100%;
    min-block-size: 2.75rem;
    padding-inline: 0.22rem;
    font-size: 0.7rem;
  }

  .table-product-main {
    grid-template-columns: auto minmax(0, 1fr);
  }

  .table-product-main .table-product-action {
    grid-column: 2;
    justify-items: start;
  }

  .dining-primary-next {
    grid-template-columns: minmax(0, 1fr);
    padding: 0.34rem;
  }

  .dining-primary-next-icon {
    display: none;
  }

  .dining-primary-next .button {
    grid-column: auto;
  }
}

/* V71M · KavPOS clarity pass: one current task, one obvious next action. */
.dining-merge-panel {
  inline-size: min(100%, 48rem);
}

.dining-merge-select,
.dining-merge-success-proof,
.dining-merge-source-row,
.dining-merge-blocked-list {
  display: grid;
  gap: clamp(0.55rem, 1.2vw, 0.9rem);
  min-inline-size: 0;
}

.dining-merge-source-row {
  grid-template-columns: minmax(0, 1.25fr) minmax(12rem, 0.75fr);
  align-items: stretch;
}

.dining-merge-source-bar,
.dining-merge-blocked-target,
.dining-merge-success-total,
.dining-merge-effects > span {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 0.65rem;
  min-inline-size: 0;
  padding: clamp(0.65rem, 1.4vw, 0.9rem);
  border: 0.0625rem solid rgba(225, 176, 79, 0.28);
  border-radius: var(--radius-md);
  background: rgba(7, 13, 20, 0.72);
}

.dining-merge-source-bar > svg,
.dining-merge-blocked-target > svg,
.dining-merge-effects > span > svg {
  inline-size: 1.25rem;
  color: var(--gold);
}

.dining-merge-source-bar > span,
.dining-merge-blocked-target > span,
.dining-merge-effects > span > span {
  display: grid;
  gap: 0.12rem;
  min-inline-size: 0;
}

.dining-merge-source-bar > span:last-child,
.dining-merge-success-total > span {
  justify-items: end;
  color: var(--gold-2);
  text-align: end;
  font-variant-numeric: tabular-nums;
}

.dining-merge-choice-head {
  display: grid;
  gap: 0.24rem;
}

.dining-merge-choice-head > h3,
.dining-merge-choice-head > p {
  margin: 0;
}

.dining-merge-choice-head > p {
  max-inline-size: 58ch;
  color: var(--muted);
  font-size: 0.84rem;
  line-height: 1.45;
}

.dining-merge-summary {
  display: grid;
  gap: 0.65rem;
  min-inline-size: 0;
  padding: clamp(0.65rem, 1.2vw, 0.9rem);
  border: 0.0625rem solid rgba(168, 184, 204, 0.16);
  border-radius: var(--radius-md);
  background: rgba(7, 13, 20, 0.74);
}

.dining-merge-summary.is-source {
  border-color: rgba(225, 176, 79, 0.35);
  background: linear-gradient(145deg, rgba(225, 176, 79, 0.09), rgba(7, 13, 20, 0.74));
}

.dining-merge-summary.is-target {
  border-color: rgba(88, 166, 255, 0.3);
}

.dining-merge-summary.is-result {
  border-color: rgba(38, 208, 111, 0.36);
  background: linear-gradient(145deg, rgba(38, 208, 111, 0.1), rgba(7, 13, 20, 0.76));
}

.dining-merge-summary > header,
.dining-merge-summary > div,
.dining-merge-ready,
.dining-merge-status,
.dining-merge-facts li {
  display: flex;
  align-items: center;
  gap: 0.55rem;
  min-inline-size: 0;
}

.dining-merge-summary > header {
  justify-content: space-between;
}

.dining-merge-summary > header > span:first-child,
.dining-merge-ready > span,
.dining-merge-status > span:last-child,
.dining-merge-facts li > span {
  display: grid;
  gap: 0.12rem;
  min-inline-size: 0;
}

.dining-merge-summary > header strong,
.dining-merge-summary p,
.dining-merge-target-state,
.dining-merge-ready small,
.dining-merge-status small,
.dining-merge-facts small {
  overflow-wrap: anywhere;
}

.dining-merge-summary > div {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.dining-merge-summary > div > span {
  display: grid;
  gap: 0.08rem;
  min-inline-size: 0;
  padding: 0.45rem;
  border-radius: var(--radius-sm);
  background: rgba(3, 8, 13, 0.52);
}

.dining-merge-summary > div strong {
  color: var(--gold-2);
  font-variant-numeric: tabular-nums;
}

.dining-merge-summary p {
  margin: 0;
  color: var(--muted);
  font-size: 0.82rem;
}

.dining-merge-ready,
.dining-merge-status {
  align-content: center;
  padding: clamp(0.65rem, 1.2vw, 0.9rem);
  border: 0.0625rem solid rgba(38, 208, 111, 0.25);
  border-radius: var(--radius-md);
  color: var(--text);
  background: rgba(38, 208, 111, 0.07);
}

.dining-merge-ready.is-blocked,
.dining-merge-status.is-conflict,
.dining-merge-status.is-permission-denied {
  border-color: rgba(255, 77, 95, 0.3);
  background: rgba(255, 77, 95, 0.07);
}

.dining-merge-ready > svg,
.dining-merge-status > svg,
.dining-merge-facts svg {
  flex: 0 0 auto;
  inline-size: 1.25rem;
}

.dining-merge-ready.is-ready > svg,
.dining-merge-status.is-success > svg,
.dining-merge-facts svg {
  color: var(--green);
}

.dining-merge-ready.is-blocked > svg,
.dining-merge-status.is-conflict > svg,
.dining-merge-status.is-permission-denied > svg {
  color: var(--red);
}

.dining-merge-status.is-pending,
.dining-merge-status.is-recovery,
.dining-merge-status.is-offline,
.dining-merge-status.is-capability-disabled {
  border-color: rgba(225, 176, 79, 0.32);
  background: rgba(225, 176, 79, 0.08);
}

.dining-merge-status.is-pending > svg,
.dining-merge-status.is-recovery > svg,
.dining-merge-status.is-offline > svg,
.dining-merge-status.is-capability-disabled > svg {
  color: var(--gold);
}

.dining-merge-status:focus-visible {
  outline: 0.125rem solid var(--gold);
  outline-offset: 0.16rem;
}

.dining-merge-target-list {
  grid-template-columns: minmax(0, 1fr);
}

.dining-merge-target {
  grid-template-columns: auto minmax(0, 1fr) auto;
  grid-template-areas:
    "icon identity totals"
    "state state state";
  min-block-size: 6.4rem;
}

.dining-merge-target > .dining-target-icon {
  grid-area: icon;
}

.dining-merge-target > span:nth-child(2) {
  grid-area: identity;
}

.dining-merge-target > span:nth-child(3) {
  grid-area: totals;
}

.dining-merge-target-state {
  grid-area: state;
  padding-block-start: 0.38rem;
  border-block-start: 0.0625rem solid rgba(168, 184, 204, 0.12);
  color: var(--muted);
  font-size: 0.75rem;
  font-weight: 750;
}

.dining-merge-target-state.is-ready {
  color: var(--green);
}

.dining-merge-target.is-selected {
  border-color: var(--gold);
  background: linear-gradient(145deg, rgba(245, 168, 0, 0.14), rgba(7, 13, 20, 0.72));
  box-shadow: inset 0 0 0 0.0625rem rgba(245, 168, 0, 0.22);
}

.dining-merge-target.is-blocked {
  opacity: 0.66;
}

.dining-merge-unavailable {
  margin-block-start: 0.15rem;
}

.dining-merge-blocked-list {
  padding: 0.55rem;
}

.dining-merge-blocked-target {
  grid-template-columns: auto minmax(0, 1fr);
  border-color: rgba(168, 184, 204, 0.14);
  background: rgba(3, 8, 13, 0.46);
}

.dining-merge-blocked-target > small {
  grid-column: 2;
  color: var(--muted);
  overflow-wrap: anywhere;
}

.dining-merge-review {
  border-color: rgba(245, 168, 0, 0.32);
  background: linear-gradient(145deg, rgba(245, 168, 0, 0.08), rgba(7, 13, 20, 0.72));
}

.dining-merge-equation {
  display: flex;
  align-items: center;
  gap: 0.65rem;
}

.dining-merge-equation > svg {
  flex: 0 0 auto;
  inline-size: 1.3rem;
  color: var(--gold);
}

.dining-merge-equation > div {
  display: grid;
  gap: 0.12rem;
  min-inline-size: 0;
}

.dining-merge-equation strong {
  font-size: clamp(1rem, 2vw, 1.2rem);
  overflow-wrap: anywhere;
}

.dining-merge-comparison {
  display: grid;
  gap: 0;
  margin: 0;
  overflow: hidden;
  border: 0.0625rem solid rgba(168, 184, 204, 0.14);
  border-radius: var(--radius-md);
  background: rgba(3, 8, 13, 0.48);
}

.dining-merge-comparison > div {
  display: grid;
  grid-template-columns: minmax(4rem, 0.35fr) minmax(0, 1fr);
  align-items: center;
  gap: 0.7rem;
  padding: 0.65rem 0.75rem;
}

.dining-merge-comparison > div + div {
  border-block-start: 0.0625rem solid rgba(168, 184, 204, 0.12);
}

.dining-merge-comparison dt {
  color: var(--muted);
  font-weight: 750;
}

.dining-merge-comparison dd {
  margin: 0;
  text-align: end;
  font-variant-numeric: tabular-nums;
  overflow-wrap: anywhere;
}

.dining-merge-comparison dd strong {
  color: var(--gold-2);
}

.dining-merge-effects {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.55rem;
}

.dining-merge-effects > span {
  grid-template-columns: auto minmax(0, 1fr);
  border-color: rgba(38, 208, 111, 0.2);
  background: rgba(38, 208, 111, 0.06);
}

.dining-merge-effects > span > svg {
  color: var(--green);
}

.dining-merge-details {
  margin-block-start: 0.1rem;
}

.dining-merge-impact {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) auto minmax(0, 1fr);
  align-items: center;
  gap: clamp(0.4rem, 1vw, 0.7rem);
  min-inline-size: 0;
}

.dining-merge-facts {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.4rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

.dining-merge-facts li {
  align-items: flex-start;
  padding: 0.55rem;
  border: 0.0625rem solid rgba(38, 208, 111, 0.16);
  border-radius: var(--radius-sm);
  background: rgba(7, 13, 20, 0.58);
}

.dining-merge-success-proof {
  max-inline-size: 38rem;
  inline-size: 100%;
  margin-inline: auto;
}

.dining-merge-success-total {
  border-color: rgba(38, 208, 111, 0.28);
  background: rgba(38, 208, 111, 0.07);
}

.dining-merge-success-total > strong {
  color: var(--text);
}

.dining-merge-panel.is-pending .dining-operation-body {
  display: grid;
  place-items: center;
  min-block-size: min(18rem, 42svh);
}

.dining-merge-panel.is-pending .dining-merge-status {
  inline-size: min(100%, 32rem);
}

.dining-merge-panel .dining-operation-footer .button {
  min-block-size: 2.75rem;
}

.dining-merge-panel.is-pending .dining-operation-body {
  cursor: progress;
}

@media (max-width: 54em) {
  .dining-merge-source-row,
  .dining-merge-impact {
    grid-template-columns: minmax(0, 1fr);
  }

  .dining-merge-impact > .dining-impact-arrow {
    transform: rotate(90deg);
    justify-self: center;
  }

  .dining-merge-facts {
    grid-template-columns: minmax(0, 1fr);
  }

  .dining-merge-effects {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 40em) {
  .dining-merge-panel {
    max-block-size: 94svh;
  }

  .dining-merge-target-list {
    grid-template-columns: minmax(0, 1fr);
  }

  .dining-merge-panel .dining-operation-footer > div,
  .dining-merge-panel .dining-operation-footer .button {
    inline-size: 100%;
  }

  .dining-merge-panel .dining-operation-footer .button {
    flex: 1 1 100%;
  }
}

@media (max-width: 24em) {
  .dining-merge-source-bar,
  .dining-merge-success-total {
    grid-template-columns: auto minmax(0, 1fr);
  }

  .dining-merge-source-bar > span:last-child,
  .dining-merge-success-total > span {
    grid-column: 2;
    justify-items: start;
    text-align: start;
  }

  .dining-merge-summary > header {
    align-items: start;
    flex-direction: column;
  }

  .dining-merge-target {
    grid-template-columns: auto minmax(0, 1fr);
    grid-template-areas:
      "icon identity"
      "totals totals"
      "state state";
  }

  .dining-merge-target > span:nth-child(3) {
    justify-items: start;
    text-align: start;
  }
}

@media (prefers-reduced-motion: reduce) {
  .dining-merge-panel,
  .dining-merge-target,
  .dining-merge-status {
    scroll-behavior: auto;
    transition: none;
  }
}

/* V71N · KavPOS task clarity: primary table actions first. */
.dining-order-tools > .task-support-content {
  gap: clamp(0.55rem, 1vw, 0.8rem);
}

.dining-service-command {
  background: linear-gradient(145deg, rgba(20, 30, 42, 0.9), rgba(7, 13, 20, 0.94));
}

.dining-service-head {
  align-items: start;
}

.dining-service-head > div {
  max-inline-size: 60ch;
}

/* V71O · three-step merge clarity and truthful signed-policy states. */
.dining-merge-progress {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(0.35rem, 1vw, 0.65rem);
  margin: 0;
  padding: clamp(0.5rem, 1.2vw, 0.75rem) clamp(0.75rem, 2vw, 1.15rem);
  border-block: 0.0625rem solid rgba(168, 184, 204, 0.12);
  list-style: none;
  background: rgba(3, 8, 13, 0.42);
}

.dining-merge-progress > li {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 0.08rem 0.45rem;
  min-inline-size: 0;
  color: var(--muted);
}

.dining-merge-progress > li > span {
  grid-row: 1 / 3;
  display: grid;
  place-items: center;
  inline-size: 1.75rem;
  block-size: 1.75rem;
  border: 0.0625rem solid rgba(168, 184, 204, 0.22);
  border-radius: 50%;
  font-size: 0.72rem;
  font-weight: 850;
}

.dining-merge-progress > li > span > svg {
  inline-size: 0.9rem;
}

.dining-merge-progress small,
.dining-merge-progress strong {
  overflow-wrap: anywhere;
}

.dining-merge-progress small {
  font-size: 0.64rem;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.dining-merge-progress strong {
  font-size: clamp(0.72rem, 1vw, 0.82rem);
}

.dining-merge-progress > .is-current {
  color: var(--text);
}

.dining-merge-progress > .is-current > span {
  border-color: var(--gold);
  color: #151006;
  background: var(--gold);
  box-shadow: 0 0 0 0.18rem rgba(245, 168, 0, 0.12);
}

.dining-merge-progress > .is-complete > span {
  border-color: rgba(38, 208, 111, 0.35);
  color: var(--green);
  background: rgba(38, 208, 111, 0.09);
}

.dining-merge-status.is-unknown,
.dining-merge-status.is-recovery,
.dining-merge-status.is-policy-blocked {
  border-color: rgba(225, 176, 79, 0.34);
  background: rgba(225, 176, 79, 0.08);
}

.dining-merge-status.is-unknown > svg,
.dining-merge-status.is-recovery > svg,
.dining-merge-status.is-policy-blocked > svg {
  color: var(--gold);
}

.dining-merge-panel:is(.is-pending, .is-unknown, .is-recovery) .dining-merge-progress {
  pointer-events: none;
}

@media (max-width: 30em) {
  .dining-merge-progress > li {
    grid-template-columns: auto minmax(0, 1fr);
  }

  .dining-merge-progress > li > strong {
    display: none;
  }

  .dining-merge-progress > li > span {
    grid-row: auto;
    inline-size: 1.55rem;
    block-size: 1.55rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .dining-merge-progress > .is-current > span {
    box-shadow: none;
  }
}

/* V71P · focused table plan and progressive adisyon disclosure. */
.table-focus,
.dining-product-catalog,
.dining-line-disclosure-body {
  display: grid;
  align-content: start;
  gap: clamp(0.3rem, 0.65vw, 0.5rem);
  min-inline-size: 0;
}

.table-focus {
  align-self: center;
}

.table-focus strong,
.table-focus small {
  overflow-wrap: anywhere;
}

.table-focus strong {
  color: var(--gold-2);
  font-size: clamp(1rem, 0.88rem + 0.38vw, 1.3rem);
  font-variant-numeric: tabular-nums;
}

.table-focus small {
  color: var(--muted);
  font-size: clamp(0.7rem, 0.67rem + 0.08vw, 0.76rem);
}

.dining-table-card {
  min-block-size: clamp(6.6rem, 9vw, 7.8rem);
}

.dining-line-disclosure {
  min-inline-size: 0;
  border: 0.0625rem solid rgba(168, 184, 204, 0.14);
  border-radius: var(--radius-md);
  background: rgba(5, 10, 16, 0.42);
}

.dining-line-disclosure > summary {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  align-items: center;
  gap: clamp(0.35rem, 0.75vw, 0.58rem);
  min-inline-size: 0;
  min-block-size: 2.75rem;
  padding: clamp(0.48rem, 0.8vw, 0.68rem);
  cursor: pointer;
  list-style: none;
}

.dining-line-disclosure > summary::-webkit-details-marker {
  display: none;
}

.dining-line-disclosure > summary > span:first-child {
  display: grid;
  gap: 0.08rem;
  min-inline-size: 0;
}

.dining-line-disclosure > summary strong,
.dining-line-disclosure > summary small,
.dining-line-disclosure > summary b {
  overflow-wrap: anywhere;
}

.dining-line-disclosure > summary small {
  color: var(--muted);
  font-size: 0.7rem;
}

.dining-line-disclosure > summary b {
  color: var(--gold-2);
  font-variant-numeric: tabular-nums;
}

.dining-line-disclosure > summary > svg {
  inline-size: 1rem;
  color: var(--gold-2);
  transition: transform 160ms ease;
}

.dining-line-disclosure[open] > summary > svg {
  transform: rotate(180deg);
}

.dining-line-disclosure > summary:hover,
.dining-line-disclosure > summary:focus-visible {
  outline: none;
  background: rgba(245, 168, 0, 0.07);
}

.dining-line-disclosure-body {
  padding: clamp(0.48rem, 0.82vw, 0.68rem);
  border-block-start: 0.0625rem solid rgba(168, 184, 204, 0.12);
}

.dining-line-disclosure:not([open]) > .dining-line-disclosure-body {
  display: none;
}

@media (min-width: 78.01em) {
  .dining-layout.is-floor-only,
  .dining-layout.has-order {
    grid-template-columns: minmax(0, 1fr);
  }

  .dining-layout.has-order > .grid:first-child {
    display: none;
  }

  .dining-layout.has-order .dining-panel-close {
    display: inline-flex;
  }

  .dining-task-order {
    grid-template-columns: minmax(0, 1.3fr) minmax(14rem, 0.7fr);
  }

  .dining-task-order > .dining-task-heading,
  .dining-task-order > .dining-primary-next {
    grid-column: 1 / -1;
  }

  .dining-task-order > .dining-product-catalog {
    grid-column: 1;
  }

  .dining-task-order > .dining-current-order,
  .dining-task-order > .dining-order-tools {
    grid-column: 2;
  }
}

.table-order-header-actions .dining-panel-close {
  min-block-size: 2.75rem;
  white-space: nowrap;
}

@media (max-width: 42em) {
  .dining-area-row {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .dining-area-row .chip {
    inline-size: 100%;
    padding-inline: clamp(0.2rem, 1.6vw, 0.42rem);
  }

  .dining-floor {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .dining-task-order .table-product-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .dining-task-order .table-product-card {
    grid-template-columns: minmax(0, 1fr);
  }

  .dining-task-order .table-product-main {
    grid-template-columns: auto minmax(0, 1fr);
    align-content: start;
    min-block-size: 6.8rem;
  }

  .dining-task-order .table-product-main .table-product-action {
    grid-column: 1 / -1;
    justify-items: start;
    max-inline-size: none;
    text-align: start;
  }

  .dining-task-order .table-product-options {
    grid-template-columns: auto minmax(0, auto);
    inline-size: 100%;
    min-block-size: 2.75rem;
    border-block-start: 0.0625rem solid rgba(168, 184, 204, 0.12);
    border-inline-start: 0;
  }

  .dining-task-order .table-product-options > span {
    display: inline;
  }
}

@media (max-width: 24em) {
  .dining-floor {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .dining-line-disclosure > summary {
    grid-template-columns: minmax(0, 1fr) auto;
  }

  .dining-line-disclosure > summary > svg {
    display: none;
  }

  .dining-line-disclosure > summary small {
    display: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .dining-line-disclosure > summary > svg {
    transition: none;
  }
}

/* V71Q · one-task kitchen, read-only payment detail and flat account tools. */
.dining-payment-edit {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: clamp(0.42rem, 0.8vw, 0.66rem);
  min-inline-size: 0;
  padding: clamp(0.48rem, 0.8vw, 0.68rem);
  border: 0.0625rem solid rgba(168, 184, 204, 0.14);
  border-radius: var(--radius-md);
  background: rgba(5, 10, 16, 0.42);
}

.dining-payment-edit > span {
  display: grid;
  gap: 0.08rem;
  min-inline-size: 0;
}

.dining-payment-edit strong,
.dining-payment-edit small {
  overflow-wrap: anywhere;
}

.dining-payment-edit small {
  color: var(--muted);
  font-size: 0.7rem;
}

.dining-payment-edit .button,
.dining-line-quantity {
  min-block-size: 2.75rem;
}

.dining-payment-edit .button {
  border-color: rgba(245, 168, 0, 0.46);
  color: var(--gold-2);
  background: rgba(245, 168, 0, 0.08);
}

.dining-payment-edit .button:hover,
.dining-payment-edit .button:focus-visible {
  border-color: var(--gold);
  outline: none;
  color: #181006;
  background: var(--gold);
}

.dining-line-quantity {
  display: inline-grid;
  place-items: center;
  justify-self: center;
  min-inline-size: 4rem;
  padding-inline: 0.6rem;
  border: 0.0625rem solid rgba(168, 184, 204, 0.14);
  border-radius: 999rem;
  color: var(--text);
  background: rgba(168, 184, 204, 0.06);
  font-weight: 800;
  font-variant-numeric: tabular-nums;
}

[data-dining-task-panel="PAYMENT"] > .dining-order-tools > .task-support-content {
  display: grid;
  gap: clamp(0.55rem, 1vw, 0.8rem);
  min-inline-size: 0;
}

.dining-tool-groups,
.dining-tool-panel {
  display: grid;
  gap: clamp(0.5rem, 0.9vw, 0.75rem);
  min-inline-size: 0;
}

.dining-tool-tabs {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(0.24rem, 0.55vw, 0.42rem);
  padding: clamp(0.24rem, 0.5vw, 0.4rem);
  border: 0.0625rem solid rgba(168, 184, 204, 0.14);
  border-radius: var(--radius-md);
  background: rgba(5, 10, 16, 0.52);
}

.dining-tool-tabs button {
  min-inline-size: 0;
  min-block-size: 2.75rem;
  padding: clamp(0.42rem, 0.75vw, 0.62rem);
  border: 0.0625rem solid transparent;
  border-radius: var(--radius-sm);
  color: var(--muted);
  background: transparent;
  font-weight: 800;
}

.dining-tool-tabs button:hover,
.dining-tool-tabs button:focus-visible {
  border-color: rgba(245, 168, 0, 0.38);
  outline: none;
  color: var(--text);
  background: rgba(245, 168, 0, 0.07);
}

.dining-tool-tabs button.is-active {
  border-color: rgba(245, 168, 0, 0.48);
  color: #181006;
  background: var(--gold);
}

.dining-task-heading:focus,
.dining-task-heading:focus-visible {
  outline: 0.14rem solid rgba(245, 168, 0, 0.88);
  outline-offset: 0.18rem;
  border-radius: var(--radius-sm);
}

@media (max-width: 42em) {
  .table-order-panel {
    inset: 0;
    block-size: 100dvh;
    max-block-size: 100dvh;
    border-radius: 0;
    box-shadow: none;
  }

  .table-order-header {
    padding-block-start: max(0.65rem, env(safe-area-inset-top));
    padding-inline-start: max(clamp(0.46rem, 2.3vw, 0.7rem), env(safe-area-inset-left));
    padding-inline-end: max(clamp(0.46rem, 2.3vw, 0.7rem), env(safe-area-inset-right));
  }

  .dining-task-workspace {
    padding-inline-start: max(clamp(0.46rem, 2.3vw, 0.7rem), env(safe-area-inset-left));
    padding-inline-end: max(clamp(0.46rem, 2.3vw, 0.7rem), env(safe-area-inset-right));
    padding-block-end: max(0.8rem, env(safe-area-inset-bottom));
  }

  .dining-payment-edit {
    grid-template-columns: minmax(0, 1fr);
  }

  .dining-payment-edit .button {
    inline-size: 100%;
  }

  .dining-task-tab:disabled small {
    display: block;
  }
}

@media (max-height: 30em) and (max-width: 78em) {
  .table-order-panel {
    inset: 0;
    block-size: 100dvh;
    max-block-size: 100dvh;
    border-radius: 0;
    box-shadow: none;
  }

  .table-order-header {
    padding-block-start: max(0.4rem, env(safe-area-inset-top));
    padding-inline-start: max(0.46rem, env(safe-area-inset-left));
    padding-inline-end: max(0.46rem, env(safe-area-inset-right));
  }

  .dining-task-workspace {
    padding-inline-start: max(0.46rem, env(safe-area-inset-left));
    padding-inline-end: max(0.46rem, env(safe-area-inset-right));
    padding-block-end: max(0.6rem, env(safe-area-inset-bottom));
  }
}

@media (prefers-reduced-motion: reduce) {
  .table-order-panel {
    transition: none;
  }
}

/* V71R · Paket satış tek-ekran kasası: ürün ve sepet ayrı kayar, tahsilat kaçmaz. */
body.is-quick-sale-view {
  block-size: 100dvh;
  overflow: hidden;
}

body.is-quick-sale-view .app,
body.is-quick-sale-view .protected-ui,
body.is-quick-sale-view .app-shell,
body.is-quick-sale-view .main,
body.is-quick-sale-view .content,
body.is-quick-sale-view [data-active-view="quick-sale"],
body.is-quick-sale-view .pos-workspace,
body.is-quick-sale-view .pos-layout {
  min-block-size: 0;
}

body.is-quick-sale-view .app,
body.is-quick-sale-view .protected-ui,
body.is-quick-sale-view .app-shell,
body.is-quick-sale-view .main {
  block-size: 100%;
}

body.is-quick-sale-view .main,
body.is-quick-sale-view .content,
body.is-quick-sale-view [data-active-view="quick-sale"],
body.is-quick-sale-view .pos-workspace,
body.is-quick-sale-view .pos-layout {
  overflow: hidden;
}

body.is-quick-sale-view .content {
  padding-block-end: var(--gap);
}

body.is-quick-sale-view [data-active-view="quick-sale"],
body.is-quick-sale-view .pos-workspace {
  block-size: 100%;
}

body.is-quick-sale-view .pos-workspace {
  grid-template-rows: auto minmax(0, 1fr);
  padding-block-end: 0;
}

body.is-quick-sale-view .pos-layout {
  block-size: 100%;
}

body.is-quick-sale-view .pos-layout > .grid:first-child {
  align-content: start;
  min-block-size: 0;
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-gutter: stable;
}

body.is-quick-sale-view .cart-panel > .card-body {
  --quick-checkout-dock-space: clamp(11.5rem, 25dvh, 14rem);
  position: relative;
  display: flex;
  flex-direction: column;
  gap: var(--gap);
  min-block-size: 0;
  padding-block-end: var(--quick-checkout-dock-space);
  overflow: hidden;
}

body.is-quick-sale-view .cart-panel .cart-list {
  flex: 1 1 auto;
  min-block-size: 3.25rem;
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-gutter: stable;
}

body.is-quick-sale-view .cart-panel .stepper button {
  inline-size: max(2.75rem, 2.2em);
  min-block-size: 2.75rem;
  aspect-ratio: auto;
}

body.is-quick-sale-view .cart-panel .quick-fulfillment-summary,
body.is-quick-sale-view .cart-panel .quick-operation-lock {
  flex: 0 0 auto;
}

body.is-quick-sale-view .cart-panel > .card-body > .total-box {
  display: none;
}

body.is-quick-sale-view .cart-panel .quick-payment-prep {
  grid-template-rows: auto minmax(0, 1fr);
  flex: 0 1 auto;
  min-block-size: 0;
  max-block-size: min(22dvh, 12rem);
  overflow: visible;
}

body.is-quick-sale-view .cart-panel .quick-payment-review {
  grid-template-rows: minmax(0, 1fr) auto;
  min-block-size: 0;
  overflow: visible;
}

body.is-quick-sale-view .cart-panel .quick-payment-review-scroll,
body.is-quick-sale-view .cart-panel .quick-payment-command-dock {
  display: grid;
  gap: 0.34rem;
  min-block-size: 0;
}

body.is-quick-sale-view .cart-panel .quick-payment-review-scroll {
  overflow-y: auto;
  overscroll-behavior: contain;
}

body.is-quick-sale-view .cart-panel .quick-operation-actions {
  position: sticky;
  z-index: 3;
  inset-block-end: 0;
}

body.is-quick-sale-view .cart-panel .quick-payment-command-dock {
  position: absolute;
  z-index: 4;
  inset-inline: var(--pad);
  inset-block-end: var(--pad);
  padding-block-start: 0.34rem;
  border-block-start: 0.0625rem solid rgba(245, 168, 0, 0.16);
  border-radius: var(--radius-sm);
  background: #0b121b;
  box-shadow: 0 -0.9rem 1.8rem rgba(5, 9, 14, 0.9);
}

body.is-quick-sale-view .cart-panel .quick-operation-panel {
  flex: 1 1 auto;
  min-block-size: 0;
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-gutter: stable;
}

body.is-quick-sale-view .cart-panel .quick-operation-actions {
  padding-block-start: 0.5rem;
  border-block-start: 0.0625rem solid rgba(245, 168, 0, 0.2);
  background: rgba(7, 13, 20, 0.96);
  box-shadow: 0 -0.7rem 1.4rem rgba(5, 9, 14, 0.72);
}

body.is-quick-sale-view .cart-panel > .card-body > .lock-button {
  display: none;
}

/* Canlı işletme başlangıcı: sahte rol/veri yerine gerçek patron kurulum kapısı. */
body:has(.production-entry-gate) #app > :not(.production-entry-gate) {
  display: none;
}

.production-entry-gate {
  display: grid;
  align-content: center;
  gap: clamp(0.7rem, 1.5vw, 1.1rem);
  min-block-size: 100dvh;
  inline-size: min(100%, 56rem);
  margin-inline: auto;
  padding: clamp(0.7rem, 2.4vw, 2rem);
}

.pilot-setup-card.is-production-entry {
  inline-size: 100%;
  margin: 0;
  overflow: hidden;
}

.pilot-setup-card.is-production-entry .pilot-live-status {
  padding: clamp(0.8rem, 2vw, 1.2rem);
  border-color: rgba(245, 168, 0, 0.28);
  background:
    radial-gradient(circle at 100% 0%, rgba(245, 168, 0, 0.12), transparent 45%),
    rgba(5, 10, 16, 0.72);
}

.production-entry-promises {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 9rem), 1fr));
  gap: clamp(0.4rem, 1vw, 0.65rem);
  min-inline-size: 0;
}

.production-entry-promises > span {
  padding: 0.62rem;
  border: 0.0625rem solid rgba(38, 208, 111, 0.24);
  border-radius: var(--radius-sm);
  color: var(--green);
  background: rgba(38, 208, 111, 0.06);
  font-weight: 750;
  text-align: center;
}

.production-entry-brand {
  display: flex;
  align-items: center;
  gap: 0.62rem;
  min-inline-size: 0;
}

.production-entry-brand > span:last-child {
  display: grid;
  gap: 0.08rem;
}

.production-entry-brand strong {
  font-size: clamp(1.05rem, 0.9rem + 0.5vw, 1.45rem);
}

.production-entry-brand small {
  color: var(--muted);
}

.pilot-setup-card.is-production-entry .pilot-acceptance {
  display: none;
}

.pilot-setup-card.is-production-entry .pilot-live-acceptance {
  display: grid;
}

@media (max-width: 36rem) {
  .production-entry-gate {
    align-content: start;
  }

  .pilot-setup-card.is-production-entry .card-header,
  .pilot-setup-card.is-production-entry .pilot-live-status-head,
  .pilot-setup-card.is-production-entry .pilot-live-status-actions {
    align-items: stretch;
  }

  .pilot-setup-card.is-production-entry .pilot-live-status-actions,
  .pilot-setup-card.is-production-entry .pilot-live-status-actions .button {
    inline-size: 100%;
  }
}

/* Masa/adisyon: sayfa değil, ürün ve adisyon listeleri kendi alanında kayar. */
body.is-dining {
  block-size: 100dvh;
  overflow: hidden;
}

body.is-dining .app,
body.is-dining .protected-ui,
body.is-dining .app-shell,
body.is-dining .main {
  block-size: 100%;
  min-block-size: 0;
}

body.is-dining .main,
body.is-dining .content,
body.is-dining [data-active-view="tables"],
body.is-dining .dining-workspace,
body.is-dining .dining-layout {
  min-block-size: 0;
  overflow: hidden;
}

body.is-dining .content {
  padding-block-end: var(--gap);
}

body.is-dining [data-active-view="tables"],
body.is-dining .dining-workspace,
body.is-dining .dining-layout {
  block-size: 100%;
}

body.is-dining .dining-workspace {
  grid-template-rows: minmax(0, 1fr) auto;
}

body.is-dining .dining-layout > .grid:first-child {
  min-block-size: 0;
  overflow-y: auto;
  overscroll-behavior: contain;
}

@media (min-width: 78.01em) {
  body.is-dining .table-order-panel {
    position: relative;
    inset: auto;
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    block-size: 100%;
    max-block-size: 100%;
    overflow: hidden;
  }

  body.is-dining .dining-task-workspace {
    grid-template-rows: auto auto minmax(0, 1fr);
    min-block-size: 0;
    overflow: hidden;
  }

  body.is-dining .dining-task-panel {
    min-block-size: 0;
    block-size: auto;
    align-self: stretch;
  }

  body.is-dining .dining-task-panel:not(.dining-task-order) {
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-gutter: stable;
  }

  body.is-dining .dining-task-order {
    grid-template-rows: auto minmax(0, 1fr) auto;
    overflow: hidden;
  }

  body.is-dining .dining-task-order > .dining-task-heading {
    grid-column: 1 / -1;
    grid-row: 1;
  }

  body.is-dining .dining-task-order > .dining-product-catalog {
    grid-column: 1;
    grid-row: 2;
    grid-template-rows: auto auto minmax(0, 1fr);
    min-block-size: 0;
    overflow: hidden;
  }

  body.is-dining .dining-task-order .table-product-grid {
    min-block-size: 0;
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-gutter: stable;
  }

  body.is-dining .dining-task-order > .dining-current-order {
    grid-column: 2;
    grid-row: 2;
    grid-template-rows: auto minmax(0, 1fr);
    min-block-size: 0;
    max-block-size: 100%;
    overflow: hidden;
  }

  body.is-dining .dining-current-order[open] > .dining-line-disclosure-body {
    max-block-size: min(52dvh, 32rem);
    min-block-size: 0;
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-gutter: stable;
  }

  body.is-dining .dining-task-order > .dining-primary-next {
    position: relative;
    inset: auto;
    grid-column: 1;
    grid-row: 3;
  }

  body.is-dining .dining-task-order > .dining-order-tools {
    grid-column: 2;
    grid-row: 3;
    max-block-size: min(32dvh, 17rem);
    overflow-y: auto;
  }
}

@media (max-width: 78em) {
  body.is-dining .table-order-panel {
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    block-size: min(100dvh, 54rem);
    max-block-size: 100dvh;
    overflow: hidden;
  }

  body.is-dining .dining-task-workspace {
    display: grid;
    grid-template-rows: auto auto minmax(0, 1fr);
    min-block-size: 0;
    overflow: hidden;
  }

  body.is-dining .dining-task-panel {
    min-block-size: 0;
    block-size: auto;
    align-self: stretch;
  }

  body.is-dining .dining-task-panel:not(.dining-task-order) {
    overflow-y: auto;
    overscroll-behavior: contain;
  }

  body.is-dining .dining-task-order {
    grid-template-rows: auto minmax(0, 1fr) auto auto auto;
    overflow: hidden;
  }

  body.is-dining .dining-task-order > .dining-product-catalog {
    grid-row: 2;
    grid-template-rows: auto auto minmax(0, 1fr);
    min-block-size: 0;
    overflow: hidden;
  }

  body.is-dining .dining-task-order .table-product-grid {
    min-block-size: 0;
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-gutter: stable;
  }

  body.is-dining .dining-current-order {
    grid-row: 3;
    grid-template-rows: auto minmax(0, 1fr);
    max-block-size: min(28dvh, 12rem);
    overflow: hidden;
  }

  body.is-dining .dining-current-order[open] {
    block-size: min(18dvh, 7rem);
  }

  body.is-dining .dining-current-order[open] > .dining-line-disclosure-body {
    max-block-size: min(11dvh, 4.5rem);
    min-block-size: 0;
    overflow-y: auto;
    overscroll-behavior: contain;
  }

  body.is-dining .dining-primary-next {
    position: relative;
    inset: auto;
    grid-row: 4;
  }

  body.is-dining .dining-task-order > .dining-order-tools {
    grid-row: 5;
  }
}

@media (max-height: 30em) and (max-width: 78em) {
  body.is-dining .dining-task-workspace > .dining-security-banner,
  body.is-dining .dining-task-order .compact-categories,
  body.is-dining .dining-task-order > .dining-order-tools,
  body.is-dining .dining-primary-next-icon,
  body.is-dining .dining-primary-next > span:nth-child(2) {
    display: none;
  }

  body.is-dining .dining-task-workspace {
    grid-template-rows: auto minmax(0, 1fr);
  }

  body.is-dining .dining-task-nav {
    padding: 0.12rem;
  }

  body.is-dining .dining-task-tab {
    min-block-size: 2.75rem;
    padding-block: 0.18rem;
  }

  body.is-dining .dining-task-tab small,
  body.is-dining .dining-task-tab em {
    display: none;
  }

  body.is-dining .dining-task-heading {
    min-block-size: 1.8rem;
    gap: 0.2rem;
  }

  body.is-dining .dining-task-heading .eyebrow,
  body.is-dining .dining-task-heading small,
  body.is-dining .dining-task-heading > .tag {
    display: none;
  }

  body.is-dining .dining-task-heading h3 {
    font-size: 0.8rem;
    line-height: 1.15;
  }

  body.is-dining .dining-task-order {
    grid-template-rows: auto minmax(0, 1fr) auto auto;
  }

  body.is-dining .dining-task-order > .dining-product-catalog {
    grid-row: 2;
  }

  body.is-dining .dining-current-order {
    grid-row: 3;
  }

  body.is-dining .dining-primary-next {
    grid-row: 4;
  }

  body.is-dining .dining-current-order[open] {
    block-size: 3.75rem;
  }

  body.is-dining .dining-primary-next,
  body.is-dining .dining-primary-next .button {
    grid-column: auto;
    inline-size: 100%;
    min-block-size: 2.75rem;
  }

  body.is-dining .dining-primary-next {
    grid-template-columns: minmax(0, 1fr);
    padding: 0.26rem;
  }
}

@media (min-width: 42.01em) and (max-width: 78em) and (max-height: 30em) {
  body.is-dining .dining-task-order {
    grid-template-columns: minmax(0, 1.12fr) minmax(18rem, 0.88fr);
    grid-template-rows: auto minmax(0, 1fr) auto;
  }

  body.is-dining .dining-task-order > .dining-task-heading {
    grid-column: 1 / -1;
    grid-row: 1;
  }

  body.is-dining .dining-task-order > .dining-product-catalog {
    grid-column: 1;
    grid-row: 2;
  }

  body.is-dining .dining-task-order > .dining-current-order {
    grid-column: 2;
    grid-row: 2;
    block-size: 100%;
    max-block-size: 100%;
  }

  body.is-dining .dining-task-order > .dining-primary-next {
    grid-column: 1 / -1;
    grid-row: 3;
  }
}

@media (max-width: 42em) {
  body.is-dining .dining-task-workspace > .dining-security-banner {
    display: none;
  }

  body.is-dining .dining-task-workspace {
    grid-template-rows: auto minmax(0, 1fr);
  }

  body.is-dining .dining-primary-next-icon,
  body.is-dining .dining-primary-next > span:nth-child(2) {
    display: none;
  }

  body.is-dining .dining-task-heading {
    min-block-size: 2rem;
    gap: 0.24rem;
  }

  body.is-dining .dining-task-heading .eyebrow,
  body.is-dining .dining-task-heading small,
  body.is-dining .dining-task-heading > .tag {
    display: none;
  }

  body.is-dining .dining-task-heading h3 {
    font-size: clamp(0.78rem, 3.2vw, 0.92rem);
    line-height: 1.2;
  }

  body.is-dining .dining-primary-next {
    grid-template-columns: minmax(0, 1fr);
    padding: 0.3rem;
  }

  body.is-dining .dining-primary-next .button {
    grid-column: auto;
    inline-size: 100%;
  }

  body.is-dining .dining-task-order .table-product-main {
    min-block-size: 4rem;
  }
}

@media (width >= 58.0625em) {
  body.is-quick-sale-view .grid.pos-layout {
    grid-template-columns: minmax(0, 1.42fr) minmax(min(100%, 24rem), 0.58fr);
    align-items: stretch;
  }

  body.is-quick-sale-view .cart-panel {
    position: sticky;
    inset-block-start: 0;
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    block-size: 100%;
    max-block-size: 100%;
    overflow: hidden;
  }
}

@media (width <= 58em) {
  body.is-quick-sale-view .pos-layout > .grid:first-child {
    padding-block-end: calc(clamp(4.6rem, 16vw, 5.4rem) + env(safe-area-inset-bottom));
  }

  body.is-quick-sale-view .pos-workspace .cart-panel > .card-body {
    display: flex;
  }

  /* Keep transient feedback clear of the fixed checkout command dock. */
  body.is-quick-sale-view:has(.pos-workspace .cart-panel.is-open) .toast {
    inset-block-end: calc(clamp(15.5rem, 34dvh, 18rem) + max(1rem, env(safe-area-inset-bottom)));
  }
}
.owner-subscription-card{border-color:color-mix(in srgb,var(--gold) 42%,var(--line));overflow:hidden}.owner-subscription-body{display:grid;gap:clamp(.8rem,1.5vw,1.25rem)}.owner-subscription-countdown{display:flex;align-items:center;gap:.8rem;padding:clamp(.8rem,1.6vw,1.15rem);border:1px solid color-mix(in srgb,var(--gold) 34%,var(--line));border-radius:var(--radius);background:linear-gradient(135deg,color-mix(in srgb,var(--gold) 12%,var(--panel)),var(--panel))}.owner-subscription-countdown>span{display:grid;place-items:center;inline-size:clamp(2.5rem,5vw,3.25rem);aspect-ratio:1;border-radius:50%;background:var(--gold);color:#18130a}.owner-subscription-countdown div,.owner-subscription-actions div{display:grid;gap:.2rem}.owner-subscription-countdown strong{font-size:clamp(1.2rem,2.4vw,1.75rem)}.owner-subscription-countdown small,.owner-subscription-actions small,.owner-subscription-facts small{color:var(--muted)}.owner-subscription-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,12rem),1fr));gap:.65rem}.owner-subscription-facts>span{display:grid;gap:.3rem;min-inline-size:0;padding:.75rem;border:1px solid var(--line);border-radius:calc(var(--radius)*.8);background:var(--panel-2)}.owner-subscription-facts strong{overflow-wrap:anywhere}.owner-subscription-actions{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.owner-subscription-actions .button{min-block-size:2.75rem;flex:0 1 auto}@media(max-width:36rem){.owner-subscription-actions{align-items:stretch}.owner-subscription-actions .button{inline-size:100%}}

.quick-start{display:grid;gap:clamp(.8rem,1.5vw,1.2rem);padding:clamp(.9rem,1.8vw,1.35rem);margin-block-end:clamp(.75rem,1.5vw,1.15rem);border-color:color-mix(in srgb,var(--gold) 44%,var(--line));background:linear-gradient(135deg,color-mix(in srgb,var(--gold) 8%,var(--panel)),var(--panel))}.quick-start-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.quick-start-head h2,.quick-start-head p{margin:0}.quick-start-head p{color:var(--muted);max-inline-size:58rem}.quick-start-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(.55rem,1vw,.85rem)}.quick-start-task{display:grid;grid-template-columns:auto auto minmax(0,1fr);align-items:center;gap:.7rem;min-inline-size:0;min-block-size:clamp(5.5rem,10vw,7rem);padding:clamp(.7rem,1.3vw,1rem);border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--panel-2);color:var(--text);text-align:start;cursor:pointer}.quick-start-task:hover,.quick-start-task:focus-visible{border-color:var(--gold);transform:translateY(-1px)}.quick-start-task.is-complete{border-color:color-mix(in srgb,var(--green) 45%,var(--line))}.quick-start-number{display:grid;place-items:center;inline-size:1.8rem;block-size:1.8rem;border-radius:999px;background:color-mix(in srgb,var(--gold) 18%,var(--panel));color:var(--gold);font-weight:800}.quick-start-task.is-complete .quick-start-number{background:color-mix(in srgb,var(--green) 18%,var(--panel));color:var(--green)}.quick-start-task>span:last-child{display:grid;gap:.2rem;min-inline-size:0}.quick-start-task small{color:var(--muted)}.quick-start-task b{color:var(--gold);font-size:.78rem}.operational-empty-state{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:clamp(.8rem,2vw,1.5rem);min-block-size:min(20rem,55vh);padding:clamp(1rem,3vw,2.5rem);border-color:color-mix(in srgb,var(--gold) 32%,var(--line))}.operational-empty-state h2,.operational-empty-state p{margin:0}.operational-empty-state p{color:var(--muted);max-inline-size:52rem}.operational-empty-icon{display:grid;place-items:center;inline-size:clamp(3rem,6vw,4.5rem);block-size:clamp(3rem,6vw,4.5rem);border-radius:999px;background:color-mix(in srgb,var(--gold) 14%,var(--panel));color:var(--gold)}.live-catalog-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(min(100%,20rem),.7fr);gap:clamp(.7rem,1.3vw,1rem);align-items:start}.live-catalog-list,.live-product-create{min-inline-size:0}.setup-empty{display:flex;align-items:center;gap:.8rem;min-block-size:11rem;padding:1rem;border:1px dashed var(--line);border-radius:var(--radius-sm);color:var(--muted)}.setup-empty>span{color:var(--gold)}.setup-empty>div{display:grid;gap:.25rem}.setup-empty strong{color:var(--text)}.inline-recovery{display:grid;gap:.5rem;justify-items:start;padding:1rem;border:1px solid color-mix(in srgb,var(--red) 45%,var(--line));border-radius:var(--radius-sm)}
@media (max-width:64rem){.quick-start-grid,.live-catalog-layout{grid-template-columns:1fr}.operational-empty-state{grid-template-columns:auto minmax(0,1fr)}.operational-empty-state .panel-actions{grid-column:1/-1}}
@media (max-width:38rem){.quick-start-head{display:grid}.quick-start-grid{grid-template-columns:1fr}.quick-start-task{min-block-size:4.75rem}.operational-empty-state{grid-template-columns:1fr;align-items:start;min-block-size:auto}.operational-empty-state .panel-actions{grid-column:auto;display:grid;grid-template-columns:1fr}.live-product-create .grid.two{grid-template-columns:1fr}}

.emergency-workspace{display:grid;gap:clamp(.75rem,1.5vw,1.15rem);min-inline-size:0}.emergency-hero{display:flex;align-items:center;justify-content:space-between;gap:clamp(1rem,2.2vw,2rem);padding:clamp(1rem,2.2vw,1.65rem);border-color:color-mix(in srgb,var(--gold) 35%,var(--line));background:linear-gradient(135deg,color-mix(in srgb,var(--gold) 8%,var(--panel)),var(--panel))}.emergency-hero.is-danger{border-color:color-mix(in srgb,var(--red) 52%,var(--line));background:linear-gradient(135deg,color-mix(in srgb,var(--red) 10%,var(--panel)),var(--panel))}.emergency-hero.is-green{border-color:color-mix(in srgb,var(--green) 48%,var(--line));background:linear-gradient(135deg,color-mix(in srgb,var(--green) 8%,var(--panel)),var(--panel))}.emergency-hero.is-blue{border-color:color-mix(in srgb,var(--blue) 48%,var(--line));background:linear-gradient(135deg,color-mix(in srgb,var(--blue) 9%,var(--panel)),var(--panel))}.emergency-hero-copy{display:flex;align-items:flex-start;gap:clamp(.75rem,1.5vw,1.1rem);min-inline-size:0}.emergency-hero-copy>div{display:grid;gap:.28rem;min-inline-size:0}.emergency-hero h2,.emergency-hero p{margin:0}.emergency-hero h2{font-size:clamp(1.25rem,2.2vw,2rem)}.emergency-hero p{color:var(--muted);max-inline-size:62rem}.emergency-mark{display:grid;place-items:center;flex:0 0 auto;inline-size:clamp(2.8rem,5vw,4.2rem);block-size:clamp(2.8rem,5vw,4.2rem);border-radius:999px;background:color-mix(in srgb,var(--gold) 16%,var(--panel-2));color:var(--gold)}.emergency-hero.is-danger .emergency-mark{background:color-mix(in srgb,var(--red) 16%,var(--panel-2));color:var(--red)}.emergency-hero.is-green .emergency-mark{background:color-mix(in srgb,var(--green) 16%,var(--panel-2));color:var(--green)}.emergency-hero.is-blue .emergency-mark{background:color-mix(in srgb,var(--blue) 16%,var(--panel-2));color:var(--blue)}.emergency-mark .mini-icon{inline-size:clamp(1.25rem,2.5vw,2rem);block-size:clamp(1.25rem,2.5vw,2rem)}.emergency-hero-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:.55rem;min-inline-size:min(100%,14rem)}.emergency-status-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(.55rem,1vw,.85rem);min-inline-size:0}.emergency-status-card{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.75rem;padding:clamp(.8rem,1.4vw,1.05rem);min-inline-size:0}.emergency-status-card>span{display:grid;place-items:center;inline-size:2.35rem;block-size:2.35rem;border-radius:.7rem;background:color-mix(in srgb,var(--gold) 12%,var(--panel-2));color:var(--gold)}.emergency-status-card>div{display:grid;gap:.12rem;min-inline-size:0}.emergency-status-card small,.emergency-status-card em{color:var(--muted);font-style:normal;overflow-wrap:anywhere}.emergency-status-card strong{font-size:clamp(1rem,1.6vw,1.3rem);overflow-wrap:anywhere}.emergency-body-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(min(100%,20rem),.75fr);gap:clamp(.75rem,1.5vw,1.15rem);align-items:start;min-inline-size:0}.emergency-steps,.emergency-safety{min-inline-size:0}.emergency-step-list{display:grid;gap:.65rem}.emergency-step{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:.8rem;padding:clamp(.75rem,1.2vw,1rem);border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--panel-2);min-inline-size:0}.emergency-step>span{display:grid;place-items:center;inline-size:2rem;block-size:2rem;border-radius:999px;background:color-mix(in srgb,var(--gold) 18%,var(--panel));color:var(--gold);font-weight:800}.emergency-step>div{display:grid;gap:.18rem;min-inline-size:0}.emergency-step small{color:var(--muted);overflow-wrap:anywhere}.emergency-safety .card-header>.mini-icon{color:var(--gold)}.emergency-safety-note{display:grid;gap:.3rem;padding:.85rem;border:1px solid color-mix(in srgb,var(--gold) 38%,var(--line));border-radius:var(--radius-sm);background:color-mix(in srgb,var(--gold) 7%,var(--panel-2))}.emergency-safety-note small{color:var(--muted)}.emergency-safety dl{display:grid;margin:0}.emergency-safety dl>div{display:flex;justify-content:space-between;gap:.8rem;padding:.75rem 0;border-block-end:1px solid var(--line)}.emergency-safety dt{color:var(--muted)}.emergency-safety dd{margin:0;text-align:end;font-weight:700;overflow-wrap:anywhere}.emergency-safety .panel-actions{margin-block-start:1rem}.emergency-safety .panel-actions .button{flex:1 1 10rem}
@media (max-width:70rem){.emergency-status-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.emergency-body-grid{grid-template-columns:1fr}}
@media (max-width:45rem){.emergency-hero{display:grid;align-items:start}.emergency-hero-actions{display:grid;grid-template-columns:1fr;justify-items:stretch;inline-size:100%}.emergency-hero-actions .tag{text-align:center}.emergency-status-grid{grid-template-columns:1fr}.emergency-safety .panel-actions{display:grid;grid-template-columns:1fr}.emergency-safety .panel-actions .button{inline-size:100%}}
@media (max-width:24rem){.emergency-hero-copy{display:grid}.emergency-safety dl>div{display:grid;gap:.25rem}.emergency-safety dd{text-align:start}}
.quick-start-task em{font-style:normal;color:var(--muted);font-size:.72rem}.live-products-import{margin:0 clamp(.75rem,1.4vw,1.1rem) clamp(.75rem,1.4vw,1.1rem)}.live-products-import textarea{min-block-size:clamp(8rem,18vh,13rem);resize:vertical}.bulk-product-preview{display:grid;gap:.65rem;padding:.75rem;border:1px solid color-mix(in srgb,var(--gold) 28%,var(--line));border-radius:var(--radius-sm);background:color-mix(in srgb,var(--gold) 6%,var(--panel))}.bulk-product-preview[hidden]{display:none}.bulk-product-preview ul{display:grid;gap:.35rem;margin:0;padding-inline-start:1.2rem;color:var(--muted);font-size:.82rem}