/* Phase 82.7.6.38.5.8.1.24 · QuickOrder unified UI foundation
   Visual-only layer. No business logic, no order/POS/KDS runtime changes. */
:root {
  --ui-primary:#0F766E;
  --ui-primary-hover:#0B5F59;
  --ui-primary-soft:#E6F5F3;
  --ui-sidebar:#0F172A;
  --ui-sidebar-muted:#94A3B8;
  --ui-page:#F8FAFC;
  --ui-surface:#FFFFFF;
  --ui-surface-soft:#F1F5F9;
  --ui-text:#0F172A;
  --ui-text-soft:#334155;
  --ui-muted:#64748B;
  --ui-border:#E2E8F0;
  --ui-border-strong:#CBD5E1;
  --ui-success:#16A34A;
  --ui-success-soft:#ECFDF3;
  --ui-warning:#D97706;
  --ui-warning-soft:#FFF7ED;
  --ui-danger:#DC2626;
  --ui-danger-soft:#FEF2F2;
  --ui-info:#2563EB;
  --ui-info-soft:#EFF6FF;
  --ui-radius-sm:8px;
  --ui-radius-md:12px;
  --ui-radius-lg:16px;
  --ui-shadow-card:0 1px 2px rgba(15,23,42,.04),0 8px 24px rgba(15,23,42,.055);
  --ui-shadow-modal:0 20px 50px rgba(2,6,23,.18);
  --ui-font:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;
}

