* { box-sizing: border-box; }
html, body { margin: 0; min-height: 100%; }
[hidden] { display: none !important; }
body {
  font-family: "Nunito", sans-serif;
  color: #1b1714;
  background:
    radial-gradient(circle at top left, rgba(255, 214, 102, 0.12), transparent 26%),
    radial-gradient(circle at top right, rgba(182, 20, 27, 0.14), transparent 24%),
    linear-gradient(135deg, #a80f15 0%, #d7d0c8 42%, #efe6dc 100%);
}
body[data-theme="dark"] {
  color: #f6f1e9;
  background: #efe8dc;
}
.eyebrow { margin: 0 0 6px; font-size: 11px; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; color: #897d74; }
.muted { color: #766c65; }
.login-shell, .dashboard-shell { min-height: 100vh; padding: 28px; }
.login-shell { display: grid; place-items: center; }
.login-card, .panel, .stat-card, .modal-card {
  background: linear-gradient(180deg, rgba(255,253,249,.97) 0%, rgba(247,241,234,.94) 100%);
  border: 1px solid rgba(236, 224, 212, .86);
  border-radius: 30px;
  box-shadow: 0 28px 80px rgba(28, 21, 16, .16);
  backdrop-filter: blur(12px);
}
.login-card { width: min(100%, 460px); padding: 32px; }
.login-card h1 { margin: 0 0 10px; font-size: 34px; line-height: .95; letter-spacing: -.05em; }
.alert { margin-top: 16px; padding: 12px 14px; border-radius: 16px; background: #fff0df; color: #8a4d11; font-weight: 800; }
.login-form, .stack-form { display: grid; gap: 12px; }
input, select, textarea {
  width: 100%;
  border: 1px solid #e8dcd1;
  border-radius: 16px;
  background: rgba(255, 252, 247, .92);
  padding: 12px 14px;
  outline: 0;
  font: inherit;
  color: #2f2925;
}
input:focus, select:focus, textarea:focus {
  border-color: #ddb548;
  box-shadow: 0 0 0 3px rgba(221, 181, 72, .14);
}
button, .logout-link, .launch-card {
  border: 0;
  border-radius: 16px;
  padding: 12px 16px;
  font: inherit;
  font-weight: 900;
  cursor: pointer;
  text-decoration: none;
}
button {
  background: linear-gradient(180deg, #ffd95d 0%, #ffc930 100%);
  color: #4a3503;
  box-shadow: 0 14px 28px rgba(255, 201, 48, .2);
}
.dashboard-shell { position: relative; display: grid; gap: 18px; }
.topbar {
  display: flex;
  justify-content: space-between;
  align-items: end;
  gap: 18px;
  position: relative;
}
.topbar h1 { margin: 0; font-size: clamp(2.4rem, 4vw, 3.5rem); line-height: .93; letter-spacing: -.06em; }
.topbar-actions {
  display: flex;
  align-items: center;
  gap: 10px;
  position: relative;
  padding: 10px;
  border-radius: 999px;
  background: rgba(255, 249, 243, .74);
  border: 1px solid rgba(234, 221, 210, .9);
  box-shadow: 0 18px 30px rgba(34, 26, 20, .08);
}
.menu-toggle, .logout-link, .toolbar-button {
  background: rgba(255,255,255,.8);
  color: #5c534c;
  box-shadow: none;
}
.menu-toggle {
  width: 48px;
  height: 48px;
  padding: 0;
  border-radius: 50%;
  display: grid;
  place-items: center;
  gap: 5px;
}
.menu-toggle span {
  display: block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: linear-gradient(180deg, #b7181e 0%, #efbf35 100%);
}
.clean-icon {
  display: grid;
  place-items: center;
  grid-auto-flow: row;
}
.dashboard-menu {
  position: absolute;
  top: calc(100% + 10px);
  right: 116px;
  min-width: 240px;
  padding: 10px;
  border: 1px solid #eadfd4;
  border-radius: 22px;
  background: rgba(255, 252, 248, .98);
  box-shadow: 0 24px 44px rgba(27, 21, 17, .16);
  z-index: 20;
}
.dashboard-menu[hidden] { display: none; }
.dashboard-menu-item {
  width: 100%;
  text-align: left;
  background: transparent;
  color: #4e4640;
  padding: 12px 14px;
  border-radius: 14px;
  box-shadow: none;
}
.dashboard-menu-item:hover { background: #f7efe8; }
.live-badge {
  padding: 10px 14px;
  border-radius: 999px;
  background: linear-gradient(180deg, #fff2b9 0%, #ffe17d 100%);
  color: #765607;
  font-weight: 900;
}
.logout-link {
  padding: 12px 18px;
  border-radius: 999px;
  border: 1px solid #eaded2;
}
.stats-grid, .mission-grid, .launch-grid, .service-split, .status-board {
  display: grid;
  gap: 14px;
}
.stats-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.stat-card, .signal-card, .service-card {
  padding: 18px;
}
.stat-card span, .signal-card span, .service-card span, .queue-card span {
  display: block;
  color: #8d8177;
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .06em;
}
.stat-card strong, .signal-card strong, .service-card strong, .queue-card strong {
  display: block;
  margin-top: 8px;
  font-size: 34px;
  line-height: 1;
  letter-spacing: -.05em;
}
.stat-card.accent {
  background: linear-gradient(180deg, #ffd75d 0%, #ffc72c 100%);
}
.dashboard-overview {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(360px, .9fr);
  gap: 18px;
}
.compact-head { margin-bottom: 16px; }
.mission-panel, .launch-panel, .service-panel, .orders-panel { min-height: 0; }
.mission-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.operations-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(300px, .9fr);
  gap: 14px;
  margin-top: 14px;
}
.signal-card {
  border-radius: 24px;
  border: 1px solid #efe1d6;
  background: linear-gradient(180deg, #fffdfa 0%, #f8f1e9 100%);
}
.signal-card p {
  margin: 10px 0 0;
  color: #776c63;
  font-size: 13px;
  line-height: 1.45;
}
.signal-card.warm {
  background: linear-gradient(180deg, #fff5d2 0%, #ffe6a2 100%);
}
.signal-card.hot {
  background: linear-gradient(180deg, #ffe4c8 0%, #ffc58f 100%);
}
.signal-card.cool {
  background: linear-gradient(180deg, #f7efe7 0%, #efe2d6 100%);
}
.launch-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.launch-card {
  display: grid;
  gap: 8px;
  align-content: start;
  min-height: 142px;
  padding: 18px;
  border-radius: 24px;
  background: linear-gradient(180deg, #fffdfa 0%, #f9f1e9 100%);
  border: 1px solid #eee1d6;
  color: #332c27;
  box-shadow: none;
}
.launch-card strong { font-size: 22px; line-height: .95; letter-spacing: -.05em; }
.launch-card span { color: #746960; font-size: 14px; line-height: 1.4; }
.launch-card:hover, .launch-card:focus-visible {
  transform: translateY(-2px);
  box-shadow: 0 18px 30px rgba(24, 18, 14, .08);
}
.link-card { display: grid; }
.dashboard-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 18px;
}
.panel { padding: 22px; min-height: 0; }
.orders-panel { min-height: 72vh; }
.panel-head, .subpanel-head, .card-head {
  display: flex;
  justify-content: space-between;
  align-items: start;
  gap: 12px;
}
.panel-head h2, .subpanel h3 { margin: 0; font-size: 26px; letter-spacing: -.05em; }
.panel-actions { display: flex; gap: 10px; align-items: center; }
.toolbar-button {
  border-radius: 999px;
  padding: 12px 18px;
  border: 1px solid #eadfd4;
}
.orders-feed, .menu-admin-list, .mini-list, .chip-list, .drawer-content, .customer-highlights {
  display: grid;
  gap: 14px;
}
.orders-feed { grid-template-columns: 1fr; align-items: start; }
.order-card, .admin-item-card, .popular-chip, .category-chip, .empty-state, .subpanel, .queue-card, .highlight-card {
  border: 1px solid #eee1d6;
  border-radius: 24px;
  background: rgba(255, 252, 247, .94);
}
.order-card, .subpanel, .admin-item-card, .category-chip, .queue-card, .highlight-card { padding: 18px; }
.order-card {
  display: grid;
  gap: 14px;
  min-height: 100%;
  box-shadow: 0 18px 28px rgba(24, 18, 14, .05);
}
.orders-unified-head {
  display: flex;
  justify-content: space-between;
  align-items: start;
  gap: 12px;
  padding-bottom: 6px;
}
.orders-unified-head h3 {
  margin: 0;
  font-size: 1.2rem;
  letter-spacing: -.04em;
}
.orders-unified-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}
.orders-legend {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.legend-chip {
  padding: 8px 10px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .06em;
}
.legend-chip.new {
  background: #fff1cb;
  color: #6e4f08;
}
.legend-chip.accepted {
  background: #ffe8cd;
  color: #7b4508;
}
.legend-chip.preparing {
  background: #f3e9ff;
  color: #5b3f90;
}
.legend-chip.ready {
  background: #dff4e3;
  color: #255c32;
}
.legend-chip.cancelled {
  background: #ffe2e1;
  color: #973028;
}
.order-card-header, .admin-item-top, .popular-chip, .category-chip {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  align-items: start;
}
.order-state { display: grid; gap: 8px; justify-items: end; }
.order-items-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.order-item-row { display: flex; justify-content: space-between; gap: 8px; font-size: 14px; }
.order-item-chip {
  padding: 12px;
  border-radius: 18px;
  border: 1px solid #f0e3d8;
  background: linear-gradient(180deg, #fffdfa 0%, #faf3eb 100%);
  flex-direction: column;
  align-items: start;
}
.status-badge, .payment-badge, .mini-pill {
  padding: 7px 11px;
  border-radius: 999px;
  background: #f5eee8;
  font-size: 11px;
  font-weight: 900;
  color: #665d56;
  text-transform: capitalize;
}
.summary-row, .owner-action-group, .admin-item-actions { display: grid; gap: 10px; }
.summary-row { grid-template-columns: 1fr; }
.owner-action-group { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.action-chip, .status-action {
  border: 0;
  border-radius: 14px;
  padding: 11px 12px;
  font: inherit;
  font-weight: 900;
  cursor: pointer;
  box-shadow: none;
}
.action-chip {
  background: #f5eee6;
  color: #5c534c;
}
.action-chip.strong {
  background: linear-gradient(180deg, #fff1c5 0%, #ffe08f 100%);
  color: #6d5005;
}
.action-chip.danger {
  background: #ffe7df;
  color: #9d3a19;
}
.status-action.preparing {
  background: linear-gradient(180deg, #fff1ca 0%, #ffe09a 100%);
  color: #6b4e08;
}
.status-action.ready {
  background: linear-gradient(180deg, #dff6e3 0%, #c2eecb 100%);
  color: #235f31;
}
.status-action.paid {
  background: linear-gradient(180deg, #f1ebff 0%, #dfd3ff 100%);
  color: #4d3a8e;
}
.status-action.neutral {
  background: linear-gradient(180deg, #f7f1ea 0%, #ece1d4 100%);
  color: #5e554f;
}
.status-action.chef {
  background: linear-gradient(180deg, #ffe3c4 0%, #ffbe75 100%);
  color: #6d4104;
}
.status-action.completed {
  background: linear-gradient(180deg, #def3ff 0%, #c8e8ff 100%);
  color: #17558a;
}
.status-action.cancel {
  background: linear-gradient(180deg, #ffe1dc 0%, #ffc2b5 100%);
  color: #8a2d19;
}
.checkbox-row { display: flex; align-items: center; gap: 10px; font-weight: 800; color: #665d55; }
.checkbox-row input { width: auto; }
.category-chip, .popular-chip, .admin-item-card { display: grid; gap: 10px; }
.admin-item-meta { color: #80766e; font-size: 13px; }
.empty-state { padding: 30px; text-align: center; color: #8a7f76; font-weight: 800; }
.inline-form { margin-top: 4px; }
.service-panel { display: grid; gap: 16px; align-content: start; }
.business-drawer {
  position: fixed;
  top: 22px;
  right: 22px;
  width: min(420px, calc(100vw - 32px));
  max-height: calc(100vh - 44px);
  overflow: auto;
  z-index: 32;
  transform: translateX(calc(100% + 36px));
  transition: transform .24s ease;
}
.business-drawer[data-drawer="open"] { transform: translateX(0); }
.business-drawer-content { display: grid; gap: 16px; }
.service-split {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.business-grid .service-card strong {
  font-size: 28px;
}
.service-card {
  border-radius: 22px;
  border: 1px solid #eee1d6;
  background: linear-gradient(180deg, #fffdfa 0%, #faf4ed 100%);
}
.service-status-panel { padding: 16px; }
.status-board {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.queue-card {
  display: grid;
  gap: 6px;
  background: linear-gradient(180deg, #fffdfa 0%, #faf4ed 100%);
}
.queue-card.new { background: linear-gradient(180deg, #fff7d5 0%, #ffe9ab 100%); }
.queue-card.preparing { background: linear-gradient(180deg, #fff0d9 0%, #ffe2bd 100%); }
.queue-card.ready { background: linear-gradient(180deg, #e6f7ea 0%, #d3f0da 100%); }
.queue-card.pending { background: linear-gradient(180deg, #edf4ff 0%, #dce9ff 100%); }
.queue-card.accepted { background: linear-gradient(180deg, #fff0d9 0%, #ffe2bd 100%); }
.queue-card.cancelled { background: linear-gradient(180deg, #ffe6e4 0%, #ffd1cd 100%); }
.order-badge.new {
  background: linear-gradient(180deg, #fff1cb 0%, #ffe19c 100%);
  color: #6e4f08;
}
.order-badge.accepted {
  background: linear-gradient(180deg, #ffe3c4 0%, #ffbe75 100%);
  color: #6d4104;
}
.order-badge.preparing {
  background: linear-gradient(180deg, #efe6ff 0%, #ddd0ff 100%);
  color: #55408f;
}
.order-badge.ready {
  background: linear-gradient(180deg, #dff4e3 0%, #c2e8ca 100%);
  color: #255c32;
}
.order-badge.completed {
  background: linear-gradient(180deg, #def3ff 0%, #c8e8ff 100%);
  color: #17558a;
}
.order-badge.cancelled {
  background: linear-gradient(180deg, #ffe6e4 0%, #ffcfc9 100%);
  color: #8c2e25;
}
.order-card.status-new {
  border-color: #f0d38d;
  box-shadow: 0 18px 32px rgba(238, 191, 68, .12);
}
.order-card.status-accepted {
  border-color: #f1cf9b;
}
.order-card.status-preparing {
  border-color: #d7caef;
}
.order-card.status-ready {
  border-color: #cfe4d4;
}
.order-card.status-completed {
  border-color: #d6e5f7;
}
.order-card.status-cancelled {
  border-color: #f0c8c4;
}
.highlight-card {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: center;
}
.highlight-meta {
  display: grid;
  gap: 6px;
  justify-items: end;
  color: #776c63;
  font-size: 12px;
  font-weight: 800;
}
.management-drawer {
  position: fixed;
  top: 22px;
  right: 22px;
  width: min(460px, calc(100vw - 32px));
  max-height: calc(100vh - 44px);
  overflow: auto;
  z-index: 30;
  transform: translateX(calc(100% + 36px));
  transition: transform .24s ease;
}
.management-drawer[data-drawer="open"] { transform: translateX(0); }
.drawer-head {
  position: sticky;
  top: 0;
  background: linear-gradient(180deg, rgba(255,253,249,.98) 0%, rgba(248,242,235,.96) 100%);
  padding-bottom: 8px;
  z-index: 1;
}
.modal-shell {
  position: fixed;
  inset: 0;
  background: rgba(18, 12, 10, .45);
  display: grid;
  place-items: center;
  padding: 20px;
  z-index: 40;
}
.modal-shell[hidden] { display: none; }
.modal-card { width: min(760px, 100%); padding: 22px; }
.edit-order-note {
  padding: 12px 14px;
  border-radius: 16px;
  background: #f7efe8;
  color: #6e645c;
  font-size: 13px;
  font-weight: 700;
}
.order-edit-items { display: grid; gap: 10px; }
.order-edit-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 92px auto;
  gap: 10px;
  align-items: center;
  padding: 12px;
  border: 1px solid #efe2d7;
  border-radius: 18px;
  background: #fffdfa;
}
.order-edit-row select, .order-edit-row input { min-width: 0; }
.order-edit-label {
  grid-column: 1 / -1;
  font-size: 13px;
  font-weight: 800;
  color: #6d645b;
}
.order-person {
  margin: 4px 0 0;
  font-size: 14px;
  font-weight: 800;
  color: #403833;
}
.add-row-button { justify-self: start; }

body[data-theme="dark"] .eyebrow,
body[data-theme="dark"] .stat-card span,
body[data-theme="dark"] .signal-card span,
body[data-theme="dark"] .service-card span,
body[data-theme="dark"] .queue-card span,
body[data-theme="dark"] .muted,
body[data-theme="dark"] .admin-item-meta,
body[data-theme="dark"] .launch-card span,
body[data-theme="dark"] .highlight-meta {
  color: #9f988d;
}

body[data-theme="dark"] .login-card,
body[data-theme="dark"] .panel,
body[data-theme="dark"] .stat-card,
body[data-theme="dark"] .modal-card,
body[data-theme="dark"] .order-card,
body[data-theme="dark"] .admin-item-card,
body[data-theme="dark"] .popular-chip,
body[data-theme="dark"] .category-chip,
body[data-theme="dark"] .empty-state,
body[data-theme="dark"] .subpanel,
body[data-theme="dark"] .queue-card,
body[data-theme="dark"] .highlight-card,
body[data-theme="dark"] .signal-card,
body[data-theme="dark"] .service-card,
body[data-theme="dark"] .launch-card,
body[data-theme="dark"] .dashboard-menu,
body[data-theme="dark"] .topbar-actions,
body[data-theme="dark"] .drawer-head,
body[data-theme="dark"] .order-item-chip,
body[data-theme="dark"] .order-edit-row,
body[data-theme="dark"] input,
body[data-theme="dark"] select,
body[data-theme="dark"] textarea {
  background: linear-gradient(180deg, #15171b 0%, #0f1013 100%);
  border-color: #262a31;
  color: #f6f1e9;
}

body[data-theme="dark"] .dashboard-shell::before {
  content: "";
  position: fixed;
  width: min(72vw, 860px);
  aspect-ratio: 1;
  border-radius: 50%;
  background: #050505;
  left: 50%;
  top: 48%;
  transform: translate(-50%, -50%);
  z-index: -1;
}

body[data-theme="dark"] .topbar-actions,
body[data-theme="dark"] .dashboard-menu,
body[data-theme="dark"] .drawer-head {
  box-shadow: 0 20px 40px rgba(0, 0, 0, .2);
}

body[data-theme="dark"] .topbar h1,
body[data-theme="dark"] .panel-head h2,
body[data-theme="dark"] .subpanel h3,
body[data-theme="dark"] .launch-card strong,
body[data-theme="dark"] .order-card h3,
body[data-theme="dark"] .order-person,
body[data-theme="dark"] .orders-unified-head h3,
body[data-theme="dark"] .login-card h1,
body[data-theme="dark"] strong {
  color: #fff8f1;
}

body[data-theme="dark"] .menu-toggle,
body[data-theme="dark"] .logout-link,
body[data-theme="dark"] .toolbar-button,
body[data-theme="dark"] .dashboard-menu-item,
body[data-theme="dark"] .action-chip,
body[data-theme="dark"] .edit-order-note {
  background: linear-gradient(180deg, #181a1f 0%, #0f1114 100%);
  color: #efe8dc;
  border-color: #262a31;
}

body[data-theme="dark"] .dashboard-menu-item:hover {
  background: #1d2026;
}

body[data-theme="dark"] .menu-toggle span {
  background: #ffd552;
}

body[data-theme="dark"] button,
body[data-theme="dark"] .action-chip.strong,
body[data-theme="dark"] .live-badge {
  background: linear-gradient(180deg, #ffd654 0%, #ecbc1d 100%);
  color: #322302;
}

body[data-theme="dark"] .stat-card.accent,
body[data-theme="dark"] .queue-card.new,
body[data-theme="dark"] .status-action.chef {
  box-shadow: 0 16px 30px rgba(236, 188, 29, .14);
}

body[data-theme="dark"] .action-chip.danger {
  background: linear-gradient(180deg, #391417 0%, #260b0d 100%);
  color: #ffb6a3;
}

body[data-theme="dark"] .status-action.neutral {
  background: linear-gradient(180deg, #1d2025 0%, #121418 100%);
  color: #d4ccc1;
}

body[data-theme="dark"] .status-action.preparing {
  background: linear-gradient(180deg, #47340b 0%, #2a1f08 100%);
  color: #ffd978;
}

body[data-theme="dark"] .status-action.ready {
  background: linear-gradient(180deg, #12301a 0%, #0b1d10 100%);
  color: #bde8c4;
}

body[data-theme="dark"] .status-action.completed {
  background: linear-gradient(180deg, #122633 0%, #0a171f 100%);
  color: #b9e3ff;
}

body[data-theme="dark"] .status-action.cancel {
  background: linear-gradient(180deg, #341617 0%, #220d0e 100%);
  color: #ffb8ae;
}

body[data-theme="dark"] .status-action.paid {
  background: linear-gradient(180deg, #23183d 0%, #140d22 100%);
  color: #cfbcff;
}

body[data-theme="dark"] .stat-card.accent,
body[data-theme="dark"] .signal-card.hot,
body[data-theme="dark"] .signal-card.cool,
body[data-theme="dark"] .queue-card.new,
body[data-theme="dark"] .queue-card.accepted,
body[data-theme="dark"] .queue-card.preparing,
body[data-theme="dark"] .queue-card.ready,
body[data-theme="dark"] .queue-card.pending,
body[data-theme="dark"] .queue-card.cancelled,
body[data-theme="dark"] .order-badge.new,
body[data-theme="dark"] .order-badge.accepted,
body[data-theme="dark"] .order-badge.preparing,
body[data-theme="dark"] .order-badge.ready,
body[data-theme="dark"] .order-badge.completed,
body[data-theme="dark"] .order-badge.cancelled {
  border: 0;
}

body[data-theme="dark"] .signal-card.hot {
  background: linear-gradient(180deg, #38210d 0%, #241509 100%);
}

body[data-theme="dark"] .signal-card.cool {
  background: linear-gradient(180deg, #1b222a 0%, #12171d 100%);
}

body[data-theme="dark"] .queue-card.new {
  background: linear-gradient(180deg, #3a2b0a 0%, #231906 100%);
}

body[data-theme="dark"] .queue-card.accepted {
  background: linear-gradient(180deg, #231c36 0%, #161125 100%);
}

body[data-theme="dark"] .queue-card.preparing {
  background: linear-gradient(180deg, #33260f 0%, #211808 100%);
}

body[data-theme="dark"] .queue-card.ready {
  background: linear-gradient(180deg, #17301b 0%, #0d1b10 100%);
}

body[data-theme="dark"] .queue-card.pending {
  background: linear-gradient(180deg, #261a38 0%, #171024 100%);
}

body[data-theme="dark"] .queue-card.cancelled {
  background: linear-gradient(180deg, #331617 0%, #220d0d 100%);
}

body[data-theme="dark"] .order-badge.new {
  background: linear-gradient(180deg, #4a370a 0%, #2f2307 100%);
  color: #ffd978;
}

body[data-theme="dark"] .order-badge.accepted {
  background: linear-gradient(180deg, #2d2545 0%, #1b1630 100%);
  color: #cfc1ff;
}

body[data-theme="dark"] .order-badge.preparing {
  background: linear-gradient(180deg, #46330b 0%, #2b1f07 100%);
  color: #ffd978;
}

body[data-theme="dark"] .order-badge.ready {
  background: linear-gradient(180deg, #17331b 0%, #0d1f11 100%);
  color: #c2ecc9;
}
body[data-theme="dark"] .order-badge.completed {
  background: linear-gradient(180deg, #122633 0%, #0a171f 100%);
  color: #b9e3ff;
}
body[data-theme="dark"] .order-badge.cancelled {
  background: linear-gradient(180deg, #341617 0%, #220d0e 100%);
  color: #ffb8ae;
}
body[data-theme="dark"] .legend-chip.new {
  background: linear-gradient(180deg, #4a370a 0%, #2f2307 100%);
  color: #ffd978;
}
body[data-theme="dark"] .legend-chip.accepted {
  background: linear-gradient(180deg, #2d2545 0%, #1b1630 100%);
  color: #cfc1ff;
}
body[data-theme="dark"] .legend-chip.preparing {
  background: linear-gradient(180deg, #46330b 0%, #2b1f07 100%);
  color: #ffd978;
}
body[data-theme="dark"] .legend-chip.ready {
  background: linear-gradient(180deg, #17331b 0%, #0d1f11 100%);
  color: #c2ecc9;
}
body[data-theme="dark"] .legend-chip.cancelled {
  background: linear-gradient(180deg, #341617 0%, #220d0e 100%);
  color: #ffb8ae;
}

@media (max-width: 1500px) {
  .dashboard-overview, .dashboard-grid { grid-template-columns: 1fr; }
  .operations-layout { grid-template-columns: 1fr; }
}

@media (max-width: 1180px) {
  .stats-grid, .mission-grid, .launch-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .orders-unified-grid { grid-template-columns: 1fr; }
  .topbar { align-items: start; }
}

@media (max-width: 760px) {
  .dashboard-shell, .login-shell { padding: 16px; }
  .topbar, .topbar-actions, .highlight-card { flex-wrap: wrap; }
  .stats-grid, .mission-grid, .launch-grid, .orders-feed, .order-items-grid, .owner-action-group, .order-edit-row, .service-split, .status-board {
    grid-template-columns: 1fr;
  }
  .dashboard-menu { right: 0; }
  .management-drawer {
    top: 12px;
    right: 12px;
    width: calc(100vw - 24px);
    max-height: calc(100vh - 24px);
  }
  .business-drawer {
    top: 12px;
    right: 12px;
    width: calc(100vw - 24px);
    max-height: calc(100vh - 24px);
  }
}

.workspace-shell {
  display: grid;
  grid-template-columns: 280px minmax(0, 1fr);
  gap: 18px;
  align-items: start;
}

.feature-rail {
  position: sticky;
  top: 28px;
  display: grid;
  gap: 16px;
  padding: 20px;
  border-radius: 30px;
  background: linear-gradient(180deg, rgba(255, 252, 248, .96) 0%, rgba(247, 241, 234, .94) 100%);
  border: 1px solid rgba(236, 224, 212, .86);
  box-shadow: 0 28px 80px rgba(28, 21, 16, .12);
}

.rail-brand h1 {
  margin: 0 0 8px;
  font-size: 2rem;
  line-height: .94;
  letter-spacing: -.05em;
}

.rail-section {
  display: grid;
  gap: 10px;
}

.rail-section-fill {
  align-content: end;
}

.rail-label {
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: #8a7e74;
}

.rail-button,
.rail-link {
  width: 100%;
  text-align: left;
  border-radius: 18px;
  padding: 14px 16px;
  background: rgba(255, 255, 255, .84);
  color: #433a34;
  border: 1px solid #eadfd4;
  box-shadow: none;
  text-decoration: none;
  font-weight: 900;
}

.rail-button:hover,
.rail-link:hover,
.rail-button:focus-visible,
.rail-link:focus-visible {
  transform: translateY(-1px);
  box-shadow: 0 14px 28px rgba(24, 18, 14, .08);
}

.rail-button-accent {
  background: linear-gradient(180deg, #fff2c9 0%, #ffe08a 100%);
  color: #624805;
}

.rail-link-danger {
  background: #ffe8e1;
  color: #8d3318;
}

.workspace-main {
  display: grid;
  gap: 18px;
  overflow-anchor: none;
}

.topbar {
  align-items: center;
}

.topbar-meta {
  display: flex;
  align-items: center;
  gap: 10px;
}

.live-alert {
  padding: 14px 18px;
  border-radius: 20px;
  border: 1px solid #f0ddb6;
  background: linear-gradient(180deg, #fff4cf 0%, #ffe5a0 100%);
  color: #674802;
  font-weight: 900;
  cursor: pointer;
}

.live-alert.success {
  border-color: #cfe7d4;
  background: linear-gradient(180deg, #e7f7ea 0%, #cbecd1 100%);
  color: #1e5d2b;
}

.focus-panel {
  display: grid;
  gap: 14px;
}

.owner-desk-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.desk-card {
  display: grid;
  gap: 8px;
  padding: 18px;
  border-radius: 22px;
  border: 1px solid #eee1d6;
  background: linear-gradient(180deg, #fffdfa 0%, #faf2e9 100%);
}

.desk-card span {
  color: #7e726a;
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.desk-card strong {
  font-size: 1.35rem;
  line-height: 1.15;
  letter-spacing: -.03em;
}

.desk-card p {
  margin: 0;
  color: #756a61;
  font-size: 13px;
  line-height: 1.45;
}

.desk-card-primary {
  grid-column: 1 / -1;
  background: linear-gradient(180deg, #fff1ca 0%, #ffe09a 100%);
}

.owner-desk-actions {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.owner-desk-action {
  min-height: 120px;
  text-align: left;
}

.orders-toolbar {
  display: grid;
  grid-template-columns: minmax(240px, 1.4fr) repeat(5, minmax(140px, .75fr));
  gap: 12px;
  align-items: end;
  margin-bottom: 14px;
}

.toolbar-search,
.toolbar-filter {
  display: grid;
  gap: 6px;
}

.toolbar-search span,
.toolbar-filter span {
  color: #83776e;
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.toolbar-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.filter-chip {
  padding: 11px 14px;
  border-radius: 999px;
  background: #f5eee6;
  color: #5c534c;
  box-shadow: none;
}

.filter-chip.active {
  background: linear-gradient(180deg, #231b16 0%, #15100c 100%);
  color: #fff8f1;
}

.clear-chip {
  background: #ffe8e1;
  color: #9b381c;
}

.orders-results-bar {
  margin-bottom: 14px;
  padding: 12px 14px;
  border-radius: 18px;
  border: 1px solid #ece0d5;
  background: rgba(255, 252, 247, .88);
  color: #6d635c;
  font-size: 13px;
  font-weight: 800;
}

.orders-feed {
  display: block;
}

.orders-workspace {
  display: grid;
  grid-template-columns: repeat(4, minmax(280px, 1fr));
  gap: 16px;
  align-items: start;
  overflow-x: auto;
}

.order-lane {
  display: grid;
  gap: 12px;
  min-height: 100%;
  padding: 16px;
  border-radius: 26px;
  border: 1px solid #eadfd4;
  background: linear-gradient(180deg, rgba(255, 253, 249, .88) 0%, rgba(247, 241, 234, .8) 100%);
}

.order-lane.new {
  background: linear-gradient(180deg, rgba(255, 244, 208, .9) 0%, rgba(255, 234, 169, .82) 100%);
}

.order-lane.accepted {
  background: linear-gradient(180deg, rgba(255, 239, 219, .92) 0%, rgba(255, 223, 186, .84) 100%);
}

.order-lane.preparing {
  background: linear-gradient(180deg, rgba(241, 236, 255, .92) 0%, rgba(228, 220, 255, .84) 100%);
}

.order-lane.ready {
  background: linear-gradient(180deg, rgba(230, 247, 234, .92) 0%, rgba(211, 240, 218, .82) 100%);
}

.order-lane.completed {
  background: linear-gradient(180deg, rgba(237, 246, 255, .92) 0%, rgba(221, 235, 255, .84) 100%);
}

.order-lane.cancelled {
  background: linear-gradient(180deg, rgba(255, 236, 233, .92) 0%, rgba(255, 221, 217, .84) 100%);
}

.lane-head {
  display: flex;
  justify-content: space-between;
  align-items: start;
  gap: 12px;
}

.lane-head h3 {
  margin: 0;
  font-size: 1.2rem;
  letter-spacing: -.04em;
}

.lane-subtext {
  color: #70665e;
  font-size: 13px;
  line-height: 1.4;
}

.lane-count {
  min-width: 42px;
  padding: 10px 12px;
  border-radius: 999px;
  background: rgba(255, 255, 255, .84);
  text-align: center;
  font-weight: 900;
}

.lane-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.lane-empty {
  padding: 22px;
}

.order-topline {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 6px;
}

.ticket-id {
  padding: 6px 10px;
  border-radius: 999px;
  background: #231b16;
  color: #fff8f1;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .08em;
}

.fresh-badge {
  padding: 6px 10px;
  border-radius: 999px;
  background: #b7181e;
  color: #fff5ef;
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.order-priority {
  margin-top: 6px;
  font-size: 13px;
  font-weight: 900;
  color: #7b5300;
}

.order-card.is-fresh {
  box-shadow: 0 0 0 3px rgba(183, 24, 30, .12), 0 18px 28px rgba(24, 18, 14, .08);
}

.order-journey {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.journey-step {
  padding: 7px 10px;
  border-radius: 999px;
  background: #f4eee7;
  color: #7f7369;
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .06em;
}

.journey-step.active {
  background: #231b16;
  color: #fff8f1;
}

.summary-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.summary-box {
  display: grid;
  gap: 4px;
  padding: 12px;
  border-radius: 18px;
  border: 1px solid #eee2d8;
  background: rgba(255, 253, 250, .88);
}

.summary-box span {
  color: #7f746b;
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .06em;
}

.summary-box strong {
  font-size: 13px;
  line-height: 1.35;
}

.order-note {
  padding: 12px 14px;
  border-radius: 18px;
  background: #f7f0e8;
  color: #625850;
  font-size: 13px;
  line-height: 1.45;
}

.order-contact-meta {
  display: grid;
  gap: 4px;
  margin-top: 6px;
}

.order-contact-meta span {
  color: #94a3b8;
  font-size: 12px;
  line-height: 1.35;
}

.order-card {
  padding: 20px;
}

.order-card-header {
  align-items: start;
}

.order-card h3 {
  margin: 0;
  font-size: 1.45rem;
  letter-spacing: -.04em;
}

.order-state {
  grid-auto-flow: row;
  align-content: start;
}

.order-items-grid {
  grid-template-columns: 1fr;
  gap: 10px;
}

.order-item-chip {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

.order-item-main {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.order-item-main strong {
  font-size: 15px;
  line-height: 1.3;
}

.order-item-main span {
  color: #7a6f67;
  font-size: 12px;
}

.order-item-side {
  display: grid;
  gap: 6px;
  justify-items: end;
  text-align: right;
}

.item-qty {
  padding: 5px 10px;
  border-radius: 999px;
  background: #f4eee7;
  color: #655b54;
  font-size: 11px;
  font-weight: 900;
}

.owner-action-group {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.status-action,
.action-chip {
  min-height: 48px;
}

.queue-card.accepted {
  background: linear-gradient(180deg, #fff0d9 0%, #ffe2bd 100%);
}

.queue-card.preparing {
  background: linear-gradient(180deg, #f0eaff 0%, #e1d6ff 100%);
}

.queue-card.ready {
  background: linear-gradient(180deg, #e7f7ea 0%, #d0eed6 100%);
}

.queue-card.cancelled {
  background: linear-gradient(180deg, #ffe6e4 0%, #ffd1cd 100%);
}

body[data-theme="dark"] .feature-rail,
body[data-theme="dark"] .order-lane,
body[data-theme="dark"] .summary-box,
body[data-theme="dark"] .order-note,
body[data-theme="dark"] .live-alert,
body[data-theme="dark"] .rail-button,
body[data-theme="dark"] .rail-link,
body[data-theme="dark"] .desk-card {
  border-color: #262a31;
  color: #f6f1e9;
}

body[data-theme="dark"] .feature-rail {
  background: linear-gradient(180deg, #14161a 0%, #0f1013 100%);
  box-shadow: 0 22px 50px rgba(0, 0, 0, .22);
}

body[data-theme="dark"] .rail-label,
body[data-theme="dark"] .desk-card span,
body[data-theme="dark"] .desk-card p,
body[data-theme="dark"] .lane-subtext,
body[data-theme="dark"] .summary-box span,
body[data-theme="dark"] .order-note,
body[data-theme="dark"] .order-priority {
  color: #a49d92;
}

body[data-theme="dark"] .rail-button,
body[data-theme="dark"] .rail-link,
body[data-theme="dark"] .lane-count,
body[data-theme="dark"] .summary-box,
body[data-theme="dark"] .order-note,
body[data-theme="dark"] .journey-step,
body[data-theme="dark"] .orders-results-bar,
body[data-theme="dark"] .filter-chip {
  background: linear-gradient(180deg, #181a1f 0%, #0f1114 100%);
}

body[data-theme="dark"] .rail-button-accent,
body[data-theme="dark"] .live-alert,
body[data-theme="dark"] .live-alert.success {
  background: linear-gradient(180deg, #4b380c 0%, #2f2307 100%);
  color: #ffd978;
}

body[data-theme="dark"] .rail-link-danger {
  background: linear-gradient(180deg, #391417 0%, #260b0d 100%);
  color: #ffb6a3;
}

body[data-theme="dark"] .order-lane.new {
  background: linear-gradient(180deg, rgba(58, 43, 10, .8) 0%, rgba(35, 25, 6, .92) 100%);
}

body[data-theme="dark"] .order-lane.accepted {
  background: linear-gradient(180deg, rgba(52, 34, 11, .8) 0%, rgba(31, 20, 7, .92) 100%);
}

body[data-theme="dark"] .order-lane.preparing {
  background: linear-gradient(180deg, rgba(35, 28, 54, .8) 0%, rgba(22, 17, 37, .92) 100%);
}

body[data-theme="dark"] .order-lane.ready {
  background: linear-gradient(180deg, rgba(23, 48, 27, .8) 0%, rgba(13, 27, 16, .92) 100%);
}

body[data-theme="dark"] .order-lane.completed {
  background: linear-gradient(180deg, rgba(18, 38, 51, .8) 0%, rgba(10, 23, 31, .92) 100%);
}

body[data-theme="dark"] .order-lane.cancelled {
  background: linear-gradient(180deg, rgba(52, 22, 23, .8) 0%, rgba(34, 13, 14, .92) 100%);
}

body[data-theme="dark"] .desk-card,
body[data-theme="dark"] .desk-card-primary {
  background: linear-gradient(180deg, #181a1f 0%, #0f1114 100%);
}

body[data-theme="dark"] .journey-step.active,
body[data-theme="dark"] .fresh-badge {
  background: linear-gradient(180deg, #ffd654 0%, #ecbc1d 100%);
  color: #322302;
}

body[data-theme="dark"] .toolbar-search span,
body[data-theme="dark"] .toolbar-filter span,
body[data-theme="dark"] .orders-results-bar {
  color: #a49d92;
}

body[data-theme="dark"] .filter-chip.active {
  background: linear-gradient(180deg, #ffd654 0%, #ecbc1d 100%);
  color: #322302;
}

body[data-theme="dark"] .clear-chip {
  background: linear-gradient(180deg, #391417 0%, #260b0d 100%);
  color: #ffb6a3;
}

body[data-theme="dark"] .ticket-id {
  background: #fff8f1;
  color: #18120c;
}

body[data-theme="dark"] .item-qty {
  background: linear-gradient(180deg, #1b1d22 0%, #101216 100%);
  color: #d9d1c6;
}

body[data-theme="dark"] .order-item-main span {
  color: #9e968b;
}

body[data-theme="dark"] {
  color: #eef2f7;
  background:
    radial-gradient(circle at top left, rgba(76, 115, 255, 0.14), transparent 28%),
    radial-gradient(circle at top right, rgba(28, 202, 170, 0.12), transparent 24%),
    linear-gradient(180deg, #0b1020 0%, #111827 54%, #0f172a 100%);
}

body[data-theme="dark"] .muted,
body[data-theme="dark"] .eyebrow,
body[data-theme="dark"] .rail-label,
body[data-theme="dark"] .desk-card span,
body[data-theme="dark"] .desk-card p,
body[data-theme="dark"] .lane-subtext,
body[data-theme="dark"] .summary-box span,
body[data-theme="dark"] .order-note,
body[data-theme="dark"] .order-priority,
body[data-theme="dark"] .admin-item-meta,
body[data-theme="dark"] .orders-results-bar,
body[data-theme="dark"] .toolbar-search span,
body[data-theme="dark"] .toolbar-filter span {
  color: #94a3b8;
}

body[data-theme="dark"] .dashboard-shell {
  padding: 22px;
}

body[data-theme="dark"] .workspace-shell {
  gap: 22px;
  align-items: stretch;
}

body[data-theme="dark"] .feature-rail {
  top: 22px;
  gap: 18px;
  padding: 22px 18px;
  border-radius: 28px;
  background: linear-gradient(180deg, rgba(15, 23, 42, 0.96) 0%, rgba(15, 23, 42, 0.88) 100%);
  border: 1px solid rgba(148, 163, 184, 0.16);
  box-shadow: 0 24px 48px rgba(2, 6, 23, 0.34);
}

body[data-theme="dark"] .rail-brand {
  padding-bottom: 12px;
  border-bottom: 1px solid rgba(148, 163, 184, 0.12);
}

body[data-theme="dark"] .rail-brand h1 {
  color: #f8fafc;
  font-size: 1.9rem;
}

body[data-theme="dark"] .workspace-main {
  gap: 22px;
}

body[data-theme="dark"] .topbar {
  align-items: start;
  padding: 8px 4px 0;
}

body[data-theme="dark"] .topbar h1,
body[data-theme="dark"] .panel-head h2,
body[data-theme="dark"] .subpanel h3,
body[data-theme="dark"] .desk-card strong,
body[data-theme="dark"] .stat-card strong,
body[data-theme="dark"] .signal-card strong,
body[data-theme="dark"] .service-card strong,
body[data-theme="dark"] .queue-card strong,
body[data-theme="dark"] .order-card h3 {
  color: #f8fafc;
}

body[data-theme="dark"] .topbar-meta {
  padding: 8px;
  border-radius: 18px;
  background: rgba(15, 23, 42, 0.58);
  border: 1px solid rgba(148, 163, 184, 0.12);
}

body[data-theme="dark"] .live-badge {
  background: linear-gradient(180deg, #1d4ed8 0%, #1e40af 100%);
  color: #dbeafe;
  box-shadow: none;
}

body[data-theme="dark"] .panel,
body[data-theme="dark"] .stat-card,
body[data-theme="dark"] .modal-card,
body[data-theme="dark"] .service-card,
body[data-theme="dark"] .signal-card,
body[data-theme="dark"] .launch-card,
body[data-theme="dark"] .queue-card,
body[data-theme="dark"] .subpanel,
body[data-theme="dark"] .order-card,
body[data-theme="dark"] .admin-item-card,
body[data-theme="dark"] .category-chip,
body[data-theme="dark"] .popular-chip,
body[data-theme="dark"] .highlight-card,
body[data-theme="dark"] .desk-card,
body[data-theme="dark"] .management-drawer,
body[data-theme="dark"] .business-drawer {
  background: linear-gradient(180deg, rgba(15, 23, 42, 0.96) 0%, rgba(17, 24, 39, 0.92) 100%);
  border: 1px solid rgba(148, 163, 184, 0.14);
  box-shadow: 0 20px 40px rgba(2, 6, 23, 0.22);
  backdrop-filter: blur(16px);
}

body[data-theme="dark"] .panel {
  padding: 24px;
  border-radius: 28px;
}

body[data-theme="dark"] .stats-grid,
body[data-theme="dark"] .owner-desk-grid,
body[data-theme="dark"] .orders-toolbar,
body[data-theme="dark"] .mission-grid,
body[data-theme="dark"] .service-split,
body[data-theme="dark"] .status-board,
body[data-theme="dark"] .owner-desk-actions {
  gap: 16px;
}

body[data-theme="dark"] .stat-card,
body[data-theme="dark"] .signal-card,
body[data-theme="dark"] .service-card,
body[data-theme="dark"] .desk-card {
  padding: 20px;
  border-radius: 22px;
}

body[data-theme="dark"] .stat-card span,
body[data-theme="dark"] .signal-card span,
body[data-theme="dark"] .service-card span,
body[data-theme="dark"] .queue-card span {
  color: #94a3b8;
}

body[data-theme="dark"] .stat-card {
  background: linear-gradient(180deg, rgba(30, 41, 59, 0.94) 0%, rgba(15, 23, 42, 0.94) 100%);
}

body[data-theme="dark"] .stat-card.accent {
  background: linear-gradient(180deg, #1d4ed8 0%, #1e3a8a 100%);
  color: #eff6ff;
}

body[data-theme="dark"] .stat-card.accent span,
body[data-theme="dark"] .stat-card.accent strong {
  color: #eff6ff;
}

body[data-theme="dark"] .signal-card.hot,
body[data-theme="dark"] .desk-card-primary {
  background: linear-gradient(180deg, rgba(30, 64, 175, 0.96) 0%, rgba(30, 41, 59, 0.96) 100%);
}

body[data-theme="dark"] .signal-card.cool {
  background: linear-gradient(180deg, rgba(17, 94, 89, 0.95) 0%, rgba(15, 23, 42, 0.94) 100%);
}

body[data-theme="dark"] .rail-button,
body[data-theme="dark"] .rail-link,
body[data-theme="dark"] .toolbar-button,
body[data-theme="dark"] .action-chip,
body[data-theme="dark"] .status-action,
body[data-theme="dark"] .ghost-button {
  border-radius: 16px;
  border: 1px solid rgba(148, 163, 184, 0.14);
  background: linear-gradient(180deg, rgba(30, 41, 59, 0.94) 0%, rgba(15, 23, 42, 0.94) 100%);
  color: #e2e8f0;
  box-shadow: none;
}

body[data-theme="dark"] .rail-button:hover,
body[data-theme="dark"] .rail-link:hover,
body[data-theme="dark"] .toolbar-button:hover,
body[data-theme="dark"] .action-chip:hover,
body[data-theme="dark"] .status-action:hover,
body[data-theme="dark"] .ghost-button:hover,
body[data-theme="dark"] .rail-button:focus-visible,
body[data-theme="dark"] .rail-link:focus-visible,
body[data-theme="dark"] .toolbar-button:focus-visible,
body[data-theme="dark"] .action-chip:focus-visible,
body[data-theme="dark"] .status-action:focus-visible,
body[data-theme="dark"] .ghost-button:focus-visible {
  transform: translateY(-1px);
  box-shadow: 0 16px 26px rgba(2, 6, 23, 0.18);
}

body[data-theme="dark"] .rail-button-accent,
body[data-theme="dark"] .action-chip.strong,
body[data-theme="dark"] .toolbar-button {
  background: linear-gradient(180deg, #2563eb 0%, #1d4ed8 100%);
  color: #eff6ff;
  border-color: rgba(96, 165, 250, 0.24);
}

body[data-theme="dark"] .rail-link-danger,
body[data-theme="dark"] .action-chip.danger,
body[data-theme="dark"] .status-action.cancel {
  background: linear-gradient(180deg, #7f1d1d 0%, #450a0a 100%);
  color: #fee2e2;
  border-color: rgba(248, 113, 113, 0.22);
}

body[data-theme="dark"] .orders-toolbar {
  padding: 16px;
  border-radius: 22px;
  background: rgba(15, 23, 42, 0.78);
  border: 1px solid rgba(148, 163, 184, 0.12);
}

body[data-theme="dark"] .toolbar-search,
body[data-theme="dark"] .toolbar-filter {
  gap: 8px;
}

body[data-theme="dark"] input,
body[data-theme="dark"] select,
body[data-theme="dark"] textarea {
  border: 1px solid rgba(148, 163, 184, 0.16);
  border-radius: 14px;
  background: rgba(15, 23, 42, 0.9);
  color: #e2e8f0;
}

body[data-theme="dark"] input:focus,
body[data-theme="dark"] select:focus,
body[data-theme="dark"] textarea:focus {
  border-color: rgba(96, 165, 250, 0.7);
  box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.16);
}

body[data-theme="dark"] .orders-results-bar,
body[data-theme="dark"] .summary-box,
body[data-theme="dark"] .order-note,
body[data-theme="dark"] .lane-count,
body[data-theme="dark"] .journey-step,
body[data-theme="dark"] .filter-chip {
  background: rgba(15, 23, 42, 0.8);
  border: 1px solid rgba(148, 163, 184, 0.1);
}

body[data-theme="dark"] .order-card {
  border-radius: 22px;
  gap: 16px;
}

body[data-theme="dark"] .order-item-chip {
  background: rgba(15, 23, 42, 0.82);
  border-color: rgba(148, 163, 184, 0.1);
}

body[data-theme="dark"] .management-drawer,
body[data-theme="dark"] .business-drawer {
  border-radius: 28px;
}

body[data-theme="dark"] .drawer-head {
  background: linear-gradient(180deg, rgba(15, 23, 42, 0.98) 0%, rgba(15, 23, 42, 0.92) 100%);
  border-bottom: 1px solid rgba(148, 163, 184, 0.1);
}

@media (max-width: 1500px) {
  .lane-list {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 1180px) {
  .workspace-shell {
    grid-template-columns: 1fr;
  }

  .feature-rail {
    position: static;
  }

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

  .owner-action-group {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .orders-toolbar {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .toolbar-chips {
    grid-column: 1 / -1;
  }
}

@media (max-width: 760px) {
  .workspace-shell,
  .orders-workspace,
  .owner-desk-grid,
  .summary-grid {
    grid-template-columns: 1fr;
  }

  .feature-rail {
    padding: 16px;
  }

  .topbar-meta {
    width: 100%;
    justify-content: space-between;
  }

  .lane-list,
  .owner-action-group {
    grid-template-columns: 1fr;
  }

  .owner-desk-actions {
    grid-template-columns: 1fr;
  }

  .orders-toolbar {
    grid-template-columns: 1fr;
  }

  .order-item-chip {
    flex-direction: column;
    align-items: start;
  }

  .order-item-side {
    width: 100%;
    justify-items: start;
    text-align: left;
  }
}

.admin-pages {
  display: grid;
  gap: 22px;
  overflow-anchor: none;
}

.admin-page {
  display: grid;
  gap: 22px;
  overflow-anchor: none;
}

.admin-page[hidden] {
  display: none !important;
}

body[data-owner-page="tableqr"] .admin-pages {
  gap: 10px;
}

body[data-owner-page="tableqr"] .admin-page[data-admin-page="tableqr"] {
  gap: 10px;
  margin-top: -10px;
}

body[data-owner-page="tableqr"] .admin-page[data-admin-page="tableqr"] > .panel {
  padding-top: 18px;
}

.admin-two-column {
  display: grid;
  grid-template-columns: minmax(320px, .9fr) minmax(0, 1.1fr);
  gap: 22px;
}

.menu-item-form {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: start;
}

.menu-item-form .checkbox-row,
.menu-item-form button {
  grid-column: span 3;
}

.archive-board {
  display: grid;
  grid-template-columns: repeat(2, minmax(280px, 1fr));
  gap: 18px;
}

.tables-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 16px;
}

.table-card {
  display: grid;
  gap: 10px;
  padding: 18px;
  border-radius: 22px;
  border: 1px solid rgba(148, 163, 184, 0.16);
  background: linear-gradient(180deg, rgba(15, 23, 42, 0.92) 0%, rgba(17, 24, 39, 0.88) 100%);
}

.table-card-top {
  display: flex;
  justify-content: space-between;
  align-items: start;
  gap: 12px;
}

.table-card.open strong { color: #cbd5e1; }
.table-card.occupied strong { color: #f8fafc; }
.table-card.ready strong { color: #86efac; }

.settings-stack {
  display: grid;
  gap: 12px;
}

.settings-workspace {
  display: grid;
}

.settings-shell {
  display: grid;
  gap: 18px;
}

.settings-shell-head {
  align-items: center;
}

.settings-shell-actions {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}

.settings-tabs {
  display: flex;
  gap: 8px;
  padding: 8px;
  border-radius: 18px;
  border: 1px solid rgba(255, 255, 255, 0.06);
  background: rgba(255, 255, 255, 0.02);
  overflow-x: auto;
}

.settings-tab {
  flex: 0 0 auto;
  padding: 12px 16px;
  border-radius: 14px;
  border: 1px solid transparent;
  background: transparent;
  color: #a1a1aa;
  box-shadow: none;
}

.settings-tab.active {
  background: rgba(250, 204, 21, 0.14);
  border-color: rgba(250, 204, 21, 0.24);
  color: #fef3c7;
}

.settings-panels,
.settings-tab-panel {
  display: grid;
  gap: 18px;
}

.settings-card {
  display: grid;
  gap: 18px;
  padding: 22px;
  border-radius: 22px;
  border: 1px solid rgba(148, 163, 184, 0.14);
  background: linear-gradient(180deg, rgba(15, 23, 42, 0.94) 0%, rgba(17, 24, 39, 0.92) 100%);
  box-shadow: 0 20px 42px rgba(2, 6, 23, 0.26);
}

.settings-card-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 14px;
}

.settings-card h3 {
  margin: 0;
  font-size: 1.6rem;
  letter-spacing: -.04em;
}

.settings-form-grid,
.settings-inline-form {
  display: grid;
  gap: 14px;
}

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

.settings-field {
  display: grid;
  gap: 8px;
}

.settings-field span {
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .05em;
  text-transform: uppercase;
  color: #a1a1aa;
}

.settings-field-wide {
  grid-column: 1 / -1;
}

.settings-help {
  color: #8b93a3;
  font-size: 13px;
  line-height: 1.45;
}

.settings-form-actions {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  align-items: center;
}

.settings-inline-form {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  padding: 16px;
  border-radius: 18px;
  border: 1px solid rgba(148, 163, 184, 0.14);
  background: rgba(9, 12, 20, 0.42);
}

.settings-inline-form .settings-form-actions {
  grid-column: 1 / -1;
}

.settings-table {
  display: grid;
  border-radius: 18px;
  overflow: hidden;
  border: 1px solid rgba(148, 163, 184, 0.14);
  background: rgba(9, 12, 20, 0.34);
}

.settings-table-head,
.settings-table-row {
  display: grid;
  grid-template-columns: 1.1fr 1.3fr .8fr .8fr 1fr;
  gap: 14px;
  align-items: center;
  padding: 14px 18px;
}

.settings-table-head {
  color: #9ca3af;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .06em;
  text-transform: uppercase;
  background: rgba(255, 255, 255, 0.02);
}

.settings-table-row {
  border-top: 1px solid rgba(148, 163, 184, 0.12);
}

.settings-table-cell {
  color: #f3f4f6;
  font-weight: 700;
}

.settings-table-actions {
  display: flex;
  gap: 8px;
  justify-content: flex-end;
}

.settings-footer-note {
  color: #8b93a3;
  font-size: 13px;
}

.settings-toggle-list {
  display: grid;
  gap: 14px;
}

.settings-toggle-card {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  padding: 18px;
  border-radius: 18px;
  border: 1px solid rgba(148, 163, 184, 0.14);
  background: rgba(9, 12, 20, 0.34);
}

.modern-switch {
  position: relative;
  display: inline-flex;
  align-items: center;
}

.modern-switch input {
  position: absolute;
  inset: 0;
  opacity: 0;
}

.modern-switch-ui {
  position: relative;
  display: inline-block;
  width: 54px;
  height: 30px;
  border-radius: 999px;
  background: rgba(107, 114, 128, 0.44);
  transition: background .18s ease;
}

.modern-switch-ui::after {
  content: "";
  position: absolute;
  top: 4px;
  left: 4px;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 8px 18px rgba(15, 23, 42, 0.2);
  transition: transform .18s ease;
}

.modern-switch input:checked + .modern-switch-ui {
  background: linear-gradient(180deg, #4ade80 0%, #16a34a 100%);
}

.modern-switch input:checked + .modern-switch-ui::after {
  transform: translateX(24px);
}

.schedule-list {
  display: grid;
  gap: 12px;
}

.schedule-row {
  display: grid;
  grid-template-columns: 150px minmax(0, 1fr) auto;
  align-items: center;
  gap: 16px;
  padding: 16px 18px;
  border-radius: 18px;
  border: 1px solid rgba(148, 163, 184, 0.14);
  background: rgba(9, 12, 20, 0.34);
}

.schedule-day {
  display: grid;
  gap: 4px;
}

.schedule-day span {
  color: #8b93a3;
  font-size: 13px;
}

.schedule-times {
  display: flex;
  align-items: center;
  gap: 10px;
}

.schedule-separator {
  color: #8b93a3;
  font-weight: 800;
}

.schedule-switch {
  justify-self: end;
}

.workspace-launch-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 16px;
}

.workspace-launch-grid.compact {
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
}

.workspace-launch-card {
  display: grid;
  gap: 10px;
  align-content: start;
  min-height: 170px;
  padding: 20px;
  border-radius: 22px;
  border: 1px solid rgba(148, 163, 184, 0.14);
  background: linear-gradient(180deg, rgba(15, 23, 42, 0.95) 0%, rgba(17, 24, 39, 0.9) 100%);
  color: #f8fafc;
  text-align: left;
  transition: transform .16s ease, border-color .16s ease, box-shadow .16s ease;
}

.workspace-launch-card:hover,
.workspace-launch-card:focus-visible {
  transform: translateY(-2px);
  border-color: rgba(250, 204, 21, 0.34);
  box-shadow: 0 18px 36px rgba(2, 6, 23, 0.28);
}

.workspace-launch-card strong {
  font-size: 18px;
  font-weight: 900;
}

.workspace-launch-card span {
  color: #cbd5e1;
  line-height: 1.5;
}

.workspace-launch-icon {
  display: inline-grid;
  place-items: center;
  width: 42px;
  height: 42px;
  border-radius: 14px;
  background: linear-gradient(180deg, rgba(250, 204, 21, 0.22) 0%, rgba(234, 179, 8, 0.12) 100%);
  color: #facc15;
  font-weight: 900;
  letter-spacing: .04em;
}

.settings-button,
.settings-link {
  width: 100%;
  justify-content: center;
}

.feature-rail .rail-button.active,
.feature-rail .rail-button[aria-current="page"] {
  background: linear-gradient(180deg, #f43f5e 0%, #e11d48 100%);
  color: #fff8fb;
  box-shadow: 0 16px 32px rgba(225, 29, 72, 0.28);
}

.live-alert {
  position: sticky;
  top: 18px;
  z-index: 15;
}

body[data-theme="dark"] .live-alert {
  position: fixed;
  top: 24px;
  right: 28px;
  width: min(380px, calc(100vw - 32px));
  border-radius: 20px;
  background: linear-gradient(180deg, rgba(190, 24, 93, 0.96) 0%, rgba(136, 19, 55, 0.96) 100%);
  border: 1px solid rgba(251, 113, 133, 0.24);
  color: #fff1f5;
  box-shadow: 0 24px 60px rgba(15, 23, 42, 0.45);
}

body[data-theme="dark"] .admin-page > .panel,
body[data-theme="dark"] .admin-two-column > .panel {
  background: linear-gradient(180deg, rgba(15, 23, 42, 0.96) 0%, rgba(17, 24, 39, 0.92) 100%);
  border: 1px solid rgba(148, 163, 184, 0.14);
  box-shadow: 0 24px 48px rgba(2, 6, 23, 0.3);
}

body[data-theme="dark"] .admin-page input,
body[data-theme="dark"] .admin-page select,
body[data-theme="dark"] .admin-page textarea {
  background: rgba(15, 23, 42, 0.68);
}

body[data-theme="dark"] .archive-board .order-lane {
  min-height: auto;
}

body[data-theme="dark"] .table-card,
body[data-theme="dark"] .settings-panel,
body[data-theme="dark"] .menu-page-panel {
  color: #f8fafc;
}

body[data-theme="dark"] .settings-card,
body[data-theme="dark"] .settings-tabs,
body[data-theme="dark"] .settings-table,
body[data-theme="dark"] .settings-toggle-card,
body[data-theme="dark"] .schedule-row,
body[data-theme="dark"] .settings-inline-form {
  color: #f8fafc;
}

@media (max-width: 1240px) {
  .orders-workspace {
    grid-template-columns: repeat(2, minmax(280px, 1fr));
  }

  .admin-two-column,
  .archive-board,
  .menu-item-form,
  .settings-form-grid,
  .settings-inline-form {
    grid-template-columns: 1fr;
  }

  .menu-item-form .checkbox-row,
  .menu-item-form button {
    grid-column: auto;
  }

  .settings-table-head,
  .settings-table-row,
  .schedule-row {
    grid-template-columns: 1fr;
  }

  .settings-table-actions {
    justify-content: start;
  }
}

body[data-theme="dark"] {
  background:
    radial-gradient(circle at top left, rgba(59, 130, 246, 0.08), transparent 28%),
    radial-gradient(circle at bottom right, rgba(16, 185, 129, 0.08), transparent 26%),
    linear-gradient(180deg, #09090b 0%, #111114 100%);
}

body[data-theme="dark"] .workspace-main {
  display: grid;
  gap: 22px;
}

body[data-theme="dark"] .feature-rail {
  grid-template-rows: auto auto auto 1fr auto;
  background: linear-gradient(180deg, rgba(20, 20, 24, 0.98) 0%, rgba(15, 15, 18, 0.98) 100%);
  border: 1px solid rgba(255, 255, 255, 0.05);
}

.rail-icon {
  display: inline-grid;
  place-items: center;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.08);
  font-size: 10px;
  font-weight: 900;
  opacity: .95;
}

.rail-badge {
  margin-left: auto;
  min-width: 24px;
  padding: 4px 8px;
  border-radius: 999px;
  background: rgba(250, 204, 21, 0.18);
  color: #fde68a;
  font-size: 11px;
  font-weight: 900;
  text-align: center;
}

.rail-button,
.rail-link {
  display: flex;
  align-items: center;
  gap: 10px;
}

.rail-brand-footer {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 10px;
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.03);
}

.brand-badge {
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  border-radius: 12px;
  background: linear-gradient(180deg, #fcd34d 0%, #f59e0b 100%);
  color: #211305;
  font-size: 12px;
  font-weight: 900;
}

body[data-theme="dark"] .topbar,
body[data-theme="dark"] .stats-grid,
body[data-theme="dark"] .dashboard-overview,
body[data-theme="dark"] .admin-pages {
  gap: 20px;
}

body[data-theme="dark"] .stat-card {
  min-height: 126px;
  background: linear-gradient(180deg, rgba(24, 24, 28, 0.98) 0%, rgba(16, 16, 20, 0.98) 100%);
  border: 1px solid rgba(255, 255, 255, 0.05);
}

body[data-theme="dark"] .stat-card strong {
  font-size: 36px;
}

body[data-theme="dark"] .stat-card.accent {
  background: linear-gradient(180deg, rgba(35, 44, 24, 0.96) 0%, rgba(18, 26, 18, 0.98) 100%);
}

body[data-theme="dark"] .live-badge {
  display: flex;
  align-items: center;
  gap: 8px;
  background: rgba(255, 255, 255, 0.04);
  color: #e5e7eb;
  border: 1px solid rgba(255, 255, 255, 0.08);
}

.orders-workspace-preview .lane-list {
  grid-template-columns: 1fr;
}

.orders-workspace-preview .order-card.compact {
  min-height: 0;
}

body[data-theme="dark"] .orders-workspace {
  gap: 14px;
}

body[data-theme="dark"] .order-lane {
  border-radius: 24px;
  border: 1px solid rgba(255, 255, 255, 0.06);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.02);
}

body[data-theme="dark"] .order-lane.new {
  background: linear-gradient(180deg, rgba(47, 41, 12, 0.96) 0%, rgba(26, 23, 10, 0.98) 100%);
}

body[data-theme="dark"] .order-lane.accepted {
  background: linear-gradient(180deg, rgba(18, 33, 67, 0.96) 0%, rgba(11, 20, 42, 0.98) 100%);
}

body[data-theme="dark"] .order-lane.preparing {
  background: linear-gradient(180deg, rgba(45, 21, 74, 0.96) 0%, rgba(25, 12, 40, 0.98) 100%);
}

body[data-theme="dark"] .order-lane.ready {
  background: linear-gradient(180deg, rgba(17, 53, 30, 0.96) 0%, rgba(12, 31, 19, 0.98) 100%);
}

body[data-theme="dark"] .order-lane.completed,
body[data-theme="dark"] .order-lane.cancelled {
  background: linear-gradient(180deg, rgba(23, 23, 28, 0.96) 0%, rgba(15, 15, 19, 0.98) 100%);
}

.lane-head h3 {
  font-size: 1rem;
}

.lane-count {
  min-width: 34px;
  padding: 7px 10px;
}

.lane-list {
  grid-template-columns: 1fr;
  gap: 12px;
}

body[data-theme="dark"] .order-card {
  background: rgba(17, 17, 20, 0.88);
  border: 1px solid rgba(255, 255, 255, 0.06);
  border-radius: 18px;
  box-shadow: none;
}

body[data-theme="dark"] .order-card.compact {
  padding: 14px;
}

.order-inline-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 8px;
  color: #9ca3af;
  font-size: 12px;
}

.order-preview-items {
  margin-top: 8px;
  color: #f3f4f6;
  font-size: 14px;
  line-height: 1.45;
}

.order-amount {
  color: #e5e7eb;
  font-weight: 900;
  font-size: 16px;
}

body[data-theme="dark"] .order-badge.new,
body[data-theme="dark"] .queue-card.new {
  background: linear-gradient(180deg, #facc15 0%, #eab308 100%);
  color: #2c2204;
}

body[data-theme="dark"] .order-badge.accepted,
body[data-theme="dark"] .queue-card.accepted {
  background: linear-gradient(180deg, #60a5fa 0%, #2563eb 100%);
  color: #eff6ff;
}

body[data-theme="dark"] .order-badge.preparing,
body[data-theme="dark"] .queue-card.preparing {
  background: linear-gradient(180deg, #a78bfa 0%, #7c3aed 100%);
  color: #f5f3ff;
}

body[data-theme="dark"] .order-badge.ready,
body[data-theme="dark"] .queue-card.ready {
  background: linear-gradient(180deg, #4ade80 0%, #16a34a 100%);
  color: #052e16;
}

body[data-theme="dark"] .order-badge.completed {
  background: linear-gradient(180deg, #9ca3af 0%, #6b7280 100%);
  color: #f9fafb;
}

body[data-theme="dark"] .order-badge.cancelled,
body[data-theme="dark"] .queue-card.cancelled {
  background: linear-gradient(180deg, #f87171 0%, #dc2626 100%);
  color: #fff1f2;
}

body[data-theme="dark"] .status-action.chef {
  background: linear-gradient(180deg, #facc15 0%, #eab308 100%);
  color: #2c2204;
}

body[data-theme="dark"] .status-action.preparing {
  background: linear-gradient(180deg, #60a5fa 0%, #2563eb 100%);
  color: #eff6ff;
}

body[data-theme="dark"] .status-action.ready {
  background: linear-gradient(180deg, #a78bfa 0%, #7c3aed 100%);
  color: #f5f3ff;
}

body[data-theme="dark"] .status-action.completed {
  background: linear-gradient(180deg, #4ade80 0%, #16a34a 100%);
  color: #052e16;
}

body[data-theme="dark"] .status-action.cancel {
  background: linear-gradient(180deg, #f87171 0%, #dc2626 100%);
  color: #fff1f2;
}

body[data-theme="dark"] .status-action.paid {
  background: linear-gradient(180deg, #1f2937 0%, #111827 100%);
  color: #f9fafb;
}

.menu-admin-card {
  display: grid;
  gap: 14px;
}

.menu-top-actions {
  display: flex;
  align-items: end;
  gap: 10px;
  flex-wrap: wrap;
}

.menu-inline-filter {
  min-width: 180px;
}

.menu-search-row {
  display: grid;
  margin-bottom: 12px;
}

.menu-search-field {
  max-width: 420px;
}

.menu-subform {
  margin-bottom: 14px;
  padding: 16px;
  border-radius: 20px;
  border: 1px solid rgba(148, 163, 184, 0.12);
  background: rgba(15, 23, 42, 0.5);
}

.menu-subform[hidden] {
  display: none !important;
}

.menu-category-board {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 14px;
  margin-bottom: 14px;
}

.menu-category-board[hidden] {
  display: none !important;
}

.menu-category-card {
  display: grid;
  gap: 12px;
  padding: 16px;
  border-radius: 22px;
  border: 1px solid rgba(148, 163, 184, 0.14);
  background: linear-gradient(180deg, rgba(20, 20, 24, 0.98) 0%, rgba(15, 15, 18, 0.98) 100%);
}

.menu-category-chip-row {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}

.menu-category-icon {
  display: inline-grid;
  place-items: center;
  width: 46px;
  height: 46px;
  border-radius: 18px;
  background: linear-gradient(180deg, rgba(250, 204, 21, 0.22) 0%, rgba(234, 179, 8, 0.12) 100%);
  color: #facc15;
  font-weight: 900;
}

.menu-table {
  display: grid;
  border-radius: 20px;
  overflow: hidden;
  border: 1px solid rgba(148, 163, 184, 0.14);
  background: rgba(15, 23, 42, 0.42);
}

.menu-table-head,
.menu-table-row {
  display: grid;
  grid-template-columns: minmax(260px, 1.8fr) 120px 100px 130px 160px;
  gap: 14px;
  align-items: center;
  padding: 14px 18px;
}

.menu-table-head {
  color: #cbd5e1;
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .06em;
  background: rgba(255, 255, 255, 0.03);
}

.menu-table-row {
  border-top: 1px solid rgba(148, 163, 184, 0.1);
}

.menu-table-item {
  min-width: 0;
}

.menu-table-cell {
  color: #e5e7eb;
  font-weight: 700;
}

.menu-table-actions {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
}

.menu-inline-edit {
  grid-column: 1 / -1;
  margin-top: 6px;
}

.menu-inline-edit-actions {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}

.menu-admin-main {
  display: flex;
  gap: 14px;
  align-items: center;
}

.menu-item-art {
  width: 64px;
  height: 64px;
  border-radius: 16px;
  overflow: hidden;
  flex: 0 0 64px;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.06);
}

.menu-item-art img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.menu-item-name-row {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}

.menu-admin-side {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  justify-content: end;
}

.menu-admin-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.menu-availability.available {
  background: linear-gradient(180deg, #4ade80 0%, #16a34a 100%);
  color: #052e16;
}

.menu-availability.unavailable {
  background: linear-gradient(180deg, #f87171 0%, #dc2626 100%);
  color: #fff1f2;
}

.table-link-chip {
  text-decoration: none;
}

body[data-theme="dark"] .table-card {
  background: linear-gradient(180deg, rgba(19, 19, 24, 0.96) 0%, rgba(12, 12, 16, 0.98) 100%);
}

body[data-theme="dark"] .table-card.ready {
  border-color: rgba(74, 222, 128, 0.3);
}

body[data-theme="dark"] .table-card.occupied {
  border-color: rgba(96, 165, 250, 0.24);
}

@media (max-width: 1240px) {
  .menu-admin-main {
    align-items: start;
  }

  .menu-table-head,
  .menu-table-row {
    grid-template-columns: 1fr;
  }

  .menu-table-actions {
    justify-content: start;
  }
}

.dashboard-orders-shell {
  display: grid;
  gap: 14px;
}

.dashboard-status-tabs {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 8px;
  padding: 10px;
  border-radius: 18px;
  border: 1px solid rgba(255, 255, 255, 0.06);
  background: rgba(255, 255, 255, 0.02);
}

.dashboard-status-tab {
  display: flex;
  align-items: center;
  gap: 10px;
  justify-content: space-between;
  min-height: 44px;
  padding: 10px 14px;
  border-radius: 14px;
  border: 1px solid rgba(255, 255, 255, 0.06);
  background: rgba(255, 255, 255, 0.015);
  color: #e5e7eb;
  box-shadow: none;
}

.dashboard-status-tab.active {
  background: rgba(255, 255, 255, 0.06);
  border-color: rgba(250, 204, 21, 0.18);
}

.dashboard-status-tab strong {
  margin-left: auto;
  font-size: 12px;
}

.dashboard-status-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  flex: 0 0 8px;
}

.dashboard-status-dot.new { background: #facc15; }
.dashboard-status-dot.accepted { background: #60a5fa; }
.dashboard-status-dot.preparing { background: #a78bfa; }
.dashboard-status-dot.ready { background: #4ade80; }
.dashboard-status-dot.completed { background: #9ca3af; }
.dashboard-status-dot.cancelled { background: #f87171; }

.dashboard-toolbar {
  display: grid;
  grid-template-columns: 240px minmax(0, 1fr);
  gap: 14px;
  padding: 10px;
  border-radius: 18px;
  border: 1px solid rgba(255, 255, 255, 0.06);
  background: rgba(255, 255, 255, 0.02);
}

.dashboard-toolbar-search input {
  height: 100%;
}

.dashboard-orders-table {
  display: grid;
  gap: 0;
  align-content: start;
  min-height: 520px;
  border-radius: 18px;
  overflow: hidden;
  overflow-anchor: none;
  border: 1px solid rgba(255, 255, 255, 0.06);
  background: rgba(255, 255, 255, 0.015);
}

.dashboard-orders-table > .empty-state {
  min-height: 520px;
  display: grid;
  place-items: center;
  text-align: center;
}

.dashboard-orders-head,
.dashboard-order-row {
  display: grid;
  grid-template-columns: 96px 110px minmax(220px, 1.45fr) 86px 104px 136px 192px;
  gap: 14px;
  align-items: center;
  padding: 14px 18px;
}

.dashboard-orders-head {
  background: rgba(255, 255, 255, 0.03);
  color: #cbd5e1;
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .06em;
}

.dashboard-order-row {
  border-top: 1px solid rgba(255, 255, 255, 0.05);
  color: #f8fafc;
  min-height: 74px;
}

.dashboard-order-id {
  display: grid;
  gap: 4px;
}

.dashboard-order-id strong,
.dashboard-order-table strong {
  font-weight: 900;
  letter-spacing: -.03em;
}

.dashboard-order-id strong {
  font-size: 18px;
}

.dashboard-order-id span,
.dashboard-order-table span {
  color: #94a3b8;
  font-size: 12px;
}

.dashboard-order-table {
  display: grid;
  gap: 4px;
}

.dashboard-order-items {
  color: #e5e7eb;
  font-weight: 700;
  line-height: 1.35;
}

.dashboard-order-time {
  display: grid;
  gap: 4px;
}

.dashboard-order-status {
  display: grid;
  gap: 6px;
  justify-items: start;
}

.dashboard-order-time strong {
  font-size: 14px;
}

.dashboard-order-time span {
  color: #94a3b8;
  font-size: 12px;
}

.dashboard-order-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px;
  justify-content: end;
  align-content: center;
}

.dashboard-order-actions .action-chip,
.dashboard-order-actions .status-action {
  min-width: 0;
  width: 100%;
  padding: 8px 10px;
  border-radius: 12px;
  font-size: 12px;
  font-weight: 800;
  justify-content: center;
  text-align: center;
}

.dashboard-payment-pill.paid {
  background: linear-gradient(180deg, #4ade80 0%, #16a34a 100%);
  color: #052e16;
}

.dashboard-payment-pill.pending {
  background: linear-gradient(180deg, #f59e0b 0%, #d97706 100%);
  color: #fff7ed;
}

@media (max-width: 1440px) {
  .dashboard-status-tabs {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .dashboard-orders-head,
  .dashboard-order-row {
    grid-template-columns: 90px 90px minmax(160px, 1.1fr) 80px 98px 120px 176px;
  }
}

@media (max-width: 1180px) {
  .dashboard-toolbar {
    grid-template-columns: 1fr;
  }

  .dashboard-orders-head,
  .dashboard-order-row {
    grid-template-columns: 1fr;
  }

  .dashboard-orders-head {
    display: none;
  }

  .dashboard-orders-table,
  .dashboard-orders-table > .empty-state {
    min-height: 360px;
  }

  .dashboard-order-row {
    gap: 10px;
  }

  .dashboard-order-actions {
    justify-content: start;
    grid-template-columns: repeat(2, minmax(120px, 1fr));
  }
}

body[data-theme="light"] {
  color: #201b18;
  background:
    radial-gradient(circle at top left, rgba(255, 214, 102, 0.18), transparent 24%),
    radial-gradient(circle at top right, rgba(182, 20, 27, 0.18), transparent 22%),
    linear-gradient(135deg, #c74436 0%, #ead6cf 44%, #f6ede6 100%);
}

body[data-theme="light"] .workspace-main {
  color: #211c18;
}

body[data-theme="light"] .muted,
body[data-theme="light"] .eyebrow,
body[data-theme="light"] .rail-label,
body[data-theme="light"] .topbar .muted,
body[data-theme="light"] .panel .muted,
body[data-theme="light"] .menu-category-card p,
body[data-theme="light"] .menu-table-head,
body[data-theme="light"] .dashboard-order-id span,
body[data-theme="light"] .dashboard-order-table span,
body[data-theme="light"] .dashboard-order-time span {
  color: #776b63;
}

body[data-theme="light"] .feature-rail {
  background: linear-gradient(180deg, rgba(255, 251, 247, 0.96) 0%, rgba(247, 239, 232, 0.94) 100%);
  border: 1px solid rgba(222, 205, 191, 0.92);
  box-shadow: 0 22px 48px rgba(42, 29, 21, 0.14);
}

body[data-theme="light"] .rail-brand h1,
body[data-theme="light"] .topbar h1,
body[data-theme="light"] .panel-head h2,
body[data-theme="light"] .subpanel h3,
body[data-theme="light"] .workspace-launch-card strong,
body[data-theme="light"] .menu-table-cell,
body[data-theme="light"] .dashboard-order-row,
body[data-theme="light"] .table-card strong,
body[data-theme="light"] .settings-panel strong {
  color: #241d19;
}

body[data-theme="light"] .rail-button,
body[data-theme="light"] .rail-link,
body[data-theme="light"] .toolbar-button,
body[data-theme="light"] .action-chip,
body[data-theme="light"] .ghost-button,
body[data-theme="light"] .status-action {
  border: 1px solid rgba(220, 207, 196, 0.96);
  background: linear-gradient(180deg, rgba(255, 253, 250, 0.96) 0%, rgba(245, 237, 229, 0.96) 100%);
  color: #4a403a;
  box-shadow: none;
}

body[data-theme="light"] .rail-button:hover,
body[data-theme="light"] .rail-link:hover,
body[data-theme="light"] .toolbar-button:hover,
body[data-theme="light"] .action-chip:hover,
body[data-theme="light"] .ghost-button:hover,
body[data-theme="light"] .status-action:hover,
body[data-theme="light"] .rail-button:focus-visible,
body[data-theme="light"] .rail-link:focus-visible,
body[data-theme="light"] .toolbar-button:focus-visible,
body[data-theme="light"] .action-chip:focus-visible,
body[data-theme="light"] .ghost-button:focus-visible,
body[data-theme="light"] .status-action:focus-visible {
  border-color: rgba(221, 181, 72, 0.92);
  box-shadow: 0 0 0 3px rgba(221, 181, 72, 0.16);
}

body[data-theme="light"] .topbar-meta {
  background: rgba(255, 247, 241, 0.82);
  border: 1px solid rgba(229, 213, 201, 0.92);
  box-shadow: 0 16px 30px rgba(40, 28, 21, 0.08);
}

body[data-theme="light"] .live-badge {
  background: linear-gradient(180deg, #ffe895 0%, #ffd860 100%);
  color: #6b4e0c;
  box-shadow: none;
}

body[data-theme="light"] .panel,
body[data-theme="light"] .stat-card,
body[data-theme="light"] .service-card,
body[data-theme="light"] .signal-card,
body[data-theme="light"] .launch-card,
body[data-theme="light"] .queue-card,
body[data-theme="light"] .subpanel,
body[data-theme="light"] .highlight-card,
body[data-theme="light"] .table-card,
body[data-theme="light"] .settings-panel,
body[data-theme="light"] .menu-page-panel,
body[data-theme="light"] .management-drawer,
body[data-theme="light"] .business-drawer {
  background: linear-gradient(180deg, rgba(255, 253, 249, 0.98) 0%, rgba(247, 241, 235, 0.96) 100%);
  border: 1px solid rgba(229, 214, 201, 0.96);
  box-shadow: 0 24px 44px rgba(40, 29, 22, 0.1);
}

body[data-theme="light"] input,
body[data-theme="light"] select,
body[data-theme="light"] textarea {
  background: rgba(255, 252, 248, 0.98);
  border-color: rgba(222, 208, 196, 0.96);
  color: #2d2520;
}

body[data-theme="light"] input::placeholder,
body[data-theme="light"] textarea::placeholder {
  color: #9b8d83;
}

body[data-theme="light"] .dashboard-status-tabs,
body[data-theme="light"] .dashboard-toolbar,
body[data-theme="light"] .dashboard-orders-table,
body[data-theme="light"] .menu-table {
  border: 1px solid rgba(228, 214, 202, 0.96);
  background: rgba(255, 252, 248, 0.9);
}

body[data-theme="light"] .dashboard-status-tab {
  border: 1px solid rgba(233, 219, 208, 0.96);
  background: linear-gradient(180deg, rgba(255, 253, 250, 0.98) 0%, rgba(244, 237, 230, 0.98) 100%);
  color: #5a4d46;
}

body[data-theme="light"] .dashboard-status-tab.active {
  background: linear-gradient(180deg, rgba(255, 244, 200, 0.94) 0%, rgba(255, 232, 155, 0.92) 100%);
  border-color: rgba(232, 187, 74, 0.9);
  color: #5d4309;
}

body[data-theme="light"] .dashboard-orders-head,
body[data-theme="light"] .menu-table-head {
  background: rgba(247, 240, 233, 0.96);
  color: #83746b;
}

body[data-theme="light"] .dashboard-order-row,
body[data-theme="light"] .menu-table-row {
  border-top: 1px solid rgba(234, 221, 210, 0.98);
  background: rgba(255, 253, 249, 0.78);
}

body[data-theme="light"] .dashboard-order-items {
  color: #342b25;
}

body[data-theme="light"] .menu-category-card {
  border: 1px solid rgba(228, 214, 201, 0.96);
  background: linear-gradient(180deg, rgba(255, 253, 250, 0.98) 0%, rgba(245, 238, 231, 0.98) 100%);
  box-shadow: 0 16px 28px rgba(38, 27, 20, 0.08);
}

body[data-theme="light"] .menu-category-icon {
  background: linear-gradient(180deg, rgba(255, 230, 163, 0.92) 0%, rgba(255, 214, 102, 0.82) 100%);
  color: #7a5307;
}

body[data-theme="light"] .menu-item-art {
  background: rgba(255, 248, 240, 0.9);
  border-color: rgba(232, 220, 210, 0.94);
}

body[data-theme="light"] .menu-subform {
  background: rgba(255, 251, 247, 0.9);
  border: 1px solid rgba(228, 214, 201, 0.94);
  border-radius: 24px;
  padding: 18px;
}

body[data-theme="light"] .settings-card,
body[data-theme="light"] .settings-tabs,
body[data-theme="light"] .settings-table,
body[data-theme="light"] .settings-toggle-card,
body[data-theme="light"] .schedule-row,
body[data-theme="light"] .settings-inline-form {
  border: 1px solid rgba(228, 214, 201, 0.96);
  background: linear-gradient(180deg, rgba(255, 253, 249, 0.98) 0%, rgba(247, 241, 235, 0.96) 100%);
}

body[data-theme="light"] .settings-tab {
  color: #7b6f68;
}

body[data-theme="light"] .settings-tab.active {
  color: #6b4e0c;
  background: linear-gradient(180deg, rgba(255, 244, 200, 0.94) 0%, rgba(255, 232, 155, 0.92) 100%);
  border-color: rgba(232, 187, 74, 0.9);
}

body[data-theme="light"] .settings-field span,
body[data-theme="light"] .settings-help,
body[data-theme="light"] .settings-footer-note,
body[data-theme="light"] .schedule-day span,
body[data-theme="light"] .settings-table-head {
  color: #7d726b;
}

body[data-theme="light"] .settings-table-cell,
body[data-theme="light"] .settings-card h3 {
  color: #241d19;
}

body[data-theme="light"] .dashboard-payment-pill.pending {
  color: #fff7ed;
}

body[data-theme="light"] .status-action.chef,
body[data-theme="light"] .status-action.preparing,
body[data-theme="light"] .status-action.ready,
body[data-theme="light"] .status-action.completed,
body[data-theme="light"] .status-action.cancel,
body[data-theme="light"] .status-action.paid,
body[data-theme="light"] .action-chip.strong,
body[data-theme="light"] .action-chip.danger,
body[data-theme="light"] .menu-availability.available,
body[data-theme="light"] .menu-availability.unavailable {
  border: 0;
}

body[data-theme="light"] .table-card {
  background: linear-gradient(180deg, rgba(255, 253, 249, 0.98) 0%, rgba(247, 240, 233, 0.96) 100%);
}