/* Transcendence Console — Super Admin styles, ported from the Legion Command Console (best-work benchmark). */
:root {
  --ivory: var(--ink); --ivory-dim: var(--ink-dim); --gold: var(--signal); --gold-soft: var(--signal-edge);
  --orange: var(--signal); --orange-deep: #b9781f; --muted: var(--ink-faint);
  --font-head: var(--font-display); --font-body: var(--font-body);
  --ease: cubic-bezier(.4,0,.2,1);
}
/* Orphaned palette block (had no selector, so browsers dropped the .admin-modal rule after it) — scoped so it is inert. */
.admin-modal.theme-terminal {
  --ivory: #dbeaf5; --ivory-dim: #5b7488; --gold: #ffb74d; --gold-soft: #ffd18a;
  --orange: #ffb74d; --orange-deep: #cc8f30; --muted: #5b7488;
  --font-head: 'IBM Plex Mono', 'SF Mono', ui-monospace, monospace;
  --font-body: 'IBM Plex Mono', 'SF Mono', ui-monospace, monospace;
  --ease: cubic-bezier(.4,0,.2,1);
}
/* ── Super Admin workspace ───────────────────────────────────────────── */
.admin-modal { position: fixed; inset: 0; z-index: 500; display: none; background: #100f10; color: var(--ivory); height: 100vh; max-height: 100vh; overflow: hidden; }
.admin-modal.open { display: block; }
.admin-shell { display: grid; grid-template-columns: 270px minmax(0, 1fr); height: 100vh; max-height: 100vh; min-height: 0; overflow: hidden; }
.admin-sidebar { display: flex; flex-direction: column; height: 100vh; max-height: 100vh; min-height: 0; overflow: hidden; padding: 20px 14px 14px; background: #181415; border-right: 1px solid rgba(246,241,231,.08); box-sizing: border-box; }
.admin-brand { flex-shrink: 0; display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 0 6px 16px; }
.admin-brand-left { display: flex; align-items: center; gap: 11px; }
.admin-mark { display:grid; place-items:center; width:34px; height:34px; border-radius:10px; background:var(--orange); color:#fff; font-family:var(--font-head); font-size:1.45rem; font-weight:700; flex-shrink: 0; }
.admin-brand b { display:block; font-family:var(--font-head); font-size:1.35rem; line-height:1; }
.admin-brand small { color:var(--muted); font-size:.68rem; letter-spacing:.06em; }
.admin-sidebar-close { display: none; width: 32px; height: 32px; border-radius: 6px; border: 1px solid rgba(246,241,231,.12); color: var(--ivory-dim); font-size: 1.3rem; line-height: 1; cursor: pointer; align-items: center; justify-content: center; background: transparent; }
.admin-sidebar-close:hover { color: #fff; border-color: var(--orange); }
.admin-sidebar-toggle { display: none; cursor: pointer; }
.topbar-title-wrap { display: flex; align-items: center; gap: 14px; }
.domain-tabs { flex-shrink: 0; }
.admin-nav { flex: 1 1 0; min-height: 0; overflow-y: auto !important; overflow-x: hidden; overscroll-behavior: contain; touch-action: pan-y; padding-right: 4px; padding-bottom: 24px; -webkit-overflow-scrolling: touch; scrollbar-width: thin; scrollbar-color: rgba(212,162,78,.4) rgba(255,255,255,.02); }
.admin-sidebar { overscroll-behavior: contain; }
.admin-nav::-webkit-scrollbar { width: 9px; }
.admin-nav::-webkit-scrollbar-track { background: rgba(255,255,255,.02); border-radius: 4px; }
.admin-nav::-webkit-scrollbar-thumb { background: rgba(212,162,78,.4); border-radius: 4px; }
.admin-nav::-webkit-scrollbar-thumb:hover { background: rgba(212,162,78,.7); }
.admin-nav button { width:100%; min-height:38px; padding:8px 10px; display:flex; align-items:center; justify-content:space-between; text-align:left; border-radius:8px; color:var(--ivory-dim); font-size:.82rem; transition:.2s; }
.admin-nav button:hover { background:rgba(255,255,255,.05); color:var(--ivory); }
.admin-nav button.active { background:rgba(224,38,63,.16); color:#fff; border-left: 3px solid var(--orange); }
.admin-nav button small { font-size:.65rem; color:var(--gold); }
.admin-sidebar-foot { flex-shrink: 0; border-top:1px solid rgba(246,241,231,.08); margin:8px 4px 0; padding:12px 2px 0; color:var(--muted); font-size:.72rem; }
.live-dot { width:7px;height:7px;border-radius:50%;background:#4ea45a;display:inline-block;margin-right:6px; }
.admin-main { min-width:0; height: 100vh; max-height: 100vh; overflow-y:auto; min-height: 0; background:linear-gradient(135deg,#100f10,#151011); }
.admin-topbar { min-height:94px; display:flex; align-items:center; justify-content:space-between; gap:20px; padding:20px 38px; border-bottom:1px solid rgba(246,241,231,.08); flex-shrink: 0; }.admin-kicker { color:var(--gold); font-size:.7rem; font-weight:700; letter-spacing:.12em; text-transform:uppercase; margin-bottom:4px; }.admin-topbar h2 { font-size:2rem; }.admin-top-actions { display:flex; align-items:center; gap:12px; }.admin-search { height:40px; padding:0 11px 0 14px; color:var(--muted); border:1px solid rgba(246,241,231,.12); border-radius:8px; font-size:.78rem; }.admin-search kbd { margin-left:22px; padding:3px 5px; border-radius:4px; color:var(--ivory-dim); background:rgba(255,255,255,.07); font-family:inherit; }.admin-close { width:42px;height:42px;border:1px solid rgba(246,241,231,.12);border-radius:8px;font-size:1.8rem;line-height:1;color:var(--ivory-dim); }.admin-close:hover,.admin-close:focus-visible { color:#fff;border-color:var(--orange);outline:none; }
.admin-demo-notice { margin:24px 38px 0; padding:10px 14px; display:flex; gap:9px; align-items:center; color:var(--ivory-dim); background:rgba(212,162,78,.08); border:1px solid rgba(212,162,78,.22); border-radius:8px; font-size:.77rem; }.admin-demo-notice span { color:#241a08; background:var(--gold); border-radius:999px; padding:2px 7px; font-size:.64rem; font-weight:800; text-transform:uppercase; }
.admin-content { padding:26px 38px 48px; }.admin-section-head { display:flex; justify-content:space-between; align-items:end; gap:18px; margin:20px 0 18px; }.admin-section-head h3 { font-size:1.45rem; }.admin-section-head p { color:var(--muted); font-size:.84rem; max-width:620px; }.admin-action { min-height:38px; padding:0 14px; border:1px solid rgba(212,162,78,.42); border-radius:7px; color:var(--gold-soft); font-weight:700; font-size:.75rem; }.admin-action:hover { background:var(--gold); color:#241a08; }
.metric-grid { display:grid; grid-template-columns:repeat(5,minmax(130px,1fr)); gap:12px; }.metric { min-height:110px; padding:16px; border:1px solid rgba(246,241,231,.1); border-radius:10px; background:rgba(255,255,255,.025); }.metric span { display:block; color:var(--muted); font-size:.7rem; letter-spacing:.03em; }.metric b { display:block; margin:9px 0 4px; font-family:var(--font-head); font-size:1.75rem; }.metric small { color:#75c27c; font-size:.68rem; }.metric.warn small { color:var(--gold-soft); }.metric.risk small { color:#f1717f; }
.admin-panel-grid { display:grid;grid-template-columns:1.25fr .75fr;gap:16px;margin-top:16px; }.admin-panel { border:1px solid rgba(246,241,231,.1); border-radius:10px; background:rgba(255,255,255,.025); padding:18px; }.admin-panel h4 { margin:0 0 14px; font-family:var(--font-body);font-size:.78rem;color:var(--ivory);letter-spacing:.03em;text-transform:none; }.trend-chart { height:130px; display:flex;align-items:end;gap:8px;border-bottom:1px solid rgba(246,241,231,.1);padding:0 8px; }.trend-chart i { flex:1;background:linear-gradient(0deg,var(--orange-deep),var(--orange));border-radius:3px 3px 0 0;opacity:.88; }.health-list { list-style:none; }.health-list li { display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid rgba(246,241,231,.08);font-size:.8rem; }.health-list em { font-style:normal;color:#75c27c; }.health-list em.warn {color:var(--gold-soft);}
.admin-catalog { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px; }.catalog-card { min-height:140px; padding:16px; text-align:left; border:1px solid rgba(246,241,231,.1);border-radius:10px;background:rgba(255,255,255,.025);transition:.2s; }.catalog-card:hover { border-color:rgba(212,162,78,.45);transform:translateY(-2px); }.catalog-card b { display:block;font-size:.88rem;margin-bottom:8px; }.catalog-card p { color:var(--muted);font-size:.74rem;line-height:1.55; }.catalog-card span { display:inline-block;margin-top:12px;color:var(--gold);font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em; }
.admin-search-results { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px; }.result-row { padding:14px;border:1px solid rgba(246,241,231,.1);border-radius:8px; }.result-row b { display:block;font-size:.85rem; }.result-row span { color:var(--muted);font-size:.72rem; }
.admin-source-line { color:var(--ivory-dim); font-size:.82rem; line-height:1.8; }
.sr-only { position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0; }
.admin-icon-btn { width:42px;height:42px;border:1px solid rgba(246,241,231,.12);border-radius:8px;color:var(--ivory-dim);font-size:.72rem;font-weight:800; }.admin-icon-btn:hover,.admin-icon-btn:focus-visible { color:#fff;border-color:var(--gold);outline:none; }
.admin-shell { position:relative; }.copilot-panel { position:absolute;right:0;top:0;bottom:0;width:360px;display:none;flex-direction:column;background:#191516;border-left:1px solid rgba(246,241,231,.1);box-shadow:-20px 0 50px rgba(0,0,0,.18);z-index:3; }.copilot-panel.open { display:flex; }.copilot-head { display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid rgba(246,241,231,.09); }.copilot-head b { display:block;font-size:.9rem; }.copilot-head small { color:var(--muted);font-size:.68rem; }.copilot-status { display:inline-block;width:7px;height:7px;border-radius:50%;background:#4ea45a;margin-right:6px; }.copilot-close { font-size:1.5rem;color:var(--muted);width:36px;height:36px;border:1px solid rgba(246,241,231,.1);border-radius:7px; }.copilot-thread { flex:1;overflow:auto;padding:18px; }.copilot-message { padding:13px 14px;margin-bottom:12px;background:rgba(255,255,255,.045);border:1px solid rgba(246,241,231,.09);border-radius:10px;font-size:.8rem;line-height:1.55; }.copilot-message b { font-size:.76rem;color:var(--gold-soft); }.copilot-message p { margin:5px 0 0;color:var(--ivory-dim); }.copilot-message.user { background:rgba(224,38,63,.13);margin-left:28px; }.copilot-prompts { display:flex;gap:7px;flex-wrap:wrap;padding:0 18px 12px; }.copilot-prompts button { padding:7px 9px;border:1px solid rgba(212,162,78,.3);border-radius:999px;color:var(--gold-soft);font-size:.68rem; }.copilot-form { padding:14px 18px 18px;border-top:1px solid rgba(246,241,231,.09);display:flex;gap:8px; }.copilot-form textarea { flex:1;resize:none;padding:10px;border:1px solid rgba(246,241,231,.13);border-radius:8px;background:rgba(255,255,255,.04);color:var(--ivory);font:inherit;font-size:.78rem; }.copilot-form textarea:focus { outline:1px solid var(--gold); }.copilot-form button { align-self:end;padding:10px 12px;border-radius:8px;background:var(--orange);color:#fff;font-size:.72rem;font-weight:700; }
.command-palette { position:fixed;inset:0;z-index:600;display:none;place-items:start center;padding-top:16vh;background:rgba(8,7,8,.58);backdrop-filter:blur(6px); }.command-palette.open { display:grid; }.command-card { width:min(610px,calc(100vw - 32px));background:#1d1819;border:1px solid rgba(246,241,231,.16);border-radius:12px;box-shadow:0 24px 80px rgba(0,0,0,.5);overflow:hidden; }.command-input-row { display:flex;align-items:center;gap:12px;padding:12px 14px;border-bottom:1px solid rgba(246,241,231,.09); }.command-input-row input { flex:1;border:0;background:transparent;color:var(--ivory);font:inherit;font-size:.95rem;outline:0; }.command-input-row kbd { color:var(--muted);font-size:.66rem; }.command-results { max-height:360px;overflow:auto;padding:8px; }.command-result { width:100%;padding:12px;border-radius:8px;text-align:left; }.command-result:hover,.command-result:focus-visible { background:rgba(224,38,63,.14);outline:none; }.command-result b { display:block;font-size:.82rem; }.command-result small { color:var(--muted);font-size:.7rem; }
.metric { resize:both;overflow:auto;min-width:130px; }.metric[draggable="true"] { cursor:grab; }.metric.dragging { opacity:.35; }.admin-panel { resize:both;overflow:auto;min-width:240px; }.admin-modal.light { color:#231d1c; }.admin-modal.light .admin-main {background:#f4eee5;}.admin-modal.light .admin-sidebar,.admin-modal.light .copilot-panel,.admin-modal.light .command-card {background:#fffaf3;}.admin-modal.light .admin-sidebar,.admin-modal.light .copilot-panel,.admin-modal.light .admin-topbar,.admin-modal.light .admin-panel,.admin-modal.light .metric,.admin-modal.light .catalog-card {border-color:rgba(52,35,28,.14);}.admin-modal.light .admin-nav button,.admin-modal.light .admin-topbar,.admin-modal.light .metric,.admin-modal.light .admin-panel,.admin-modal.light .catalog-card,.admin-modal.light .copilot-form textarea {color:#231d1c;}.admin-modal.light .metric,.admin-modal.light .admin-panel,.admin-modal.light .catalog-card,.admin-modal.light .copilot-message,.admin-modal.light .copilot-form textarea {background:rgba(255,255,255,.78);}.admin-modal.light .admin-demo-notice {background:rgba(212,162,78,.16);}.admin-modal.light .copilot-message p,.admin-modal.light .admin-source-line {color:#675d52;}.admin-modal.light .admin-search,.admin-modal.light .admin-icon-btn,.admin-modal.light .admin-close {color:#554b42;border-color:rgba(52,35,28,.18);}
@media (max-width: 1024px) { .metric-grid { grid-template-columns:repeat(3,1fr); }.admin-catalog {grid-template-columns:repeat(2,1fr);} }
@media (max-width: 820px) {
  .admin-shell { grid-template-columns: 1fr; position: relative; }
  .admin-sidebar {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    width: 290px;
    z-index: 550;
    box-shadow: 20px 0 60px rgba(0,0,0,0.85);
    transform: translateX(-100%);
    transition: transform 0.3s var(--ease);
  }
  .admin-sidebar.mobile-visible {
    transform: translateX(0);
  }
  .admin-sidebar-toggle {
    display: inline-flex !important;
    align-items: center;
    gap: 6px;
    padding: 7px 12px;
    border-radius: 8px;
    background: rgba(224, 38, 63, 0.18);
    border: 1px solid rgba(224, 38, 63, 0.4);
    color: #fff;
    font-size: 0.78rem;
    font-weight: 700;
  }
  .admin-sidebar-close {
    display: flex !important;
  }
  .admin-topbar {
    padding: 14px 18px;
    min-height: 70px;
    flex-wrap: wrap;
    gap: 12px;
  }
  .admin-topbar h2 {
    font-size: 1.5rem;
  }
  .admin-search {
    flex: 1 1 auto;
    justify-content: space-between;
  }
  .admin-search kbd {
    display: none;
  }
  .admin-demo-notice {
    margin: 14px 18px 0;
    align-items: flex-start;
  }
  .admin-content {
    padding: 16px 18px 34px;
  }
  .metric-grid, .admin-catalog, .admin-search-results {
    grid-template-columns: 1fr 1fr;
  }
  .admin-panel-grid {
    grid-template-columns: 1fr;
  }
  .admin-section-head {
    align-items: flex-start;
    flex-direction: column;
  }
  .admin-section-head .admin-action {
    width: 100%;
  }
  .super-admin-trigger {
    margin-top: 6px;
  }
}
@media (max-width: 820px) { .copilot-panel { width:100%; }.metric {resize:none;}.admin-panel {resize:none;}.admin-icon-btn {width:38px;height:38px;} }
@media (prefers-reduced-motion: reduce) { .admin-modal *, .admin-modal *::before, .admin-modal *::after {transition:none !important;animation:none !important;} }

/* ══ Minyu Club & Subscription Dining ═══════════════════════════════════ */
.club-section { padding: 90px 0; background: linear-gradient(180deg, rgba(15,13,14,0.6), rgba(32,27,28,0.7)); }
.club-card-hero { background: linear-gradient(135deg, rgba(23,20,21,0.95), rgba(35,27,29,0.95)); border: 1px solid rgba(212,162,78,0.35); border-radius: 22px; padding: 48px; box-shadow: 0 30px 80px -20px rgba(0,0,0,0.8); position: relative; overflow: hidden; }
.club-card-hero::before { content: ""; position: absolute; top: -60px; right: -60px; width: 220px; height: 220px; background: radial-gradient(circle, rgba(212,162,78,0.22), transparent 70%); border-radius: 50%; pointer-events: none; }
.club-badge-row { display: flex; align-items: center; justify-content: space-between; margin-bottom: 16px; flex-wrap: wrap; gap: 10px; }
.club-chip { background: linear-gradient(135deg, var(--gold), var(--gold-soft)); color: #241a08; font-size: 0.72rem; font-weight: 800; padding: 4px 12px; border-radius: 999px; text-transform: uppercase; letter-spacing: 0.08em; }
.club-card-hero h2 { font-size: clamp(2rem, 4vw, 3rem); margin-bottom: 14px; }
.club-lead { font-size: 1.08rem; color: var(--ivory-dim); max-width: 780px; margin-bottom: 34px; line-height: 1.65; }
.club-lead b { color: var(--gold); }
.club-perks-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; margin-bottom: 36px; }
.club-perk { background: rgba(255,255,255,0.03); border: 1px solid rgba(246,241,231,0.08); border-radius: 14px; padding: 20px; display: flex; flex-direction: column; gap: 12px; transition: 0.25s; }
.club-perk:hover { border-color: rgba(212,162,78,0.4); transform: translateY(-3px); }
.cp-icon { font-size: 1.8rem; line-height: 1; }
.club-perk b { display: block; font-size: 0.94rem; margin-bottom: 4px; color: var(--ivory); }
.club-perk p { font-size: 0.8rem; color: var(--muted); line-height: 1.5; }
.club-cta-row { display: flex; align-items: center; gap: 20px; flex-wrap: wrap; }
.club-guarantee { color: var(--muted); font-size: 0.82rem; }

/* ══ Super Admin Console Navigation & Tabs ══════════════════════════════ */
.domain-tabs { display: flex; gap: 6px; padding: 0 4px 14px; border-bottom: 1px solid rgba(246,241,231,0.08); margin-bottom: 10px; }
.domain-tab { flex: 1; padding: 7px 6px; border-radius: 6px; font-size: 0.7rem; font-weight: 700; color: var(--muted); background: rgba(255,255,255,0.03); border: 1px solid rgba(246,241,231,0.06); transition: 0.2s; text-align: center; }
.domain-tab:hover { color: var(--ivory); background: rgba(255,255,255,0.07); }
.domain-tab.active { background: rgba(224,38,63,0.18); border-color: rgba(224,38,63,0.4); color: #fff; }
.nav-section-title { font-size: 0.65rem; font-weight: 800; letter-spacing: 0.1em; text-transform: uppercase; color: var(--muted); padding: 12px 10px 6px; }
.nav-btn { width: 100%; min-height: 38px; padding: 8px 10px; display: flex; align-items: center; justify-content: space-between; text-align: left; border-radius: 8px; color: var(--ivory-dim); font-size: 0.82rem; transition: 0.2s; margin-bottom: 2px; }
.nav-btn:hover { background: rgba(255,255,255,0.05); color: var(--ivory); }
.nav-btn.active { background: rgba(224,38,63,0.16); color: #fff; border-left: 3px solid var(--orange); }
.nav-btn-info { display: flex; align-items: center; gap: 8px; overflow: hidden; }
.nav-num { font-size: 0.68rem; color: var(--muted); font-family: monospace; font-weight: 700; }
.nav-name { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.nav-badge { font-size: 0.62rem; font-weight: 700; padding: 2px 6px; border-radius: 4px; background: rgba(255,255,255,0.06); color: var(--gold-soft); }
.nav-badge.ros { background: rgba(78,164,90,0.12); color: #75c27c; }

/* ══ 11-Metric Executive Grid ═══════════════════════════════════════════ */
.metric-grid-11 { display: grid; grid-template-columns: repeat(6, 1fr); gap: 10px; }
.metric-grid-6 { display: grid; grid-template-columns: repeat(6, 1fr); gap: 10px; }
.metric-grid-5 { display: grid; grid-template-columns: repeat(5, 1fr); gap: 12px; }
.metric b.gold { color: var(--gold); }
.metric small.good, .good { color: #75c27c !important; }
.metric small.warn, .warn { color: var(--gold-soft) !important; }
.metric small.risk, .risk { color: #f1717f !important; }
.info { color: #5bc0de !important; }
.head-actions { display: flex; gap: 8px; align-items: center; }
.admin-action.primary { background: linear-gradient(135deg, var(--orange), var(--orange-deep)); color: #fff; border: none; }
.admin-action.primary:hover { transform: translateY(-1px); box-shadow: 0 4px 14px rgba(224,38,63,0.4); }
.admin-action.risk { border-color: rgba(241,113,127,0.4); color: #f1717f; }
.panel-head { display: flex; justify-content: space-between; align-items: center; margin-bottom: 14px; }
.badge { font-size: 0.68rem; font-weight: 700; padding: 2px 8px; border-radius: 999px; background: rgba(255,255,255,0.08); color: var(--ivory-dim); }
.badge.good { background: rgba(78,164,90,0.15); color: #75c27c; }
.badge-mini { font-size: 0.64rem; font-weight: 700; padding: 2px 7px; border-radius: 4px; background: rgba(255,255,255,0.08); }
.badge-mini.good { background: rgba(78,164,90,0.15); color: #75c27c; }
.badge-mini.warn { background: rgba(212,162,78,0.15); color: var(--gold-soft); }
.badge-mini.info { background: rgba(91,192,222,0.15); color: #5bc0de; }
.badge-mini.cache { background: rgba(147,112,219,0.15); color: #b197fc; }
.trend-chart-bars { height: 130px; display: flex; align-items: flex-end; gap: 10px; border-bottom: 1px solid rgba(246,241,231,0.1); padding: 0 6px 6px; }
.bar-col { flex: 1; display: flex; flex-direction: column; align-items: center; height: 100%; justify-content: flex-end; gap: 6px; }
.bar-col i { width: 100%; background: linear-gradient(0deg, var(--orange-deep), var(--orange)); border-radius: 4px 4px 0 0; min-height: 4px; transition: height 0.3s var(--ease); }
.bar-col span { font-size: 0.65rem; color: var(--muted); }

/* ══ User Management Table & Pills ═════════════════════════════════════ */
.pill-filter-bar { display: flex; justify-content: space-between; align-items: center; margin-bottom: 16px; gap: 12px; flex-wrap: wrap; }
.pills { display: flex; gap: 6px; flex-wrap: wrap; }
.pill { padding: 6px 12px; border-radius: 999px; font-size: 0.74rem; font-weight: 600; color: var(--ivory-dim); background: rgba(255,255,255,0.04); border: 1px solid rgba(246,241,231,0.08); transition: 0.2s; }
.pill:hover { border-color: var(--gold); }
.pill.active { background: var(--orange); color: #fff; border-color: var(--orange); }
.filter-search input { background: rgba(255,255,255,0.04); border: 1px solid rgba(246,241,231,0.12); border-radius: 8px; padding: 7px 12px; color: var(--ivory); font-size: 0.78rem; outline: none; min-width: 220px; }
.admin-table-wrap { overflow-x: auto; border: 1px solid rgba(246,241,231,0.08); border-radius: 10px; background: rgba(255,255,255,0.02); }
.admin-table { width: 100%; border-collapse: collapse; text-align: left; font-size: 0.8rem; }
.admin-table th { padding: 12px 14px; background: rgba(255,255,255,0.04); color: var(--muted); font-size: 0.7rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; border-bottom: 1px solid rgba(246,241,231,0.08); }
.admin-table td { padding: 12px 14px; border-bottom: 1px solid rgba(246,241,231,0.06); color: var(--ivory-dim); }
.admin-table td b { color: var(--ivory); display: block; font-size: 0.84rem; }
.admin-table td small { color: var(--muted); font-size: 0.7rem; }
.role-chip { display: inline-block; padding: 2px 7px; border-radius: 4px; font-size: 0.68rem; font-weight: 700; background: rgba(255,255,255,0.06); color: var(--ivory); }
.role-chip.admin { background: rgba(224,38,63,0.18); color: #f1717f; }
.role-chip.managers { background: rgba(212,162,78,0.18); color: var(--gold-soft); }
.role-chip.vip-customers { background: linear-gradient(135deg, rgba(212,162,78,0.3), rgba(224,38,63,0.3)); color: #ffd700; }
.role-chip.blocked-users { background: rgba(241,113,127,0.2); color: #f1717f; }
.status-dot { display: inline-block; width: 6px; height: 6px; border-radius: 50%; margin-right: 6px; vertical-align: middle; }
.status-dot.good { background: #4ea45a; }
.status-dot.warn { background: var(--gold); }
.kyc-badge { display: inline-block; padding: 2px 7px; border-radius: 999px; font-size: 0.65rem; font-weight: 800; text-transform: uppercase; }
.kyc-badge.good { background: rgba(78,164,90,0.16); color: #75c27c; }
.kyc-badge.warn { background: rgba(212,162,78,0.16); color: var(--gold-soft); }
.kyc-badge.risk { background: rgba(241,113,127,0.16); color: #f1717f; }
.status-pill { display: inline-block; padding: 2px 8px; border-radius: 999px; font-size: 0.68rem; font-weight: 700; }
.status-pill.good { background: rgba(78,164,90,0.16); color: #75c27c; }
.status-pill.warn { background: rgba(212,162,78,0.16); color: var(--gold-soft); }
.status-pill.risk { background: rgba(241,113,127,0.16); color: #f1717f; }
.status-pill.info { background: rgba(91,192,222,0.16); color: #5bc0de; }
.btn-micro { padding: 4px 9px; border-radius: 6px; font-size: 0.68rem; font-weight: 700; border: 1px solid rgba(246,241,231,0.12); background: rgba(255,255,255,0.04); color: var(--ivory-dim); transition: 0.2s; }
.btn-micro:hover { color: #fff; border-color: var(--gold); background: rgba(255,255,255,0.08); }
.btn-micro.btn-solid { background: var(--orange); border-color: var(--orange); color: #fff; }
.btn-micro.btn-warn { background: rgba(212,162,78,0.2); border-color: var(--gold); color: var(--gold-soft); }
.btn-micro.risk { color: #f1717f; border-color: rgba(241,113,127,0.3); }
.table-actions { display: flex; gap: 6px; }

/* ══ AI Control Center & Models ════════════════════════════════════════ */
.admin-catalog-3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }
.control-box { border: 1px solid rgba(246,241,231,0.1); border-radius: 10px; background: rgba(255,255,255,0.025); padding: 18px; display: flex; flex-direction: column; gap: 10px; }
.box-head { display: flex; justify-content: space-between; align-items: center; }
.box-head b { font-size: 0.92rem; color: var(--ivory); }
.control-box p { font-size: 0.76rem; color: var(--muted); line-height: 1.5; flex: 1; }
.toggle-switch { display: flex; align-items: center; gap: 8px; font-size: 0.75rem; color: var(--ivory-dim); cursor: pointer; }
.admin-select { background: rgba(255,255,255,0.04); border: 1px solid rgba(246,241,231,0.14); border-radius: 7px; color: var(--ivory); padding: 8px 10px; font-size: 0.76rem; outline: none; width: 100%; }
.metric-compact { display: flex; justify-content: space-between; font-size: 0.76rem; color: var(--muted); }
.metric-compact b { color: var(--gold); }
.slider-group { display: flex; flex-direction: column; gap: 16px; }
.slider-row label { display: block; font-size: 0.78rem; color: var(--ivory-dim); margin-bottom: 6px; }
.slider-row input[type="range"] { width: 100%; accent-color: var(--orange); }
.slider-row small { display: block; color: var(--muted); font-size: 0.72rem; margin-top: 4px; }
.log-terminal { background: #080708; border: 1px solid rgba(246,241,231,0.08); border-radius: 8px; padding: 12px; font-family: monospace; font-size: 0.72rem; color: #a99e8c; max-height: 160px; overflow-y: auto; display: flex; flex-direction: column; gap: 6px; }
.log-terminal .time { color: var(--muted); }
.discovery-banner { margin-bottom: 16px; padding: 10px 14px; background: rgba(78,164,90,0.1); border: 1px solid rgba(78,164,90,0.25); border-radius: 8px; font-size: 0.78rem; color: #a3e6aa; display: flex; gap: 10px; align-items: center; }
.discovery-banner b { color: #75c27c; }
.catalog-card-full { border: 1px solid rgba(246,241,231,0.1); border-radius: 10px; background: rgba(255,255,255,0.025); padding: 18px; display: flex; flex-direction: column; gap: 10px; transition: 0.2s; }
.catalog-card-full:hover { border-color: rgba(212,162,78,0.4); transform: translateY(-2px); }
.card-head { display: flex; justify-content: space-between; align-items: flex-start; gap: 10px; }
.card-head b { font-size: 0.94rem; color: var(--ivory); }
.card-meta { font-size: 0.72rem; color: var(--muted); }
.catalog-card-full p { font-size: 0.76rem; color: var(--ivory-dim); line-height: 1.5; flex: 1; }
.card-foot { display: flex; justify-content: space-between; align-items: center; padding-top: 8px; border-top: 1px solid rgba(246,241,231,0.06); }
.license { font-size: 0.68rem; color: var(--muted); }
.tool-tags { display: flex; flex-wrap: wrap; gap: 6px; }
.tag-pill { font-size: 0.68rem; padding: 3px 8px; border-radius: 4px; background: rgba(255,255,255,0.05); color: var(--gold-soft); border: 1px solid rgba(246,241,231,0.08); }

/* ══ Visual Workflow Canvas ═════════════════════════════════════════════ */
.workflow-canvas { display: flex; align-items: center; gap: 14px; background: #0d0a0b; border: 1px solid rgba(246,241,231,0.1); border-radius: 12px; padding: 22px; overflow-x: auto; }
.canvas-node { min-width: 170px; padding: 14px; border-radius: 10px; background: rgba(255,255,255,0.04); border: 1px solid rgba(246,241,231,0.12); display: flex; flex-direction: column; gap: 4px; position: relative; }
.canvas-node.trigger { border-color: var(--orange); background: rgba(224,38,63,0.1); }
.canvas-node.condition { border-color: var(--gold); background: rgba(212,162,78,0.1); }
.canvas-node.action { border-color: #4ea45a; background: rgba(78,164,90,0.1); }
.node-type { font-size: 0.62rem; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase; color: var(--muted); }
.canvas-node b { font-size: 0.8rem; color: var(--ivory); }
.canvas-node small { font-size: 0.68rem; color: var(--muted); }
.canvas-arrow { font-size: 1.2rem; color: var(--gold); font-weight: 700; user-select: none; }
.connector-badges { display: flex; flex-wrap: wrap; gap: 8px; }
.connector-chip { display: inline-flex; align-items: center; gap: 6px; font-size: 0.74rem; padding: 5px 10px; border-radius: 6px; background: rgba(255,255,255,0.035); border: 1px solid rgba(246,241,231,0.08); color: var(--ivory-dim); }
.recipe-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }
.recipe-card { padding: 14px; border-radius: 8px; background: rgba(255,255,255,0.03); border: 1px solid rgba(246,241,231,0.08); display: flex; flex-direction: column; gap: 8px; }
.recipe-card b { font-size: 0.84rem; color: var(--ivory); }
.recipe-card p { font-size: 0.74rem; color: var(--muted); line-height: 1.45; flex: 1; }

/* ══ POS & KDS Split Screen (Level 1) ═══════════════════════════════════ */
.pos-kds-split { display: grid; grid-template-columns: 1.15fr 1fr; gap: 16px; }
.pos-terminal { border: 1px solid rgba(246,241,231,0.12); border-radius: 12px; background: rgba(255,255,255,0.025); padding: 18px; display: flex; flex-direction: column; gap: 14px; }
.pos-head { display: flex; justify-content: space-between; align-items: center; }
.pos-head b { font-size: 1rem; color: var(--ivory); }
.pos-head select { background: rgba(255,255,255,0.06); border: 1px solid rgba(246,241,231,0.14); border-radius: 7px; color: var(--gold-soft); padding: 5px 10px; font-size: 0.78rem; outline: none; }
.quick-dish-picker { display: flex; flex-wrap: wrap; gap: 6px; }
.dish-btn { padding: 6px 10px; border-radius: 7px; font-size: 0.72rem; font-weight: 600; background: rgba(224,38,63,0.12); border: 1px solid rgba(224,38,63,0.3); color: var(--ivory); transition: 0.2s; }
.dish-btn:hover { background: var(--orange); color: #fff; }
.pos-cart-list { max-height: 150px; overflow-y: auto; display: flex; flex-direction: column; gap: 6px; border: 1px solid rgba(246,241,231,0.08); border-radius: 8px; padding: 10px; background: rgba(0,0,0,0.2); }
.pos-cart-row { display: flex; justify-content: space-between; align-items: center; font-size: 0.78rem; color: var(--ivory-dim); }
.pos-totals { font-size: 0.8rem; display: flex; flex-direction: column; gap: 4px; padding-top: 8px; border-top: 1px solid rgba(246,241,231,0.08); }
.pos-totals div { display: flex; justify-content: space-between; color: var(--muted); }
.pos-totals div.pos-grand { color: var(--gold); font-size: 1.05rem; font-weight: 700; margin-top: 4px; }
.pos-pay-btns { display: flex; gap: 8px; }
.pos-pay-btns button { flex: 1; padding: 8px; border-radius: 7px; font-size: 0.75rem; font-weight: 700; }
.btn-solid.good { background: #4ea45a; color: #fff; }
.btn-solid.info { background: #5bc0de; color: #111; }
.kds-screen { border: 1px solid rgba(246,241,231,0.12); border-radius: 12px; background: rgba(255,255,255,0.025); padding: 18px; display: flex; flex-direction: column; gap: 14px; }
.kds-head { display: flex; justify-content: space-between; align-items: center; }
.kds-head b { font-size: 1rem; color: var(--ivory); }
.kds-ticket-list { display: flex; flex-direction: column; gap: 10px; max-height: 380px; overflow-y: auto; }
.kds-ticket { border: 1px solid rgba(246,241,231,0.1); border-radius: 9px; padding: 12px; background: rgba(255,255,255,0.03); display: flex; flex-direction: column; gap: 8px; }
.kds-ticket.warn { border-color: rgba(212,162,78,0.5); background: rgba(212,162,78,0.05); }
.kds-ticket.good { border-color: rgba(78,164,90,0.5); background: rgba(78,164,90,0.05); }
.kds-ticket.info { border-color: rgba(91,192,222,0.5); background: rgba(91,192,222,0.05); }
.ticket-header { display: flex; justify-content: space-between; font-size: 0.82rem; }
.cook-timer { font-family: monospace; font-size: 0.76rem; color: var(--gold); }
.ticket-items { list-style: none; font-size: 0.78rem; color: var(--ivory-dim); display: flex; flex-direction: column; gap: 2px; }
.ticket-actions { display: flex; justify-content: space-between; align-items: center; padding-top: 6px; border-top: 1px solid rgba(246,241,231,0.06); }
.ticket-status { font-size: 0.66rem; font-weight: 800; letter-spacing: 0.06em; color: var(--muted); }

/* ══ Digital Twin Sandbox (Level 9) ═════════════════════════════════════ */
.twin-sandbox { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; margin-top: 10px; }
.twin-controls { border: 1px solid rgba(246,241,231,0.1); border-radius: 12px; background: rgba(255,255,255,0.025); padding: 20px; display: flex; flex-direction: column; gap: 16px; }
.slider-box label { display: block; font-size: 0.8rem; color: var(--ivory); margin-bottom: 6px; }
.slider-box input[type="range"] { width: 100%; accent-color: var(--orange); }
.slider-box small { display: block; font-size: 0.7rem; color: var(--muted); margin-top: 4px; }
.twin-results { border: 1px solid rgba(212,162,78,0.3); border-radius: 12px; background: rgba(212,162,78,0.03); padding: 20px; display: flex; flex-direction: column; gap: 16px; justify-content: space-between; }
.twin-kpis { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.twin-kpi { padding: 14px; border-radius: 8px; background: rgba(255,255,255,0.03); border: 1px solid rgba(246,241,231,0.08); }
.twin-kpi span { font-size: 0.72rem; color: var(--muted); display: block; }
.twin-kpi b { font-size: 1.3rem; font-family: var(--font-head); color: var(--ivory); margin-top: 4px; display: block; }
.twin-kpi.good b { color: #75c27c; }
.twin-kpi.warn b { color: var(--gold); }
.twin-verdict { padding: 12px; border-radius: 8px; background: rgba(0,0,0,0.25); font-size: 0.78rem; border-left: 3px solid var(--gold); color: var(--ivory-dim); }

/* ══ Customer Growth, MRR & AI Capabilities ═════════════════════════════ */
.membership-showcase { display: grid; grid-template-columns: 1.15fr 1fr; gap: 18px; margin-top: 10px; }
.membership-hero-card { border: 1px solid rgba(212,162,78,0.4); border-radius: 14px; background: linear-gradient(135deg, rgba(30,22,24,0.9), rgba(20,15,17,0.9)); padding: 26px; display: flex; flex-direction: column; gap: 14px; }
.badge-gold { align-self: flex-start; padding: 3px 10px; border-radius: 999px; background: var(--gold); color: #241a08; font-size: 0.68rem; font-weight: 800; text-transform: uppercase; }
.membership-hero-card h3 { font-size: 1.6rem; color: var(--gold); }
.perks-list { list-style: none; display: flex; flex-direction: column; gap: 8px; font-size: 0.8rem; color: var(--ivory-dim); }
.mrr-metric { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; padding-top: 14px; border-top: 1px solid rgba(246,241,231,0.08); }
.mrr-metric span { font-size: 0.68rem; color: var(--muted); display: block; }
.mrr-metric b { font-size: 1rem; color: var(--ivory); display: block; margin-top: 4px; }
.growth-cards { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.growth-item { padding: 12px; border-radius: 8px; background: rgba(255,255,255,0.03); border: 1px solid rgba(246,241,231,0.08); }
.growth-item b { font-size: 0.8rem; color: var(--ivory); display: block; margin-bottom: 4px; }
.growth-item p { font-size: 0.72rem; color: var(--muted); line-height: 1.45; }
.ai-capabilities-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; margin-top: 10px; }
.ai-card { border: 1px solid rgba(246,241,231,0.09); border-radius: 10px; background: rgba(255,255,255,0.025); padding: 14px; display: flex; flex-direction: column; gap: 6px; }
.ai-card b { font-size: 0.82rem; color: var(--ivory); }
.ai-card p { font-size: 0.72rem; color: var(--muted); line-height: 1.45; flex: 1; }

/* ══ Warehouse, P&L, Copilot & Expansion ════════════════════════════════ */
.warehouse-flow { display: flex; align-items: center; justify-content: space-between; gap: 18px; border: 1px solid rgba(246,241,231,0.1); border-radius: 14px; padding: 24px; background: #0e0b0c; }
.source-column { display: flex; flex-direction: column; gap: 8px; }
.wh-node { padding: 8px 12px; border-radius: 6px; font-size: 0.74rem; background: rgba(255,255,255,0.04); border: 1px solid rgba(246,241,231,0.08); color: var(--ivory-dim); }
.sync-pipe { text-align: center; color: var(--gold); font-size: 0.82rem; }
.central-lake { flex: 1; border: 1px solid rgba(212,162,78,0.3); border-radius: 12px; padding: 22px; background: rgba(212,162,78,0.03); }
.lake-badge { font-size: 0.65rem; font-weight: 800; letter-spacing: 0.1em; color: var(--gold); margin-bottom: 6px; }
.central-lake h3 { font-size: 1.4rem; margin-bottom: 6px; }
.central-lake p { font-size: 0.8rem; color: var(--muted); margin-bottom: 14px; }
.lake-stats { display: flex; gap: 20px; border-top: 1px solid rgba(246,241,231,0.08); padding-top: 10px; }
.lake-stats span { font-size: 0.68rem; color: var(--muted); display: block; }
.lake-stats b { font-size: 0.95rem; color: var(--ivory); }
.pnl-table { display: flex; flex-direction: column; gap: 8px; font-size: 0.84rem; }
.pnl-row { display: flex; justify-content: space-between; padding: 8px 12px; border-radius: 6px; }
.pnl-row.bold { font-weight: 700; background: rgba(255,255,255,0.03); color: var(--ivory); }
.pnl-row.indent { padding-left: 28px; color: var(--muted); }
.pnl-row.total { border-top: 2px solid var(--gold); margin-top: 8px; font-size: 1rem; background: rgba(212,162,78,0.08); }
.pnl-row .neg { color: #f1717f; }
.campaign-grid, .site-grid, .thesis-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }
.campaign-card, .site-card, .thesis-card { border: 1px solid rgba(246,241,231,0.09); border-radius: 10px; background: rgba(255,255,255,0.025); padding: 16px; display: flex; flex-direction: column; gap: 8px; }
.site-card.recommended { border-color: rgba(78,164,90,0.5); background: rgba(78,164,90,0.04); }
.site-stats { display: flex; justify-content: space-between; font-size: 0.72rem; color: var(--muted); padding-top: 8px; border-top: 1px solid rgba(246,241,231,0.06); }
.site-stats b { color: var(--ivory); }
.leaderboard { display: flex; flex-direction: column; gap: 8px; }
.lb-row { display: flex; justify-content: space-between; align-items: center; padding: 12px 14px; border-radius: 8px; background: rgba(255,255,255,0.03); border: 1px solid rgba(246,241,231,0.08); font-size: 0.82rem; }
.lb-row.gold { border-color: rgba(212,162,78,0.4); background: rgba(212,162,78,0.05); }
.copilot-inquiry-buttons { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 16px; }
.inquiry-btn { padding: 9px 14px; border-radius: 8px; font-size: 0.76rem; font-weight: 600; background: rgba(255,255,255,0.04); border: 1px solid rgba(246,241,231,0.12); color: var(--gold-soft); transition: 0.2s; }
.inquiry-btn:hover { background: rgba(224,38,63,0.15); border-color: var(--orange); color: #fff; }
.copilot-chat-box { border: 1px solid rgba(246,241,231,0.09); border-radius: 10px; background: rgba(0,0,0,0.25); padding: 16px; min-height: 120px; }
.copilot-ai-msg b { font-size: 0.8rem; color: var(--gold); display: block; margin-bottom: 6px; }
.copilot-ai-msg p { font-size: 0.8rem; color: var(--ivory-dim); line-height: 1.6; white-space: pre-line; }
.db-cards-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; }
.db-card { border: 1px solid rgba(246,241,231,0.09); border-radius: 10px; background: rgba(255,255,255,0.025); padding: 14px; display: flex; flex-direction: column; gap: 8px; }
.db-head { display: flex; justify-content: space-between; align-items: center; }
.db-head b { font-size: 0.88rem; color: var(--ivory); }
.db-metrics { display: flex; flex-direction: column; gap: 2px; font-size: 0.72rem; color: var(--muted); }
.db-metrics b { color: var(--ivory-dim); }
.db-card p { font-size: 0.72rem; color: var(--muted); line-height: 1.4; flex: 1; }
.compliance-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }
.comp-box { border: 1px solid rgba(246,241,231,0.08); border-radius: 8px; padding: 14px; background: rgba(255,255,255,0.03); display: flex; flex-direction: column; gap: 6px; }
.comp-box b { font-size: 0.82rem; color: var(--ivory); display: flex; justify-content: space-between; align-items: center; }
.comp-box p { font-size: 0.72rem; color: var(--muted); line-height: 1.45; }
.gold-text { color: var(--gold); font-family: var(--font-head); font-size: 1.05rem; }

/* ══ Responsive Adjustments for Super Admin ═════════════════════════════ */
@media (max-width: 1200px) {
  .metric-grid-11 { grid-template-columns: repeat(4, 1fr); }
  .metric-grid-6, .metric-grid-5 { grid-template-columns: repeat(3, 1fr); }
  .ai-capabilities-grid, .db-cards-grid { grid-template-columns: repeat(2, 1fr); }
  .club-perks-grid { grid-template-columns: repeat(2, 1fr); }