/* ---------- Tenant admin shell ---------- */
html:not(.legacy-kds-view) .admin-shell {
  --ink:var(--ui-text);
  --ink-soft:var(--ui-text-soft);
  --paper:var(--ui-page);
  --cream:var(--ui-surface);
  --line:var(--ui-border);
  --muted:var(--ui-muted);
  --accent:var(--ui-primary);
  --accent-dark:var(--ui-primary-hover);
  --sage:var(--ui-success);
  --gold:var(--ui-warning);
  --danger:var(--ui-danger);
  background:var(--ui-page);
  color:var(--ui-text);
  font-family:var(--ui-font);
  grid-template-columns:260px minmax(0,1fr);
}
html:not(.legacy-kds-view) .admin-shell h1,
html:not(.legacy-kds-view) .admin-shell h2,
html:not(.legacy-kds-view) .admin-shell h3,
html:not(.legacy-kds-view) .admin-shell strong,
html:not(.legacy-kds-view) .admin-shell .sidebar-brand strong {
  font-family:var(--ui-font);
}
html:not(.legacy-kds-view) .admin-shell h1 { font-size:clamp(1.45rem,2.4vw,1.8rem); line-height:1.2; letter-spacing:-.025em; }
html:not(.legacy-kds-view) .admin-shell h2 { font-size:1.15rem; letter-spacing:-.015em; }
html:not(.legacy-kds-view) .admin-shell .eyebrow {
  color:var(--ui-primary);
  font-size:.68rem;
  font-weight:800;
  letter-spacing:.1em;
}
html:not(.legacy-kds-view) .admin-shell .sidebar {
  background:var(--ui-sidebar);
  padding:1rem .85rem;
}
html:not(.legacy-kds-view) .admin-shell .sidebar-brand {
  gap:.75rem;
  min-height:64px;
  padding:.25rem .5rem 1.25rem;
}
html:not(.legacy-kds-view) .admin-shell .brand-mark.small {
  background:var(--ui-primary);
  border-radius:12px;
  font-family:var(--ui-font);
  font-size:1rem;
  font-weight:850;
  height:40px;
  transform:none;
  width:40px;
}
html:not(.legacy-kds-view) .admin-shell .sidebar-brand strong {
  color:#F8FAFC;
  font-size:.9rem;
  font-weight:750;
  max-width:165px;
}
html:not(.legacy-kds-view) .admin-shell .sidebar-brand small {
  color:var(--ui-sidebar-muted);
  font-size:.58rem;
  letter-spacing:.1em;
}
html:not(.legacy-kds-view) .admin-shell .sidebar .grouped-admin-nav { gap:.72rem; }
html:not(.legacy-kds-view) .admin-shell .sidebar .sidebar-nav-title {
  color:#64748B;
  font-size:.59rem;
  letter-spacing:.1em;
  margin:.3rem .72rem .22rem;
}
html:not(.legacy-kds-view) .admin-shell .sidebar .sidebar-nav-group + .sidebar-nav-group {
  border-top:1px solid rgba(148,163,184,.12);
  padding-top:.62rem;
}
html:not(.legacy-kds-view) .admin-shell .sidebar nav a {
  border-radius:10px;
  color:#CBD5E1;
  font-size:.79rem;
  font-weight:650;
  gap:.72rem;
  min-height:42px;
  padding:.62rem .72rem;
}
html:not(.legacy-kds-view) .admin-shell .sidebar nav a:hover {
  background:rgba(255,255,255,.06);
  color:#fff;
}
html:not(.legacy-kds-view) .admin-shell .sidebar nav a.active {
  background:var(--ui-primary);
  box-shadow:0 7px 18px rgba(15,118,110,.22);
  color:#fff;
}
html:not(.legacy-kds-view) .admin-shell .nav-glyph {
  border-color:rgba(255,255,255,.24);
  border-radius:7px;
  font-size:.62rem;
  height:26px;
  opacity:1;
  width:26px;
}
html:not(.legacy-kds-view) .admin-shell .sidebar nav a.active .nav-glyph { border-color:rgba(255,255,255,.48); }
html:not(.legacy-kds-view) .admin-shell .sidebar-foot {
  border-top-color:rgba(148,163,184,.16);
  padding:1rem .55rem .3rem;
}
html:not(.legacy-kds-view) .admin-shell .sidebar-foot p { color:#F8FAFC; }
html:not(.legacy-kds-view) .admin-shell .sidebar-foot small,
html:not(.legacy-kds-view) .admin-shell .sidebar-foot button { color:#94A3B8; }

html:not(.legacy-kds-view) .admin-shell .workspace { background:var(--ui-page); }
html:not(.legacy-kds-view) .admin-shell .topbar {
  background:rgba(248,250,252,.94);
  border-bottom:1px solid var(--ui-border);
  height:64px;
  padding:0 clamp(1rem,2.5vw,2rem);
}
html:not(.legacy-kds-view) .admin-shell .topbar .eyebrow { color:var(--ui-muted); font-size:.58rem; }
html:not(.legacy-kds-view) .admin-shell .topbar strong { color:var(--ui-text); font-size:.9rem; font-weight:750; }
html:not(.legacy-kds-view) .admin-shell .locale-chip { background:#fff; border:1px solid var(--ui-border); border-radius:10px; gap:2px; padding:2px; }
html:not(.legacy-kds-view) .admin-shell .locale-chip button {
  border-radius:7px;
  color:var(--ui-muted);
  min-height:28px;
  padding:.25rem .42rem;
}
html:not(.legacy-kds-view) .admin-shell .locale-chip button.active {
  background:var(--ui-primary-soft);
  color:var(--ui-primary);
}
html:not(.legacy-kds-view) .admin-shell .user-chip {
  background:#fff;
  border:1px solid var(--ui-border);
  border-radius:12px;
  min-height:38px;
  padding:3px 9px 3px 4px;
}
html:not(.legacy-kds-view) .admin-shell .user-chip > span,
html:not(.legacy-kds-view) .admin-shell .member-avatar { background:var(--ui-sidebar); }
html:not(.legacy-kds-view) .admin-shell .workspace-content {
  max-width:1440px;
  padding:clamp(1.25rem,2.5vw,2rem);
}
html:not(.legacy-kds-view) .admin-shell .page-heading {
  align-items:center;
  margin-bottom:1.5rem;
}
html:not(.legacy-kds-view) .admin-shell .page-heading h1 { margin:0; }
html:not(.legacy-kds-view) .admin-shell .heading-actions { flex-wrap:wrap; }

/* Buttons, fields, cards, badges and tables inside the tenant admin shell */
html:not(.legacy-kds-view) .admin-shell .primary-button,
html:not(.legacy-kds-view) .admin-shell .secondary-button {
  border-radius:12px;
  font-size:.82rem;
  min-height:44px;
  padding:.68rem 1rem;
}
html:not(.legacy-kds-view) .admin-shell .primary-button {
  background:var(--ui-primary);
  box-shadow:none;
}
html:not(.legacy-kds-view) .admin-shell .primary-button:hover { background:var(--ui-primary-hover); transform:none; }
html:not(.legacy-kds-view) .admin-shell .secondary-button {
  background:#fff;
  border-color:var(--ui-border-strong);
  color:var(--ui-text-soft);
}
html:not(.legacy-kds-view) .admin-shell .secondary-button:hover { background:var(--ui-surface-soft); border-color:var(--ui-border-strong); }
html:not(.legacy-kds-view) .admin-shell input:not([type="checkbox"]):not([type="radio"]),
html:not(.legacy-kds-view) .admin-shell select,
html:not(.legacy-kds-view) .admin-shell textarea {
  background:#fff;
  border-color:var(--ui-border-strong);
  border-radius:12px;
  color:var(--ui-text);
  min-height:44px;
}
html:not(.legacy-kds-view) .admin-shell input:focus,
html:not(.legacy-kds-view) .admin-shell select:focus,
html:not(.legacy-kds-view) .admin-shell textarea:focus {
  border-color:var(--ui-primary);
  box-shadow:0 0 0 3px rgba(15,118,110,.12);
}
html:not(.legacy-kds-view) .admin-shell .panel,
html:not(.legacy-kds-view) .admin-shell .metric-grid article,
html:not(.legacy-kds-view) .admin-shell .operation-card,
html:not(.legacy-kds-view) .admin-shell .area-card,
html:not(.legacy-kds-view) .admin-shell .floor-table {
  background:var(--ui-surface);
  border-color:var(--ui-border);
  border-radius:var(--ui-radius-lg);
  box-shadow:var(--ui-shadow-card);
  overflow:hidden;
}
html:not(.legacy-kds-view) .admin-shell .panel-heading { border-bottom-color:var(--ui-border); padding:1rem 1.2rem; }
html:not(.legacy-kds-view) .admin-shell .metric-grid { gap:1rem; }
html:not(.legacy-kds-view) .admin-shell .metric-grid article { min-height:150px; padding:1.1rem; }
html:not(.legacy-kds-view) .admin-shell .metric-grid article > span,
html:not(.legacy-kds-view) .admin-shell .metric-grid article p,
html:not(.legacy-kds-view) .admin-shell .metric-grid article small { color:var(--ui-muted); font-family:var(--ui-font); }
html:not(.legacy-kds-view) .admin-shell .metric-grid article strong {
  color:var(--ui-text);
  font-family:var(--ui-font);
  font-size:clamp(1.65rem,2.5vw,2.15rem);
  font-weight:750;
}
html:not(.legacy-kds-view) .admin-shell .metric-grid article.accent {
  background:var(--ui-primary);
  border-color:var(--ui-primary);
}
html:not(.legacy-kds-view) .admin-shell .metric-grid article.accent strong { color:#fff; }
html:not(.legacy-kds-view) .admin-shell .metric-grid article.accent p,
html:not(.legacy-kds-view) .admin-shell .metric-grid article.accent small,
html:not(.legacy-kds-view) .admin-shell .metric-grid article.accent > span { color:rgba(255,255,255,.78); }
html:not(.legacy-kds-view) .admin-shell .availability,
html:not(.legacy-kds-view) .admin-shell .role-pill,
html:not(.legacy-kds-view) .admin-shell .status-pill {
  border-radius:999px;
  font-family:var(--ui-font);
  font-weight:700;
}
html:not(.legacy-kds-view) .admin-shell .availability { background:var(--ui-success-soft); color:#15803D; }
html:not(.legacy-kds-view) .admin-shell .availability.off { background:var(--ui-surface-soft); color:var(--ui-muted); }
html:not(.legacy-kds-view) .admin-shell .employee-action-notice {
  background:var(--ui-success-soft);
  border:1px solid #BBF7D0;
  color:#166534;
}
html:not(.legacy-kds-view) .admin-shell .form-error {
  background:var(--ui-danger-soft);
  border-color:#FECACA;
  color:#991B1B;
}
html:not(.legacy-kds-view) .admin-shell .member-row,
html:not(.legacy-kds-view) .admin-shell .table-row { border-top-color:var(--ui-border); }
html:not(.legacy-kds-view) .admin-shell .row-actions button {
  border:1px solid transparent;
  border-radius:9px;
  color:var(--ui-text-soft);
  min-height:34px;
  padding:.35rem .55rem;
}
html:not(.legacy-kds-view) .admin-shell .row-actions button:hover { background:var(--ui-surface-soft); border-color:var(--ui-border); }
html:not(.legacy-kds-view) .admin-shell .employee-actions .danger-soft { background:var(--ui-warning-soft); border-color:#FED7AA; color:#B45309; }
html:not(.legacy-kds-view) .admin-shell .row-actions .danger { background:var(--ui-danger-soft); border-color:#FECACA; color:var(--ui-danger)!important; }
html:not(.legacy-kds-view) .admin-shell .modal-backdrop { background:rgba(15,23,42,.62); backdrop-filter:blur(3px); }
html:not(.legacy-kds-view) .admin-shell .modal-card {
  background:#fff;
  border-color:var(--ui-border);
  border-radius:18px;
  box-shadow:var(--ui-shadow-modal);
}
html:not(.legacy-kds-view) .admin-shell .modal-card > header,
html:not(.legacy-kds-view) .admin-shell .modal-card > footer { border-color:var(--ui-border); }
html:not(.legacy-kds-view) .admin-shell .branch-access-field,
html:not(.legacy-kds-view) .admin-shell .modal-card fieldset { border-color:var(--ui-border); border-radius:12px; }

/* Employee account page: stronger card treatment without changing actions/data. */
html:not(.legacy-kds-view) .admin-shell .employee-account-layout { gap:1rem; }
html:not(.legacy-kds-view) .admin-shell .employee-member-row { padding:1rem 1.2rem; }
html:not(.legacy-kds-view) .admin-shell .employee-main-info strong { color:var(--ui-text); font-size:.88rem; }
html:not(.legacy-kds-view) .admin-shell .employee-main-info small { color:var(--ui-muted); }
html:not(.legacy-kds-view) .admin-shell .employee-login-meta { color:var(--ui-muted); }

/* ---------- Platform console ---------- */
.platform-shell {
  background:var(--ui-page);
  color:var(--ui-text);
  font-family:var(--ui-font);
  min-height:100vh;
}
.platform-shell h1,.platform-shell h2,.platform-shell h3,.platform-shell strong { font-family:var(--ui-font); }
.platform-shell .eyebrow { color:var(--ui-primary); letter-spacing:.1em; }
.platform-shell .brand-mark.small {
  background:var(--ui-primary);
  border-radius:12px;
  font-family:var(--ui-font);
  font-weight:850;
  transform:none;
}
.platform-shell .platform-topbar {
  background:var(--ui-sidebar);
  border-bottom:1px solid rgba(148,163,184,.16);
  color:#fff;
  min-height:64px;
}
.platform-shell .platform-topbar small { color:#94A3B8; }
.platform-shell .platform-topbar button { border-radius:9px; }
.platform-shell .platform-workspace { max-width:1440px; padding:2rem 1.5rem 4rem; }
.platform-shell .platform-heading h1 { font-size:clamp(1.8rem,3.5vw,2.6rem); font-weight:750; letter-spacing:-.025em; }
.platform-shell .platform-heading > div > p:last-child { color:var(--ui-muted); }
.platform-shell .platform-metrics { gap:1rem; }
.platform-shell .platform-metrics article {
  background:#fff;
  border:1px solid var(--ui-border);
  border-radius:16px;
  box-shadow:var(--ui-shadow-card);
  color:var(--ui-text);
  min-height:140px;
}
.platform-shell .platform-metrics span,.platform-shell .platform-metrics small { color:var(--ui-muted); }
.platform-shell .platform-metrics strong { color:var(--ui-text); font-family:var(--ui-font); font-size:2rem; font-weight:750; }
.platform-shell .platform-section-head { border-bottom-color:var(--ui-border); }
.platform-shell .platform-section-head h2 { font-size:1.25rem; font-weight:750; }
.platform-shell .platform-section-head > span { color:var(--ui-muted); }
.platform-shell .tenant-card,
.platform-shell .platform-plan-card {
  background:#fff;
  border-color:var(--ui-border);
  border-radius:16px;
  box-shadow:var(--ui-shadow-card);
}
.platform-shell .tenant-avatar { background:var(--ui-sidebar); border-radius:12px; font-family:var(--ui-font); }
.platform-shell .tenant-title h3 { font-family:var(--ui-font); font-weight:750; }
.platform-shell .tenant-primary p,.platform-shell .tenant-primary small,.platform-shell .tenant-usage span,.platform-shell .platform-plan-card p { color:var(--ui-muted); }
.platform-shell .tenant-usage b { color:var(--ui-text); }
.platform-shell input,.platform-shell select,.platform-shell textarea {
  background:#fff;
  border-color:var(--ui-border-strong);
  border-radius:10px;
  min-height:42px;
}
.platform-shell .tenant-subscription button,
.platform-shell .platform-plan-card button { border-radius:10px; min-height:40px; }
.platform-shell .tenant-subscription button { background:var(--ui-primary); border-color:var(--ui-primary); }
.platform-shell .tenant-subscription .ghost-danger { background:var(--ui-danger-soft); border-color:#FECACA; color:#B91C1C; }
.platform-shell .platform-plan-card h3 { font-family:var(--ui-font); font-size:1.25rem; }
.platform-shell .platform-plan-card > strong { font-family:var(--ui-font); font-size:1.8rem; font-weight:750; }
.platform-shell .platform-modal { background:#fff; border-radius:18px; box-shadow:var(--ui-shadow-modal); }
.platform-shell .platform-modal h2 { font-family:var(--ui-font); font-size:1.45rem; font-weight:750; }

/* ---------- Standalone staff/admin operations pages ---------- */
body.ui-foundation-page {
  background:var(--ui-page)!important;
  color:var(--ui-text)!important;
  font-family:var(--ui-font)!important;
  min-height:100vh;
}
body.ui-foundation-page .wrap {
  margin:0 auto!important;
  max-width:1440px!important;
  padding:24px!important;
}
body.ui-foundation-page h1,
body.ui-foundation-page h2,
body.ui-foundation-page h3 { color:var(--ui-text); font-family:var(--ui-font)!important; letter-spacing:-.02em; }
body.ui-foundation-page h1 { font-size:28px!important; line-height:1.2; }
body.ui-foundation-page h2 { font-size:20px!important; }
body.ui-foundation-page h3 { font-size:16px!important; }
body.ui-foundation-page .muted { color:var(--ui-muted)!important; }
body.ui-foundation-page .top { gap:16px; }
body.ui-foundation-page .card,
body.ui-foundation-page .metric,
body.ui-foundation-page .step,
body.ui-foundation-page .item {
  background:#fff!important;
  border:1px solid var(--ui-border)!important;
  border-radius:16px!important;
  box-shadow:var(--ui-shadow-card);
}
body.ui-foundation-page .card { padding:20px!important; }
body.ui-foundation-page .metric { padding:16px!important; }
body.ui-foundation-page .metric small,
body.ui-foundation-page .metric span { color:var(--ui-muted)!important; }
body.ui-foundation-page .metric strong { color:var(--ui-text)!important; font-size:28px!important; font-weight:750!important; }
body.ui-foundation-page .btn,
body.ui-foundation-page .primary,
body.ui-foundation-page .secondary,
body.ui-foundation-page .back,
body.ui-foundation-page button.btn {
  align-items:center;
  border:1px solid transparent!important;
  border-radius:12px!important;
  display:inline-flex;
  font-weight:750!important;
  justify-content:center;
  min-height:44px;
  padding:10px 14px!important;
  text-decoration:none;
}
body.ui-foundation-page .btn:not(.alt):not(.danger),
body.ui-foundation-page .primary { background:var(--ui-primary)!important; color:#fff!important; }
body.ui-foundation-page .btn:not(.alt):not(.danger):hover,
body.ui-foundation-page .primary:hover { background:var(--ui-primary-hover)!important; }
body.ui-foundation-page .btn.alt,
body.ui-foundation-page .secondary,
body.ui-foundation-page .back { background:#fff!important; border-color:var(--ui-border-strong)!important; color:var(--ui-text-soft)!important; }
body.ui-foundation-page .btn.danger,
body.ui-foundation-page .danger { background:var(--ui-danger)!important; color:#fff!important; }
body.ui-foundation-page input:not([type="checkbox"]):not([type="radio"]),
body.ui-foundation-page select,
body.ui-foundation-page textarea,
body.ui-foundation-page .search {
  background:#fff!important;
  border:1px solid var(--ui-border-strong)!important;
  border-radius:12px!important;
  color:var(--ui-text)!important;
  min-height:44px;
  outline:0;
}
body.ui-foundation-page input:focus,
body.ui-foundation-page select:focus,
body.ui-foundation-page textarea:focus {
  border-color:var(--ui-primary)!important;
  box-shadow:0 0 0 3px rgba(15,118,110,.12)!important;
}
body.ui-foundation-page table { border-collapse:separate!important; border-spacing:0; }
body.ui-foundation-page th {
  background:var(--ui-page)!important;
  color:var(--ui-muted)!important;
  font-size:12px!important;
  font-weight:700!important;
  letter-spacing:.04em;
}
body.ui-foundation-page th,
body.ui-foundation-page td { border-bottom:1px solid var(--ui-border)!important; padding:12px 10px!important; }
body.ui-foundation-page tr:last-child td { border-bottom:0!important; }
body.ui-foundation-page .badge,
body.ui-foundation-page .status,
body.ui-foundation-page .alert,
body.ui-foundation-page .role,
body.ui-foundation-page .pill {
  border-radius:999px!important;
  font-size:12px!important;
  font-weight:700!important;
}
body.ui-foundation-page .badge.good,
body.ui-foundation-page .status.good,
body.ui-foundation-page .alert.good,
body.ui-foundation-page .published,
body.ui-foundation-page .done { background:var(--ui-success-soft)!important; color:#15803D!important; }
body.ui-foundation-page .badge.warn,
body.ui-foundation-page .status.warn,
body.ui-foundation-page .alert.warn,
body.ui-foundation-page .draft,
body.ui-foundation-page .pending { background:var(--ui-warning-soft)!important; color:#B45309!important; }
body.ui-foundation-page .badge.bad,
body.ui-foundation-page .status.bad,
body.ui-foundation-page .alert.bad { background:var(--ui-danger-soft)!important; color:#B91C1C!important; }
body.ui-foundation-page .status.off,
body.ui-foundation-page .archived { background:var(--ui-surface-soft)!important; color:var(--ui-muted)!important; }
body.ui-foundation-page .ok { background:var(--ui-success-soft)!important; border:1px solid #BBF7D0!important; color:#166534!important; }
body.ui-foundation-page .bad,
body.ui-foundation-page .err { background:var(--ui-danger-soft)!important; border:1px solid #FECACA!important; color:#991B1B!important; }
body.ui-foundation-page .warn { background:var(--ui-warning-soft)!important; color:#B45309!important; }
body.ui-foundation-page .info { background:var(--ui-info-soft)!important; color:#1D4ED8!important; }
body.ui-foundation-page .steps { gap:12px!important; }
body.ui-foundation-page .step:hover { border-color:#99D5CF!important; box-shadow:0 8px 28px rgba(15,118,110,.09); }
body.ui-foundation-page .step em { color:var(--ui-primary)!important; }
body.ui-foundation-page .row-actions a,
body.ui-foundation-page .record-tabs a,
body.ui-foundation-page .quick button,
body.ui-foundation-page .qty-entry button,
body.ui-foundation-page .pill {
  background:var(--ui-surface-soft)!important;
  border:1px solid var(--ui-border)!important;
  color:var(--ui-text-soft)!important;
}
body.ui-foundation-page .pill.active { background:var(--ui-primary-soft)!important; border-color:#99D5CF!important; color:var(--ui-primary)!important; }

/* First-password page receives the same visual language without changing authentication behavior. */
body.ui-foundation-page .first-password-card,
body.ui-foundation-page .auth-card {
  background:#fff!important;
  border:1px solid var(--ui-border)!important;
  border-radius:18px!important;
  box-shadow:var(--ui-shadow-modal)!important;
}

/* Mobile baseline only; detailed responsive rules are intentionally deferred to the next phase. */
@media (max-width:760px) {
  html:not(.legacy-kds-view) .admin-shell { display:block; }
  html:not(.legacy-kds-view) .admin-shell .sidebar {
    box-shadow:0 18px 55px rgba(2,6,23,.28);
    width:min(88vw,300px);
  }
  html:not(.legacy-kds-view) .admin-shell .topbar { height:60px; padding:0 14px; }
  html:not(.legacy-kds-view) .admin-shell .workspace-content { padding:16px; }
  html:not(.legacy-kds-view) .admin-shell .page-heading { align-items:flex-start; flex-direction:column; gap:12px; margin-bottom:1rem; }
  html:not(.legacy-kds-view) .admin-shell .heading-actions { width:100%; }
  html:not(.legacy-kds-view) .admin-shell .heading-actions > * { flex:1; }
  html:not(.legacy-kds-view) .admin-shell .employee-account-layout { padding-bottom:88px; }
  html:not(.legacy-kds-view) .admin-shell .employee-member-row { border-bottom:1px solid var(--ui-border); }
  html:not(.legacy-kds-view) .admin-shell .employee-member-row .employee-actions button { min-height:44px; }
  html:not(.legacy-kds-view) .admin-shell .employee-mobile-bottom-nav {
    background:rgba(255,255,255,.98);
    border-top:1px solid var(--ui-border);
    box-shadow:0 -10px 30px rgba(15,23,42,.08);
  }
  html:not(.legacy-kds-view) .admin-shell .employee-mobile-bottom-nav a { border-radius:10px; color:var(--ui-muted); min-height:52px; }
  html:not(.legacy-kds-view) .admin-shell .employee-mobile-bottom-nav a.active { background:var(--ui-primary-soft); color:var(--ui-primary); }
  body.ui-foundation-page .wrap { padding:16px!important; }
  body.ui-foundation-page h1 { font-size:22px!important; }
  body.ui-foundation-page h2 { font-size:18px!important; }
  body.ui-foundation-page .card { padding:16px!important; }
  body.ui-foundation-page .metrics { gap:10px!important; }
  body.ui-foundation-page .metric strong { font-size:24px!important; }
  body.ui-foundation-page .btn,
  body.ui-foundation-page .primary,
  body.ui-foundation-page .secondary,
  body.ui-foundation-page .back { min-height:46px; }
  .platform-shell .platform-workspace { padding:1.25rem 1rem 3rem; }
  .platform-shell .platform-metrics { gap:.75rem; }
}