/* Hamrah Group 11 — Administration Center and mobile profile continuity */
body {
  --g11-accent: var(--primary, #0d9d7a);
  --g11-accent-2: var(--primary-2, #38bdf8);
  --g11-surface: var(--surface, #fff);
  --g11-raised: var(--surface-2, #f7fafc);
  --g11-line: color-mix(in srgb, var(--text, #14233a) 11%, transparent);
  --g11-muted: var(--muted, #718096);
  --g11-danger: #e74c5b;
  --g11-warning: #f59e0b;
  --g11-radius: 24px;
  --g11-shadow: 0 20px 60px rgba(3, 24, 45, .12);
}
body.dark { --g11-line: rgba(255,255,255,.11); --g11-shadow: 0 22px 70px rgba(0,0,0,.3); }
body.amoled { --g11-surface:#050505; --g11-raised:#0b0b0b; --g11-line:rgba(255,255,255,.12); }

.admin-view.g11-admin-center { padding: 0 14px calc(34px + env(safe-area-inset-bottom)); overflow-x: hidden; }
.g11-shell { inline-size:min(100%,1280px); margin-inline:auto; display:grid; grid-template-columns:220px minmax(0,1fr); gap:16px; min-block-size:calc(100dvh - 130px); }
.g11-sidebar { position:sticky; inset-block-start:12px; align-self:start; display:grid; gap:10px; padding:14px; border:1px solid var(--g11-line); border-radius:26px; background:color-mix(in srgb,var(--g11-surface) 92%,transparent); box-shadow:var(--g11-shadow); backdrop-filter:blur(18px); }
.g11-brand { padding:14px; border-radius:20px; background:linear-gradient(145deg,color-mix(in srgb,var(--g11-accent) 88%,#073944),color-mix(in srgb,var(--g11-accent-2) 68%,#11283e)); color:#fff; }
.g11-brand span { display:inline-flex; align-items:center; gap:6px; font-size:.62rem; opacity:.82; }
.g11-brand h2 { margin:8px 0 2px; font-size:1.18rem; }
.g11-brand p { margin:0; font-size:.65rem; line-height:1.75; opacity:.78; }
.g11-nav { display:grid; gap:4px; }
.g11-nav button { display:flex; align-items:center; gap:9px; min-block-size:44px; padding:9px 11px; border:1px solid transparent; border-radius:14px; background:transparent; color:var(--text); text-align:start; font-weight:750; transition:.18s ease; }
.g11-nav button svg { inline-size:18px; block-size:18px; color:var(--g11-muted); }
.g11-nav button:hover { background:var(--g11-raised); transform:translateY(-1px); }
.g11-nav button.active { border-color:color-mix(in srgb,var(--g11-accent) 35%,transparent); background:color-mix(in srgb,var(--g11-accent) 13%,var(--g11-surface)); color:var(--g11-accent); box-shadow:0 10px 24px color-mix(in srgb,var(--g11-accent) 13%,transparent); }
.g11-nav button.active svg { color:inherit; }
.g11-content { min-inline-size:0; }
.g11-topbar { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-block:12px; padding:16px 18px; border:1px solid var(--g11-line); border-radius:24px; background:var(--g11-surface); box-shadow:var(--g11-shadow); }
.g11-topbar h2 { margin:0; font-size:1.12rem; }
.g11-topbar p { margin:3px 0 0; color:var(--g11-muted); font-size:.66rem; line-height:1.75; }
.g11-actor-chip { display:flex; align-items:center; gap:8px; padding:7px 10px; border:1px solid var(--g11-line); border-radius:999px; background:var(--g11-raised); font-size:.64rem; font-weight:800; }
.g11-panel { display:none; animation:g11PanelIn .22s ease both; }
.g11-panel.active { display:block; }
.g11-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; }
.g11-stat { min-inline-size:0; padding:16px; border:1px solid var(--g11-line); border-radius:20px; background:var(--g11-surface); box-shadow:0 12px 34px rgba(5,31,53,.07); }
.g11-stat span { display:grid; place-items:center; inline-size:39px; block-size:39px; margin-block-end:12px; border-radius:13px; background:color-mix(in srgb,var(--g11-accent) 12%,var(--g11-raised)); color:var(--g11-accent); }
.g11-stat b { display:block; font-size:1.42rem; }
.g11-stat small { color:var(--g11-muted); font-size:.62rem; }
.g11-section { margin-block-start:14px; padding:16px; border:1px solid var(--g11-line); border-radius:24px; background:var(--g11-surface); box-shadow:0 12px 36px rgba(5,31,53,.07); }
.g11-section-head { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; margin-block-end:14px; }
.g11-section-head h3 { margin:0; font-size:.98rem; }
.g11-section-head p { margin:3px 0 0; color:var(--g11-muted); font-size:.64rem; line-height:1.75; }
.g11-button { display:inline-flex; align-items:center; justify-content:center; gap:7px; min-block-size:40px; padding:8px 13px; border:1px solid var(--g11-line); border-radius:13px; background:var(--g11-raised); color:var(--text); font-weight:800; transition:.16s ease; }
.g11-button:hover { transform:translateY(-1px); border-color:color-mix(in srgb,var(--g11-accent) 40%,var(--g11-line)); }
.g11-button.primary { border-color:transparent; background:linear-gradient(135deg,var(--g11-accent),var(--g11-accent-2)); color:#fff; box-shadow:0 12px 26px color-mix(in srgb,var(--g11-accent) 24%,transparent); }
.g11-button.danger { color:var(--g11-danger); background:color-mix(in srgb,var(--g11-danger) 8%,var(--g11-surface)); }
.g11-button[disabled] { opacity:.45; pointer-events:none; }
.g11-list { display:grid; gap:9px; }
.g11-card { display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; gap:11px; min-inline-size:0; padding:12px; border:1px solid var(--g11-line); border-radius:18px; background:var(--g11-raised); }
.g11-card-main { min-inline-size:0; }
.g11-card-main b { display:flex; align-items:center; flex-wrap:wrap; gap:6px; line-height:1.65; }
.g11-card-main small { display:block; margin-block-start:2px; color:var(--g11-muted); line-height:1.7; overflow-wrap:anywhere; }
.g11-avatar { display:grid; place-items:center; inline-size:44px; block-size:44px; border-radius:15px; background:linear-gradient(135deg,var(--g11-accent),var(--g11-accent-2)); color:#fff; font-weight:900; background-size:cover; background-position:center; }
.g11-badge { display:inline-flex; align-items:center; min-block-size:24px; padding:3px 8px; border-radius:999px; background:var(--g11-accent); color:#fff; font-size:.56rem; font-weight:850; }
.g11-status { display:inline-flex; align-items:center; gap:5px; padding:4px 8px; border-radius:999px; background:color-mix(in srgb,#19a974 11%,var(--g11-surface)); color:#159468; font-size:.55rem; font-weight:850; }
.g11-status.suspended,.g11-status.revoked { background:color-mix(in srgb,var(--g11-danger) 10%,var(--g11-surface)); color:var(--g11-danger); }
.g11-actions { display:flex; align-items:center; gap:5px; }
.g11-actions button { inline-size:38px; block-size:38px; display:grid; place-items:center; border:1px solid var(--g11-line); border-radius:12px; background:var(--g11-surface); color:var(--text); }
.g11-warning-list { display:grid; gap:8px; }
.g11-warning { display:flex; align-items:center; gap:10px; padding:12px; border:1px solid color-mix(in srgb,var(--g11-warning) 32%,var(--g11-line)); border-radius:16px; background:color-mix(in srgb,var(--g11-warning) 8%,var(--g11-surface)); }
.g11-warning.critical { border-color:color-mix(in srgb,var(--g11-danger) 40%,var(--g11-line)); background:color-mix(in srgb,var(--g11-danger) 8%,var(--g11-surface)); }
.g11-empty { padding:28px 14px; text-align:center; color:var(--g11-muted); line-height:1.8; }
.g11-tags { display:flex; flex-wrap:wrap; gap:7px; }
.g11-tag-preview { display:inline-flex; align-items:center; gap:6px; padding:6px 9px; border-radius:999px; font-size:.6rem; font-weight:850; }
.g11-permissions { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:7px; margin-block-start:10px; }
.g11-permission { padding:8px 10px; border:1px solid var(--g11-line); border-radius:12px; background:var(--g11-raised); font-size:.57rem; direction:ltr; text-align:left; }
.g11-field { display:grid; gap:6px; }
.g11-field > span { font-size:.62rem; font-weight:850; }
.g11-field input,.g11-field select,.g11-field textarea { inline-size:100%; min-block-size:44px; padding:9px 11px; border:1px solid var(--g11-line); border-radius:13px; background:var(--g11-raised); color:var(--text); font:inherit; }
.g11-form-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.g11-modal-layer { position:fixed; inset:0; z-index:2600; display:grid; place-items:center; padding:16px; background:rgba(1,9,17,.68); backdrop-filter:blur(12px); }
.g11-modal-layer.hidden { display:none; }
.g11-modal { inline-size:min(100%,640px); max-block-size:min(88dvh,780px); overflow:auto; padding:18px; border:1px solid var(--g11-line); border-radius:26px; background:var(--g11-surface); box-shadow:0 30px 100px rgba(0,0,0,.36); animation:g11ModalIn .2s ease both; }
.g11-modal-head { display:flex; justify-content:space-between; gap:10px; margin-block-end:14px; }
.g11-modal-head h3 { margin:0; }
.g11-modal-close { inline-size:38px; block-size:38px; border:1px solid var(--g11-line); border-radius:12px; background:var(--g11-raised); color:var(--text); }
.g11-modal-actions { display:flex; justify-content:flex-end; flex-wrap:wrap; gap:8px; margin-block-start:16px; }
.g11-secret { margin-block:12px; padding:14px; border:1px dashed color-mix(in srgb,var(--g11-accent) 50%,var(--g11-line)); border-radius:16px; background:color-mix(in srgb,var(--g11-accent) 7%,var(--g11-raised)); direction:ltr; text-align:center; overflow-wrap:anywhere; font-family:ui-monospace,monospace; }
.g11-loading { padding:50px 12px; text-align:center; color:var(--g11-muted); }

/* Mobile profile cohesion: one continuous page instead of detached islands. */
@media (max-width:767px) {
  .profile-view { padding:0 0 calc(26px + env(safe-area-inset-bottom)) !important; background:var(--pc-surface); }
  .profile-view > * { inline-size:100%; }
  .profile-hero-v473 { margin:0; min-block-size:300px; padding:calc(34px + env(safe-area-inset-top)) 16px 42px; border-inline:0; border-block-start:0; border-radius:0 0 34px 34px; box-shadow:none; }
  .profile-overview-card { position:relative; z-index:2; margin:-24px 10px 0; padding-block-start:30px; border-radius:28px 28px 22px 22px; box-shadow:0 -8px 34px rgba(0,0,0,.12); }
  #profileEditCard { margin:8px 10px 0; border-radius:22px; }
  .profile-account-actions { overflow:hidden; border:1px solid var(--pc-line); border-radius:18px; background:var(--pc-raised); }
  .profile-account-actions .plain-row { margin:0 !important; border:0 !important; border-radius:0 !important; background:transparent !important; }
  .profile-account-actions .plain-row + .plain-row { border-block-start:1px solid var(--pc-line) !important; }
  .profile-privacy-row { margin-block:10px 0 !important; border-radius:18px !important; }
}

@media (max-width:980px) {
  .g11-shell { grid-template-columns:1fr; }
  .g11-sidebar { position:static; padding:10px; }
  .g11-brand { display:none; }
  .g11-nav { grid-auto-flow:column; grid-auto-columns:minmax(112px,1fr); overflow-x:auto; scrollbar-width:none; }
  .g11-nav button { justify-content:center; white-space:nowrap; }
  .g11-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:600px) {
  .admin-view.g11-admin-center { padding-inline:8px; }
  .g11-sidebar { margin-block-start:6px; border-radius:18px; }
  .g11-nav { grid-auto-columns:minmax(96px,1fr); }
  .g11-nav button { min-block-size:42px; padding-inline:9px; font-size:.58rem; }
  .g11-nav button svg { inline-size:16px; block-size:16px; }
  .g11-topbar { margin-block:8px; padding:13px; border-radius:18px; }
  .g11-actor-chip { display:none; }
  .g11-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
  .g11-stat { padding:12px; border-radius:17px; }
  .g11-section { padding:12px; border-radius:20px; }
  .g11-section-head { align-items:center; }
  .g11-card { grid-template-columns:auto minmax(0,1fr); }
  .g11-actions { grid-column:1 / -1; inline-size:100%; justify-content:flex-end; }
  .g11-form-grid,.g11-permissions { grid-template-columns:1fr; }
  .g11-modal-layer { align-items:end; padding:0; }
  .g11-modal { inline-size:100%; max-block-size:90dvh; padding:17px 13px calc(17px + env(safe-area-inset-bottom)); border-inline:0; border-block-end:0; border-radius:26px 26px 0 0; }
}
@keyframes g11PanelIn { from { opacity:.55; transform:translateY(8px); } to { opacity:1; transform:none; } }
@keyframes g11ModalIn { from { opacity:.55; transform:translateY(12px) scale(.985); } to { opacity:1; transform:none; } }
@media (prefers-reduced-motion:reduce) { .g11-panel,.g11-modal,.g11-nav button,.g11-button { animation:none!important; transition:none!important; } }
/* =========================
   SA2 Super Admin 2.0
   Event-driven motion only.
   No perpetual RAF / observer loop.
   ========================= */
.g11x-admin-center{
  --g11x-bg:color-mix(in srgb,var(--bg,#0b1220) 94%,transparent);
  --g11x-panel:color-mix(in srgb,var(--panel,#111827) 88%,transparent);
  --g11x-panel-2:color-mix(in srgb,var(--panel,#111827) 72%,var(--accent,#43a6ff) 4%);
  --g11x-line:color-mix(in srgb,var(--text,#e5eef8) 13%,transparent);
  --g11x-muted:color-mix(in srgb,var(--text,#e5eef8) 58%,transparent);
  --g11x-soft:color-mix(in srgb,var(--text,#e5eef8) 7%,transparent);
  --g11x-accent:var(--accent,#43a6ff);
  --g11x-danger:#ef4444;
  --g11x-warn:#f59e0b;
  --g11x-good:#22c55e;
  --g11x-violet:#8b5cf6;
  --g11x-shadow:0 18px 56px rgba(0,0,0,.18);
  min-height:100%;
  background:
    radial-gradient(circle at 82% 2%,color-mix(in srgb,var(--g11x-accent) 13%,transparent),transparent 28%),
    radial-gradient(circle at 8% 90%,color-mix(in srgb,var(--g11x-violet) 9%,transparent),transparent 30%),
    var(--g11x-bg);
}
.g11x-admin-center *{box-sizing:border-box}
.g11x-admin-center button,.g11x-admin-center input,.g11x-admin-center select,.g11x-admin-center textarea{font:inherit}
.g11x-admin-center button{color:inherit}
.g11x-admin-center svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8}
.g11x-shell{display:grid;grid-template-columns:286px minmax(0,1fr);min-height:100%;direction:rtl}
.g11x-sidebar{
  position:sticky;top:0;height:100dvh;overflow:hidden auto;padding:18px 14px;
  border-left:1px solid var(--g11x-line);
  background:linear-gradient(180deg,color-mix(in srgb,var(--g11x-panel) 96%,transparent),color-mix(in srgb,var(--g11x-panel) 82%,transparent));
  backdrop-filter:blur(18px) saturate(1.08);
}
.g11x-brand{display:flex;gap:12px;padding:10px 8px 18px;align-items:flex-start}
.g11x-brand-mark{
  width:44px;height:44px;border-radius:15px;display:grid;place-items:center;flex:0 0 auto;
  background:linear-gradient(135deg,color-mix(in srgb,var(--g11x-accent) 82%,#fff 12%),color-mix(in srgb,var(--g11x-violet) 72%,#111));
  box-shadow:0 10px 24px color-mix(in srgb,var(--g11x-accent) 24%,transparent);color:#fff
}
.g11x-brand-mark svg{width:24px;height:24px}
.g11x-brand span{display:block;font-size:10px;letter-spacing:.16em;color:var(--g11x-muted);font-weight:800}
.g11x-brand h2{margin:3px 0 5px;font-size:19px;line-height:1.2}
.g11x-brand p{margin:0;color:var(--g11x-muted);font-size:11px;line-height:1.65}
.g11x-nav{display:grid;gap:5px;padding-bottom:80px}
.g11x-nav button{
  position:relative;display:grid;grid-template-columns:38px minmax(0,1fr) 4px;gap:9px;align-items:center;
  width:100%;min-height:58px;padding:8px 9px;border:0;border-radius:16px;background:transparent;text-align:right;cursor:pointer;
  transition:transform .16s ease,background .16s ease,color .16s ease;
}
.g11x-nav button:hover{background:var(--g11x-soft);transform:translateX(-2px)}
.g11x-nav button:active{transform:scale(.985)}
.g11x-nav button.active{background:color-mix(in srgb,var(--g11x-accent) 14%,var(--g11x-panel));color:var(--text,#fff)}
.g11x-nav button[hidden]{display:none}
.g11x-nav-icon{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;background:var(--g11x-soft);color:var(--g11x-muted);transition:background .16s ease,color .16s ease,transform .16s ease}
.g11x-nav button.active .g11x-nav-icon{background:color-mix(in srgb,var(--g11x-accent) 22%,transparent);color:var(--g11x-accent);transform:scale(1.03)}
.g11x-nav b{display:block;font-size:13px;line-height:1.2}
.g11x-nav small{display:block;margin-top:3px;color:var(--g11x-muted);font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.g11x-nav i{width:3px;height:18px;border-radius:99px;background:transparent;transition:background .16s ease,height .16s ease}
.g11x-nav button.active i{background:var(--g11x-accent);height:28px}
.g11x-sidebar-foot{position:sticky;bottom:0;padding:12px 0 0;background:linear-gradient(180deg,transparent,var(--g11x-panel) 24%)}
.g11x-sidebar-foot button{
  width:100%;border:1px solid var(--g11x-line);background:var(--g11x-panel-2);border-radius:15px;padding:10px 12px;display:flex;gap:9px;align-items:center;cursor:pointer
}
.g11x-sidebar-foot span{flex:1;text-align:right;font-size:12px;font-weight:700}
.g11x-sidebar-foot kbd,.g11x-search-trigger kbd{font-size:9px;border:1px solid var(--g11x-line);background:var(--g11x-soft);border-radius:6px;padding:2px 5px;color:var(--g11x-muted)}
.g11x-workspace{min-width:0;padding:0 22px 40px}
.g11x-topbar{
  position:sticky;top:0;z-index:20;min-height:88px;display:flex;align-items:center;justify-content:space-between;gap:18px;
  background:linear-gradient(180deg,var(--g11x-bg) 58%,color-mix(in srgb,var(--g11x-bg) 82%,transparent));
  backdrop-filter:blur(16px) saturate(1.08);border-bottom:1px solid color-mix(in srgb,var(--g11x-line) 70%,transparent)
}
.g11x-page-meta{display:flex;gap:12px;align-items:center}
.g11x-page-meta>span{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:color-mix(in srgb,var(--g11x-accent) 12%,transparent);color:var(--g11x-accent)}
.g11x-page-meta h2{margin:0;font-size:21px}
.g11x-page-meta p{margin:3px 0 0;color:var(--g11x-muted);font-size:12px}
.g11x-top-actions{display:flex;gap:10px;align-items:center}
.g11x-search-trigger{min-width:240px;border:1px solid var(--g11x-line);background:var(--g11x-panel);border-radius:14px;min-height:42px;padding:0 12px;display:flex;align-items:center;gap:8px;cursor:pointer;color:var(--g11x-muted)}
.g11x-search-trigger span{flex:1;text-align:right;font-size:11px}
.g11x-actor-chip{min-height:42px;border:1px solid var(--g11x-line);background:var(--g11x-panel);border-radius:14px;padding:6px 9px;display:flex;align-items:center;gap:8px}
.g11x-actor-chip>span:first-child{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;background:var(--g11x-soft);color:var(--g11x-accent)}
.g11x-actor-chip b{font-size:11px;display:block}
.g11x-actor-chip small{display:block;font-size:9px;color:var(--g11x-muted)}
.g11x-mobile-head{display:none}
.g11x-content{max-width:1440px;margin:0 auto;padding-top:18px;opacity:0;transform:translateY(4px)}
.g11x-content.content-in{opacity:1;transform:none;transition:opacity .18s ease,transform .18s ease}
.g11x-loading{min-height:280px;display:grid;place-items:center;align-content:center;gap:10px;color:var(--g11x-muted)}
.g11x-loading.hidden{display:none}
.g11x-loading span{width:34px;height:34px;border-radius:50%;border:3px solid var(--g11x-line);border-top-color:var(--g11x-accent);animation:g11xSpin .72s linear infinite}
@keyframes g11xSpin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.g11x-loading span{animation:none}.g11x-admin-center *,.g11x-modal-layer *,.g11x-drawer-layer *{transition:none!important;animation:none!important;scroll-behavior:auto!important}}

.g11x-section{margin:0 0 16px;border:1px solid var(--g11x-line);background:linear-gradient(180deg,color-mix(in srgb,var(--g11x-panel) 97%,transparent),color-mix(in srgb,var(--g11x-panel-2) 88%,transparent));border-radius:22px;padding:16px;box-shadow:0 8px 28px rgba(0,0,0,.05)}
.g11x-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
.g11x-section-head h3{margin:0;font-size:15px}
.g11x-section-head p{margin:4px 0 0;font-size:11px;color:var(--g11x-muted);line-height:1.6}
.g11x-section-actions{display:flex;gap:7px;align-items:center;flex-wrap:wrap}
.g11x-metrics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:16px}
.g11x-metric{position:relative;display:flex;gap:11px;align-items:center;min-height:94px;padding:14px;border:1px solid var(--g11x-line);background:var(--g11x-panel);border-radius:20px;overflow:hidden}
.g11x-metric::after{content:"";position:absolute;inset:auto -20px -30px auto;width:76px;height:76px;border-radius:50%;background:color-mix(in srgb,var(--g11x-accent) 8%,transparent)}
.g11x-metric>span{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;background:var(--g11x-soft);color:var(--g11x-accent)}
.g11x-metric b{display:block;font-size:21px;line-height:1}
.g11x-metric small{display:block;margin-top:5px;font-size:10px;color:var(--g11x-muted)}
.g11x-metric em{display:block;margin-top:3px;font-size:9px;color:var(--g11x-muted);font-style:normal}
.g11x-metric.good>span{color:var(--g11x-good);background:color-mix(in srgb,var(--g11x-good) 12%,transparent)}
.g11x-metric.warn>span{color:var(--g11x-warn);background:color-mix(in srgb,var(--g11x-warn) 12%,transparent)}
.g11x-metric.danger>span{color:var(--g11x-danger);background:color-mix(in srgb,var(--g11x-danger) 12%,transparent)}
.g11x-command-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
.g11x-command-card{border:1px solid var(--g11x-line);background:var(--g11x-soft);border-radius:17px;padding:13px;text-align:right;cursor:pointer;transition:transform .16s ease,background .16s ease,border-color .16s ease}
.g11x-command-card:hover{transform:translateY(-2px);background:color-mix(in srgb,var(--g11x-accent) 8%,var(--g11x-soft));border-color:color-mix(in srgb,var(--g11x-accent) 35%,var(--g11x-line))}
.g11x-command-card svg{color:var(--g11x-accent)}
.g11x-command-card b{display:block;margin-top:9px;font-size:12px}
.g11x-command-card small{display:block;margin-top:3px;color:var(--g11x-muted);font-size:9px;line-height:1.5}
.g11x-alert-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.g11x-alert{border:1px solid var(--g11x-line);background:var(--g11x-soft);border-radius:16px;padding:11px 12px;display:flex;gap:9px;align-items:center;cursor:pointer;text-align:right}
.g11x-alert>span{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:color-mix(in srgb,var(--g11x-warn) 11%,transparent);color:var(--g11x-warn)}
.g11x-alert.critical>span{background:color-mix(in srgb,var(--g11x-danger) 11%,transparent);color:var(--g11x-danger)}
.g11x-alert>div{flex:1}.g11x-alert b{display:block;font-size:11px}.g11x-alert small{display:block;font-size:9px;color:var(--g11x-muted);margin-top:2px}.g11x-alert>svg{width:16px;height:16px;transform:rotate(180deg);color:var(--g11x-muted)}
.g11x-health-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}
.g11x-health-grid.large{grid-template-columns:repeat(4,minmax(0,1fr))}
.g11x-health-grid>div{border:1px solid var(--g11x-line);background:var(--g11x-soft);border-radius:14px;padding:11px}
.g11x-health-grid span{display:block;font-size:9px;color:var(--g11x-muted)}.g11x-health-grid b{display:block;margin-top:4px;font-size:12px;overflow-wrap:anywhere}

.g11x-toolbar{display:flex;gap:10px;align-items:center;justify-content:space-between;margin-bottom:12px;flex-wrap:wrap}
.g11x-search{display:flex;align-items:center;gap:8px;flex:1;min-width:240px;max-width:520px;border:1px solid var(--g11x-line);background:var(--g11x-soft);border-radius:14px;padding:0 11px;height:43px}
.g11x-search svg{color:var(--g11x-muted);width:18px;height:18px}.g11x-search input{border:0!important;background:transparent!important;outline:0!important;box-shadow:none!important;color:inherit;width:100%;height:100%;padding:0!important}
.g11x-segment{display:flex;gap:3px;border:1px solid var(--g11x-line);background:var(--g11x-soft);border-radius:13px;padding:3px}
.g11x-segment button{border:0;background:transparent;padding:7px 10px;border-radius:9px;cursor:pointer;font-size:10px;color:var(--g11x-muted);transition:background .15s ease,color .15s ease,transform .15s ease}
.g11x-segment button.active{background:var(--g11x-panel);color:var(--text,#fff);box-shadow:0 4px 12px rgba(0,0,0,.08)}
.g11x-segment button:active{transform:scale(.96)}

.g11x-people-list,.g11x-team-list{display:grid;gap:7px}
.g11x-person,.g11x-admin-row{
  display:grid;grid-template-columns:44px minmax(0,1fr) auto 20px;gap:10px;align-items:center;width:100%;border:1px solid var(--g11x-line);background:var(--g11x-soft);border-radius:17px;padding:9px 11px;text-align:right;cursor:pointer;
  transition:transform .16s ease,background .16s ease,border-color .16s ease
}
.g11x-person:hover,.g11x-admin-row:hover{transform:translateX(-2px);background:color-mix(in srgb,var(--g11x-accent) 6%,var(--g11x-soft));border-color:color-mix(in srgb,var(--g11x-accent) 25%,var(--g11x-line))}
.g11x-avatar{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,color-mix(in srgb,var(--g11x-accent) 22%,var(--g11x-panel)),color-mix(in srgb,var(--g11x-violet) 14%,var(--g11x-panel)));font-weight:800;overflow:hidden}
.g11x-avatar img{width:100%;height:100%;object-fit:cover}.g11x-avatar.xl{width:64px;height:64px;border-radius:20px;font-size:19px}.g11x-avatar.sm{width:34px;height:34px;border-radius:11px}
.g11x-person-main b,.g11x-admin-row b{display:flex;gap:7px;align-items:center;flex-wrap:wrap;font-size:12px}.g11x-person-main small,.g11x-admin-row small{display:block;margin-top:3px;font-size:9px;color:var(--g11x-muted)}
.g11x-person-meta{text-align:left;display:grid;justify-items:end;gap:3px}.g11x-person-meta small{font-size:9px;color:var(--g11x-muted)}
.g11x-chevron svg{width:15px;height:15px;transform:rotate(180deg);color:var(--g11x-muted)}

.g11x-chip{display:inline-flex;align-items:center;justify-content:center;min-height:22px;padding:3px 7px;border-radius:999px;font-size:8px;font-weight:800;border:1px solid transparent;vertical-align:middle}
.g11x-chip.neutral{background:var(--g11x-soft);border-color:var(--g11x-line);color:var(--g11x-muted)}
.g11x-chip.good{background:color-mix(in srgb,var(--g11x-good) 11%,transparent);color:var(--g11x-good)}
.g11x-chip.warn{background:color-mix(in srgb,var(--g11x-warn) 12%,transparent);color:var(--g11x-warn)}
.g11x-chip.danger{background:color-mix(in srgb,var(--g11x-danger) 11%,transparent);color:var(--g11x-danger)}
.g11x-chip.info{background:color-mix(in srgb,var(--g11x-accent) 11%,transparent);color:var(--g11x-accent)}
.g11x-chip.violet{background:color-mix(in srgb,var(--g11x-violet) 14%,transparent);color:color-mix(in srgb,var(--g11x-violet) 78%,#fff)}
.g11x-tag{display:inline-flex;align-items:center;gap:4px;padding:3px 7px;border-radius:999px;background:var(--tag-bg);color:var(--tag-fg);font-size:8px;font-weight:900;vertical-align:middle;box-shadow:0 3px 10px color-mix(in srgb,var(--tag-bg) 18%,transparent)}
.g11x-tag svg{width:11px;height:11px}

.g11x-community-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.g11x-community-card{display:grid;grid-template-columns:46px minmax(0,1fr) 18px;gap:10px;align-items:center;border:1px solid var(--g11x-line);background:var(--g11x-soft);border-radius:18px;padding:11px;text-align:right;cursor:pointer;transition:transform .16s ease,background .16s ease}
.g11x-community-card:hover{transform:translateY(-2px);background:color-mix(in srgb,var(--g11x-accent) 7%,var(--g11x-soft))}
.g11x-community-card>span:last-child svg{width:15px;transform:rotate(180deg);color:var(--g11x-muted)}
.g11x-community-icon{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:color-mix(in srgb,var(--g11x-accent) 10%,var(--g11x-panel));font-size:20px}.g11x-community-icon.xl{width:64px;height:64px;border-radius:20px;font-size:27px}
.g11x-community-card b{font-size:12px}.g11x-community-card small{display:block;margin:3px 0 7px;font-size:9px;color:var(--g11x-muted)}

.g11x-report-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.g11x-report{border:1px solid var(--g11x-line);background:var(--g11x-soft);border-radius:18px;padding:13px}
.g11x-report>header{display:flex;align-items:center;justify-content:space-between}.g11x-report>header>div{display:flex;align-items:center;gap:7px}.g11x-report>header small{font-size:9px;color:var(--g11x-muted)}
.g11x-report-users{display:grid;grid-template-columns:1fr 20px 1fr;align-items:center;gap:6px;margin:12px 0;padding:9px;background:var(--g11x-panel);border-radius:13px}.g11x-report-users>span svg{width:14px;transform:rotate(180deg);color:var(--g11x-muted)}
.g11x-report-users small{display:block;font-size:8px;color:var(--g11x-muted)}.g11x-report-users b{display:block;font-size:10px;margin-top:2px}
.g11x-report h4{margin:0 0 5px;font-size:12px}.g11x-report p{margin:0;color:var(--g11x-muted);font-size:10px;line-height:1.7;min-height:34px}.g11x-report footer{display:flex;align-items:center;justify-content:space-between;margin-top:12px}.g11x-report footer>span{font-size:9px;color:var(--g11x-muted)}
.g11x-evidence-list{display:grid;gap:7px;margin:10px 0}.g11x-evidence-list article{border:1px solid var(--g11x-line);background:var(--g11x-soft);border-radius:13px;padding:10px}.g11x-evidence-list small{font-size:8px;color:var(--g11x-muted)}.g11x-evidence-list p{margin:4px 0 0;font-size:10px;line-height:1.6}

.g11x-role-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.g11x-role-card{border:1px solid var(--g11x-line);background:var(--g11x-soft);border-radius:18px;padding:13px}.g11x-role-card>header{display:grid;grid-template-columns:36px minmax(0,1fr) auto;gap:8px;align-items:center}.g11x-role-card>header>span:first-child{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:color-mix(in srgb,var(--g11x-accent) 10%,transparent);color:var(--g11x-accent)}
.g11x-role-card b{font-size:11px}.g11x-role-card small{display:block;font-size:8px;color:var(--g11x-muted);margin-top:2px}.g11x-role-card>p{font-size:9px;color:var(--g11x-muted);line-height:1.7;min-height:30px}
.g11x-role-perms{display:flex;gap:4px;flex-wrap:wrap;margin:9px 0}.g11x-role-perms span,.g11x-role-perms em{font-size:8px;font-style:normal;padding:4px 6px;border-radius:8px;background:var(--g11x-panel);color:var(--g11x-muted)}

.g11x-tag-studio-note,.g11x-warning-box{display:flex;gap:10px;align-items:flex-start;border:1px solid color-mix(in srgb,var(--g11x-accent) 22%,var(--g11x-line));background:color-mix(in srgb,var(--g11x-accent) 6%,var(--g11x-soft));border-radius:16px;padding:11px;margin-bottom:11px}
.g11x-tag-studio-note>svg,.g11x-warning-box>svg{color:var(--g11x-accent);flex:0 0 auto}.g11x-tag-studio-note b,.g11x-warning-box b{display:block;font-size:10px}.g11x-tag-studio-note p,.g11x-warning-box p{margin:3px 0 0;font-size:9px;color:var(--g11x-muted);line-height:1.6}
.g11x-tag-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.g11x-tag-card{display:grid;grid-template-columns:44px minmax(0,1fr);gap:10px;border:1px solid var(--g11x-line);background:var(--g11x-soft);border-radius:17px;padding:11px}.g11x-tag-orb{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:var(--tag-bg);color:var(--tag-fg)}.g11x-tag-card b{font-size:11px}.g11x-tag-card small{display:block;font-size:8px;color:var(--g11x-muted);line-height:1.5;margin:3px 0 7px}

.g11x-mode-grid,.g11x-toggle-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.g11x-toggle-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.g11x-mode-card,.g11x-toggle-card{position:relative;display:grid;grid-template-columns:38px minmax(0,1fr) 36px;gap:9px;align-items:center;border:1px solid var(--g11x-line);background:var(--g11x-soft);border-radius:17px;padding:11px;cursor:pointer;transition:background .16s ease,border-color .16s ease,transform .16s ease}
.g11x-mode-card:hover,.g11x-toggle-card:hover{transform:translateY(-1px)}.g11x-mode-card.active,.g11x-toggle-card.on{background:color-mix(in srgb,var(--g11x-accent) 7%,var(--g11x-soft));border-color:color-mix(in srgb,var(--g11x-accent) 25%,var(--g11x-line))}.g11x-mode-card.danger{background:color-mix(in srgb,var(--g11x-danger) 7%,var(--g11x-soft));border-color:color-mix(in srgb,var(--g11x-danger) 25%,var(--g11x-line))}
.g11x-mode-card>span,.g11x-toggle-card>span{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;background:var(--g11x-panel);color:var(--g11x-accent)}.g11x-mode-card b,.g11x-toggle-card b{display:block;font-size:10px}.g11x-mode-card small,.g11x-toggle-card small{display:block;font-size:8px;color:var(--g11x-muted);margin-top:2px}.g11x-mode-card input,.g11x-toggle-card input{position:absolute;opacity:0;pointer-events:none}.g11x-mode-card i,.g11x-toggle-card i{width:34px;height:20px;border-radius:999px;background:var(--g11x-line);position:relative;transition:background .16s ease}.g11x-mode-card i::after,.g11x-toggle-card i::after{content:"";position:absolute;top:3px;right:3px;width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:0 2px 6px rgba(0,0,0,.2);transition:transform .16s ease}.g11x-mode-card input:checked~i,.g11x-toggle-card input:checked~i{background:var(--g11x-accent)}.g11x-mode-card input:checked~i::after,.g11x-toggle-card input:checked~i::after{transform:translateX(-14px)}
.g11x-code-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.g11x-code-grid article{border:1px solid var(--g11x-line);background:var(--g11x-soft);border-radius:16px;padding:11px}.g11x-code-grid header{display:flex;gap:8px;align-items:center}.g11x-code-grid header>svg{color:var(--g11x-accent)}.g11x-code-grid b{font-size:10px}.g11x-code-grid small{display:block;font-size:8px;color:var(--g11x-muted)}.g11x-code-grid article>div{display:flex;gap:8px;margin:9px 0}.g11x-code-grid article>div span{font-size:8px;background:var(--g11x-panel);border-radius:8px;padding:4px 6px}

.g11x-security-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.g11x-security-grid article{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:9px;align-items:center;border:1px solid var(--g11x-line);background:var(--g11x-soft);border-radius:16px;padding:10px}.g11x-security-grid>article>span:first-child{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:var(--g11x-panel);color:var(--g11x-accent)}.g11x-security-grid b{font-size:10px}.g11x-security-grid small,.g11x-security-grid em{display:block;font-size:8px;color:var(--g11x-muted);font-style:normal;margin-top:2px}
.g11x-mini-list{display:grid;gap:6px}.g11x-mini-list>div{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:9px;align-items:center;border:1px solid var(--g11x-line);background:var(--g11x-soft);border-radius:14px;padding:8px 10px}.g11x-mini-list>div>span:first-child:not(.g11x-avatar){width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:var(--g11x-panel);color:var(--g11x-accent)}.g11x-mini-list b{font-size:10px}.g11x-mini-list small{display:block;font-size:8px;color:var(--g11x-muted);margin-top:2px}
.g11x-audit-list{display:grid;gap:6px}.g11x-audit-list article{display:grid;grid-template-columns:38px minmax(0,1fr);gap:9px;align-items:center;border:1px solid var(--g11x-line);background:var(--g11x-soft);border-radius:14px;padding:9px}.g11x-audit-list>article>span{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:var(--g11x-panel);color:var(--g11x-accent)}.g11x-audit-list b{font-size:10px}.g11x-audit-list small{display:block;margin-top:2px;font-size:8px;color:var(--g11x-muted)}.g11x-audit-list code{display:inline-block;margin-top:4px;font-size:8px;color:var(--g11x-muted);background:var(--g11x-panel);padding:2px 5px;border-radius:6px}
.g11x-backup-list{display:grid;gap:6px}.g11x-backup-list article{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:9px;align-items:center;border:1px solid var(--g11x-line);background:var(--g11x-soft);border-radius:14px;padding:9px}.g11x-backup-list>article>span:first-child{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:var(--g11x-panel);color:var(--g11x-accent)}.g11x-backup-list b{font-size:10px}.g11x-backup-list small{display:block;font-size:8px;color:var(--g11x-muted);margin-top:2px}

.g11x-button{min-height:36px;border:1px solid var(--g11x-line);background:var(--g11x-soft);border-radius:11px;padding:7px 10px;display:inline-flex;align-items:center;justify-content:center;gap:6px;cursor:pointer;font-size:10px;font-weight:800;transition:transform .14s ease,background .14s ease,border-color .14s ease,box-shadow .14s ease}
.g11x-button:hover{background:color-mix(in srgb,var(--g11x-accent) 7%,var(--g11x-soft));border-color:color-mix(in srgb,var(--g11x-accent) 28%,var(--g11x-line))}
.g11x-button:active{transform:scale(.97)}
.g11x-button.primary{background:var(--g11x-accent);border-color:var(--g11x-accent);color:#fff;box-shadow:0 7px 20px color-mix(in srgb,var(--g11x-accent) 22%,transparent)}
.g11x-button.danger{background:color-mix(in srgb,var(--g11x-danger) 11%,transparent);border-color:color-mix(in srgb,var(--g11x-danger) 28%,transparent);color:var(--g11x-danger)}
.g11x-button svg{width:15px;height:15px}
.g11x-icon-button{width:36px;height:36px;display:grid;place-items:center;border:1px solid var(--g11x-line);background:var(--g11x-soft);border-radius:11px;cursor:pointer;transition:transform .14s ease,background .14s ease}.g11x-icon-button:active{transform:scale(.92)}
.g11x-inline-field{display:flex;gap:7px}.g11x-inline-field input{flex:1}

.g11x-field{display:grid;gap:6px;margin:0 0 11px}.g11x-field>span{font-size:9px;font-weight:800;color:var(--g11x-muted)}
.g11x-field input:not([type=checkbox]):not([type=color]),.g11x-field select,.g11x-field textarea{
  width:100%;border:1px solid var(--g11x-line)!important;background:var(--g11x-soft)!important;color:inherit!important;border-radius:12px!important;outline:0!important;box-shadow:none!important;padding:9px 11px!important;min-height:40px;transition:border-color .14s ease,background .14s ease,box-shadow .14s ease
}
.g11x-field textarea{resize:vertical;min-height:82px}.g11x-field input:focus,.g11x-field select:focus,.g11x-field textarea:focus{border-color:color-mix(in srgb,var(--g11x-accent) 58%,var(--g11x-line))!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--g11x-accent) 10%,transparent)!important}
.g11x-field input[type=color]{width:100%;height:42px;border:1px solid var(--g11x-line);background:var(--g11x-soft);border-radius:12px;padding:4px}
.g11x-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.g11x-check-grid{display:flex;flex-wrap:wrap;gap:6px}.g11x-check-grid label{display:inline-flex;align-items:center;gap:5px;border:1px solid var(--g11x-line);background:var(--g11x-soft);border-radius:10px;padding:6px 8px;font-size:9px;cursor:pointer}.g11x-check-grid label span{width:8px;height:8px;border-radius:50%;background:var(--dot,var(--g11x-accent))}
.g11x-modal-actions{display:flex;gap:7px;justify-content:flex-end;align-items:center;margin-top:14px;flex-wrap:wrap}

.g11x-empty{min-height:130px;border:1px dashed var(--g11x-line);background:color-mix(in srgb,var(--g11x-soft) 70%,transparent);border-radius:17px;display:grid;place-items:center;align-content:center;text-align:center;padding:20px}.g11x-empty>span{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;background:var(--g11x-panel);color:var(--g11x-muted)}.g11x-empty b{margin-top:8px;font-size:11px}.g11x-empty p{margin:4px 0 0;max-width:420px;font-size:9px;color:var(--g11x-muted);line-height:1.6}

.g11x-modal-layer,.g11x-drawer-layer{position:fixed;inset:0;z-index:10020;background:rgba(3,8,18,.46);backdrop-filter:blur(7px);opacity:0;transition:opacity .16s ease}.g11x-modal-layer.hidden,.g11x-drawer-layer.hidden{display:none}.g11x-modal-layer.visible,.g11x-drawer-layer.visible{opacity:1}
.g11x-modal{position:absolute;top:50%;left:50%;transform:translate(-50%,calc(-50% + 10px)) scale(.985);width:min(560px,calc(100vw - 28px));max-height:min(86dvh,900px);overflow:hidden;display:flex;flex-direction:column;background:color-mix(in srgb,var(--panel,#111827) 97%,#000 3%);border:1px solid var(--g11x-line);border-radius:24px;box-shadow:0 28px 90px rgba(0,0,0,.36);transition:transform .18s cubic-bezier(.2,.8,.2,1)}.g11x-modal.wide{width:min(920px,calc(100vw - 28px))}.g11x-modal-layer.visible .g11x-modal{transform:translate(-50%,-50%) scale(1)}
.g11x-modal>header{padding:15px 17px 12px;display:flex;align-items:flex-start;justify-content:space-between;gap:10px;border-bottom:1px solid var(--g11x-line)}.g11x-modal>header span{font-size:8px;letter-spacing:.08em;color:var(--g11x-accent);font-weight:900}.g11x-modal>header h3{margin:2px 0 3px;font-size:16px}.g11x-modal>header p{margin:0;color:var(--g11x-muted);font-size:9px;line-height:1.55}.g11x-modal-body{padding:15px 17px 18px;overflow:auto;overscroll-behavior:contain}
.g11x-drawer{position:absolute;inset:0 0 0 auto;width:min(620px,94vw);background:color-mix(in srgb,var(--panel,#111827) 97%,#000 3%);border-left:1px solid var(--g11x-line);box-shadow:-24px 0 70px rgba(0,0,0,.28);transform:translateX(104%);display:flex;flex-direction:column;transition:transform .2s cubic-bezier(.2,.8,.2,1)}.g11x-drawer-layer.visible .g11x-drawer{transform:none}.g11x-drawer>header{min-height:66px;padding:12px 14px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--g11x-line)}.g11x-drawer-body{overflow:auto;padding:14px;overscroll-behavior:contain}
.g11x-drawer-title{display:flex;align-items:center;gap:9px}.g11x-drawer-title small{display:block;font-size:8px;color:var(--g11x-accent);font-weight:900}.g11x-drawer-title h3{margin:2px 0 0;font-size:14px}.g11x-drawer-icon{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;background:color-mix(in srgb,var(--g11x-accent) 11%,transparent);color:var(--g11x-accent)}
.g11x-inspector-hero{display:flex;gap:12px;align-items:center;border:1px solid var(--g11x-line);background:linear-gradient(135deg,color-mix(in srgb,var(--g11x-accent) 7%,var(--g11x-soft)),var(--g11x-soft));border-radius:19px;padding:13px}.g11x-inspector-hero.compact{padding:11px}.g11x-inspector-hero h3{margin:0;display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:15px}.g11x-inspector-hero p{margin:4px 0 7px;font-size:9px;color:var(--g11x-muted)}
.g11x-inspector-tabs{position:sticky;top:-14px;z-index:2;display:flex;gap:4px;overflow:auto;padding:10px 0;margin:7px 0;background:linear-gradient(180deg,color-mix(in srgb,var(--panel,#111827) 98%,transparent) 74%,transparent)}.g11x-inspector-tabs button{white-space:nowrap;border:1px solid var(--g11x-line);background:var(--g11x-soft);border-radius:10px;padding:7px 9px;font-size:9px;cursor:pointer}.g11x-inspector-tabs button.active{background:var(--g11x-accent);border-color:var(--g11x-accent);color:#fff}
.g11x-inspector-panel{display:none}.g11x-inspector-panel.active{display:block;animation:g11xPanelIn .16s ease both}@keyframes g11xPanelIn{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
.g11x-fact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:9px 0}.g11x-fact-grid>div{border:1px solid var(--g11x-line);background:var(--g11x-soft);border-radius:13px;padding:9px}.g11x-fact-grid span{display:block;font-size:8px;color:var(--g11x-muted)}.g11x-fact-grid b{display:block;font-size:10px;margin-top:3px;overflow-wrap:anywhere}
.g11x-action-row{display:flex;gap:6px;flex-wrap:wrap;margin:10px 0}
.g11x-tag-showcase{display:flex;gap:6px;flex-wrap:wrap;align-items:center;min-height:48px;border:1px solid var(--g11x-line);background:var(--g11x-soft);border-radius:15px;padding:10px}.g11x-helper{font-size:9px;color:var(--g11x-muted);line-height:1.6}
.g11x-effective-head{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;margin-bottom:8px}.g11x-effective-head h4{margin:0;font-size:12px}.g11x-effective-head p{margin:3px 0 0;font-size:8px;color:var(--g11x-muted);line-height:1.6}
.g11x-permission-groups{display:grid;gap:9px}.g11x-permission-groups section{border:1px solid var(--g11x-line);background:var(--g11x-soft);border-radius:15px;padding:9px}.g11x-permission-groups section>header{display:flex;align-items:center;gap:7px;margin-bottom:6px}.g11x-permission-groups section>header svg{color:var(--g11x-accent)}.g11x-permission-groups section>header b{font-size:10px}.g11x-effective-item{display:grid;grid-template-columns:26px minmax(0,1fr) auto;gap:7px;align-items:center;padding:7px;border-radius:10px}.g11x-effective-item:hover{background:var(--g11x-panel)}.g11x-effective-item>span{width:24px;height:24px;border-radius:8px;display:grid;place-items:center;background:color-mix(in srgb,var(--g11x-good) 10%,transparent);color:var(--g11x-good)}.g11x-effective-item>span svg{width:13px;height:13px}.g11x-effective-item b{font-size:9px}.g11x-effective-item small{display:block;font-size:8px;color:var(--g11x-muted);line-height:1.5}.g11x-effective-item em{font-size:8px;font-style:normal;color:var(--g11x-muted);background:var(--g11x-panel);border-radius:7px;padding:3px 5px}

.g11x-capability-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-bottom:11px}.g11x-capability{position:relative;display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:8px;align-items:center;border:1px solid var(--g11x-line);background:var(--g11x-soft);border-radius:15px;padding:9px;cursor:pointer}.g11x-capability.blocked{background:color-mix(in srgb,var(--g11x-danger) 7%,var(--g11x-soft));border-color:color-mix(in srgb,var(--g11x-danger) 24%,var(--g11x-line))}.g11x-capability input{position:absolute;opacity:0}.g11x-capability>span{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:var(--g11x-panel);color:var(--g11x-accent)}.g11x-capability b{font-size:10px}.g11x-capability small{display:block;font-size:8px;color:var(--g11x-muted);margin-top:2px}.g11x-capability i{font-size:8px;font-style:normal;color:var(--g11x-good)}.g11x-capability.blocked i{color:var(--g11x-danger)}
.g11x-role-preview{display:flex;justify-content:space-between;gap:10px;align-items:center;border:1px solid color-mix(in srgb,var(--g11x-accent) 22%,var(--g11x-line));background:color-mix(in srgb,var(--g11x-accent) 6%,var(--g11x-soft));border-radius:14px;padding:10px}.g11x-role-preview b{font-size:10px}.g11x-role-preview p{margin:2px 0 0;font-size:8px;color:var(--g11x-muted)}.g11x-role-preview>span{font-size:9px;color:var(--g11x-accent);font-weight:800}
.g11x-permission-builder{display:grid;gap:10px;max-height:52dvh;overflow:auto;padding:1px}.g11x-permission-builder>section{border:1px solid var(--g11x-line);border-radius:16px;background:var(--g11x-soft);padding:9px}.g11x-permission-builder>section>header{display:flex;gap:8px;align-items:center;margin-bottom:7px}.g11x-permission-builder>section>header>span{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:var(--g11x-panel);color:var(--g11x-accent)}.g11x-permission-builder>section>header b{font-size:10px}.g11x-permission-builder>section>header small{display:block;font-size:8px;color:var(--g11x-muted)}
.g11x-permission-option{position:relative;display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:7px;align-items:center;border-radius:11px;padding:7px;cursor:pointer;transition:background .14s ease}.g11x-permission-option:hover,.g11x-permission-option.selected{background:var(--g11x-panel)}.g11x-permission-option input{position:absolute;opacity:0}.g11x-permission-option>span{width:26px;height:26px;border-radius:8px;display:grid;place-items:center;border:1px solid var(--g11x-line);color:transparent}.g11x-permission-option.selected>span{background:var(--g11x-accent);border-color:var(--g11x-accent);color:#fff}.g11x-permission-option>span svg{width:13px;height:13px}.g11x-permission-option b{font-size:9px}.g11x-permission-option small{display:block;font-size:8px;color:var(--g11x-muted);line-height:1.45}.g11x-permission-option em{font-size:7px;font-style:normal;border-radius:7px;padding:3px 5px;background:var(--g11x-soft);color:var(--g11x-muted)}.g11x-permission-option em.high,.g11x-permission-option em.critical{color:var(--g11x-danger);background:color-mix(in srgb,var(--g11x-danger) 8%,transparent)}

.g11x-command-search{height:48px;display:flex;align-items:center;gap:9px;border:1px solid color-mix(in srgb,var(--g11x-accent) 34%,var(--g11x-line));background:var(--g11x-soft);border-radius:15px;padding:0 12px}.g11x-command-search svg{color:var(--g11x-accent)}.g11x-command-search input{border:0!important;background:transparent!important;outline:0!important;box-shadow:none!important;color:inherit;width:100%;height:100%;font-size:12px}
.g11x-command-results{display:grid;gap:6px;margin-top:10px}.g11x-command-results button{display:grid;grid-template-columns:36px minmax(0,1fr) 18px;gap:9px;align-items:center;border:1px solid var(--g11x-line);background:var(--g11x-soft);border-radius:13px;padding:8px;text-align:right;cursor:pointer}.g11x-command-results button>span{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:var(--g11x-panel);color:var(--g11x-accent)}.g11x-command-results button b{font-size:10px}.g11x-command-results button small{display:block;font-size:8px;color:var(--g11x-muted);margin-top:2px}.g11x-command-results button>svg{width:14px;transform:rotate(180deg);color:var(--g11x-muted)}
.g11x-secret-panel{display:grid;gap:10px;justify-items:center;text-align:center}.g11x-secret-panel>span{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;background:color-mix(in srgb,var(--g11x-accent) 10%,transparent);color:var(--g11x-accent)}.g11x-secret-panel b{font-size:11px}.g11x-secret-panel code{width:100%;max-height:240px;overflow:auto;direction:ltr;text-align:left;border:1px solid var(--g11x-line);background:#080d16;color:#d8e6f3;border-radius:13px;padding:11px;font-size:10px;line-height:1.7}
.g11x-skeleton{border-radius:18px;min-height:170px;background:linear-gradient(90deg,var(--g11x-soft),color-mix(in srgb,var(--g11x-accent) 7%,var(--g11x-soft)),var(--g11x-soft));background-size:220% 100%;animation:g11xSkeleton 1.1s ease infinite}.g11x-skeleton.tall{min-height:420px}@keyframes g11xSkeleton{to{background-position:-220% 0}}

.g11x-announcement-host{position:fixed;z-index:12000;top:14px;left:50%;transform:translateX(-50%);width:min(560px,calc(100vw - 22px));display:grid;gap:7px;pointer-events:none}
.g11x-announcement{pointer-events:auto;display:grid;grid-template-columns:38px minmax(0,1fr) 30px;gap:9px;align-items:center;border:1px solid rgba(255,255,255,.12);background:color-mix(in srgb,var(--panel,#111827) 96%,#000 4%);backdrop-filter:blur(16px);border-radius:16px;padding:9px 10px;box-shadow:0 16px 48px rgba(0,0,0,.28);opacity:0;transform:translateY(-8px) scale(.98);transition:opacity .18s ease,transform .18s ease}.g11x-announcement.visible{opacity:1;transform:none}.g11x-announcement-icon{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;background:color-mix(in srgb,var(--g11x-accent,#43a6ff) 12%,transparent);color:var(--g11x-accent,#43a6ff)}.g11x-announcement.warning .g11x-announcement-icon{color:#f59e0b;background:rgba(245,158,11,.11)}.g11x-announcement.critical .g11x-announcement-icon{color:#ef4444;background:rgba(239,68,68,.11)}.g11x-announcement b{font-size:10px}.g11x-announcement p{margin:3px 0 0;font-size:9px;line-height:1.55;color:var(--g11x-muted,#9ca3af)}.g11x-announcement button{border:0;background:transparent;cursor:pointer;color:var(--g11x-muted,#9ca3af)}

@media(max-width:1100px){
  .g11x-shell{grid-template-columns:232px minmax(0,1fr)}
  .g11x-sidebar{padding-inline:10px}.g11x-brand p,.g11x-nav small{display:none}.g11x-nav button{min-height:48px}
  .g11x-metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .g11x-command-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .g11x-health-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .g11x-tag-grid,.g11x-code-grid,.g11x-toggle-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
  .g11x-admin-center{min-height:100dvh}
  .g11x-shell{display:block;min-height:100dvh}
  .g11x-sidebar{
    position:fixed;z-index:10030;inset:auto 8px 8px;height:min(74dvh,640px);border:1px solid var(--g11x-line);border-radius:24px;padding:12px;transform:translateY(calc(100% + 24px));opacity:0;pointer-events:none;box-shadow:0 24px 70px rgba(0,0,0,.35);transition:transform .2s cubic-bezier(.2,.8,.2,1),opacity .16s ease
  }
  .g11x-shell.mobile-nav-open::after{content:"";position:fixed;z-index:10020;inset:0;background:rgba(2,6,14,.48);backdrop-filter:blur(5px)}
  .g11x-shell.mobile-nav-open .g11x-sidebar{transform:none;opacity:1;pointer-events:auto}
  .g11x-brand{padding:4px 4px 10px}.g11x-brand p{display:block}.g11x-nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding-bottom:58px}.g11x-nav button{min-height:64px;border:1px solid var(--g11x-line);background:var(--g11x-soft);grid-template-columns:36px minmax(0,1fr) 3px}.g11x-nav small{display:block}
  .g11x-sidebar-foot{position:absolute;left:12px;right:12px;bottom:12px;background:linear-gradient(180deg,transparent,var(--g11x-panel) 25%)}
  .g11x-workspace{padding:0 10px 24px}
  .g11x-topbar{min-height:64px;margin:0 -10px;padding:0 10px;gap:8px}
  .g11x-page-meta{display:none}.g11x-mobile-head{display:flex;align-items:center;gap:9px}.g11x-mobile-head small{display:block;font-size:8px;color:var(--g11x-accent);font-weight:900}.g11x-mobile-head b{display:block;font-size:12px;margin-top:1px}
  .g11x-top-actions{margin-right:auto}.g11x-search-trigger{min-width:0;width:38px;height:38px;padding:0;display:grid;place-items:center}.g11x-search-trigger span,.g11x-search-trigger kbd{display:none}
  .g11x-actor-chip{padding:4px;width:38px;height:38px;min-height:38px}.g11x-actor-chip>div,.g11x-actor-chip>.g11x-tag{display:none}.g11x-actor-chip>span:first-child{width:28px;height:28px}
  .g11x-content{padding-top:10px}
  .g11x-section{border-radius:19px;padding:11px;margin-bottom:10px}.g11x-section-head{align-items:flex-start}.g11x-section-head h3{font-size:13px}.g11x-section-head p{font-size:9px}.g11x-section-actions{justify-content:flex-end}
  .g11x-metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.g11x-metric{min-height:82px;padding:10px;gap:8px;border-radius:16px}.g11x-metric>span{width:34px;height:34px;border-radius:11px}.g11x-metric b{font-size:17px}.g11x-metric small{font-size:8px}
  .g11x-command-grid,.g11x-alert-list,.g11x-community-grid,.g11x-report-list,.g11x-role-grid,.g11x-tag-grid,.g11x-mode-grid,.g11x-toggle-grid,.g11x-code-grid,.g11x-security-grid,.g11x-capability-grid{grid-template-columns:1fr}
  .g11x-health-grid,.g11x-health-grid.large{grid-template-columns:repeat(2,minmax(0,1fr))}
  .g11x-toolbar{align-items:stretch}.g11x-search{max-width:none;min-width:100%}.g11x-segment{width:100%;overflow:auto}.g11x-segment button{flex:1;white-space:nowrap}
  .g11x-person,.g11x-admin-row{grid-template-columns:40px minmax(0,1fr) 18px;padding:8px}.g11x-person-meta{grid-column:2/3;grid-row:2;margin-top:-5px;display:flex;justify-items:start;justify-content:flex-start;gap:5px}.g11x-chevron{grid-column:3;grid-row:1/3}
  .g11x-modal{top:auto;bottom:0;left:0;width:100%!important;max-height:91dvh;border-radius:24px 24px 0 0;transform:translateY(104%) scale(1)}.g11x-modal-layer.visible .g11x-modal{transform:none}.g11x-modal>header{padding:13px 14px}.g11x-modal-body{padding:12px 14px max(18px,env(safe-area-inset-bottom))}
  .g11x-drawer{inset:auto 0 0;width:100%;height:94dvh;border-left:0;border-top:1px solid var(--g11x-line);border-radius:24px 24px 0 0;transform:translateY(104%)}.g11x-drawer-layer.visible .g11x-drawer{transform:none}.g11x-drawer>header{min-height:60px}.g11x-drawer-body{padding:11px 11px max(18px,env(safe-area-inset-bottom))}
  .g11x-form-grid{grid-template-columns:1fr}.g11x-modal-actions{position:sticky;bottom:-18px;background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--panel,#111827) 98%,#000) 26%);padding-top:18px}.g11x-modal-actions .g11x-button{min-height:44px;flex:1}
  .g11x-button{min-height:40px}.g11x-icon-button{width:40px;height:40px}
  .g11x-inspector-tabs{top:-11px}.g11x-inspector-tabs button{min-height:38px}
  .g11x-fact-grid{grid-template-columns:1fr 1fr}
  .g11x-permission-builder{max-height:none;overflow:visible}.g11x-permission-option{grid-template-columns:30px minmax(0,1fr)}.g11x-permission-option em{grid-column:2;justify-self:start}
  .g11x-inline-field{display:grid;grid-template-columns:1fr}.g11x-inline-field .g11x-button{width:100%}
  .g11x-announcement-host{top:max(8px,env(safe-area-inset-top))}
}
@media(max-width:390px){
  .g11x-metrics-grid{grid-template-columns:1fr 1fr}
  .g11x-nav{grid-template-columns:1fr}
  .g11x-fact-grid{grid-template-columns:1fr}
}
/* SA2 direct per-user permission overrides */
.g11x-direct-access{margin-top:12px;border:1px solid var(--g11x-line);border-radius:16px;background:color-mix(in srgb,var(--g11x-panel) 78%,transparent);overflow:hidden}
.g11x-direct-access>summary{list-style:none;display:grid;grid-template-columns:34px minmax(0,1fr) 22px;gap:10px;align-items:center;padding:12px 13px;cursor:pointer;user-select:none;transition:background .16s ease}
.g11x-direct-access>summary::-webkit-details-marker{display:none}.g11x-direct-access>summary:hover{background:var(--g11x-soft)}
.g11x-direct-access>summary>span{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:color-mix(in srgb,var(--g11x-accent) 10%,transparent);color:var(--g11x-accent)}
.g11x-direct-access>summary svg{width:16px;height:16px}.g11x-direct-access>summary>svg{transition:transform .18s ease}.g11x-direct-access[open]>summary>svg{transform:rotate(-90deg)}
.g11x-direct-access>summary b{display:block;font-size:10px}.g11x-direct-access>summary small{display:block;margin-top:2px;color:var(--g11x-muted);font-size:8px;line-height:1.55}
.g11x-direct-access-body{padding:4px 10px 12px;display:grid;gap:9px;animation:g11xReveal .18s ease both}
.g11x-override-group{border-top:1px solid var(--g11x-line);padding-top:9px}.g11x-override-group>header{display:flex;gap:8px;align-items:center;margin-bottom:6px}.g11x-override-group>header>span{width:28px;height:28px;display:grid;place-items:center;border-radius:9px;background:var(--g11x-soft);color:var(--g11x-muted)}
.g11x-override-group>header svg{width:14px;height:14px}.g11x-override-group>header b{display:block;font-size:9px}.g11x-override-group>header small{font-size:7px;color:var(--g11x-muted)}
.g11x-direct-override{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;padding:7px;border-radius:11px;transition:background .14s ease}.g11x-direct-override:hover{background:var(--g11x-soft)}
.g11x-direct-copy b{display:block;font-size:8.5px}.g11x-direct-copy small{display:block;max-width:520px;color:var(--g11x-muted);font-size:7.5px;line-height:1.45}
.g11x-tristate{display:flex;padding:2px;border-radius:10px;background:var(--g11x-soft);border:1px solid var(--g11x-line)}.g11x-tristate button{border:0!important;min-height:27px;padding:0 8px;border-radius:8px;background:transparent;color:var(--g11x-muted);font-size:7.5px;cursor:pointer;transition:transform .13s ease,background .13s ease,color .13s ease,box-shadow .13s ease}.g11x-tristate button:active{transform:scale(.96)}.g11x-tristate button.active{background:var(--g11x-panel);color:var(--text);box-shadow:0 1px 5px rgba(15,23,42,.08)}.g11x-tristate button.grant.active{background:color-mix(in srgb,var(--g11x-good) 13%,var(--g11x-panel));color:var(--g11x-good)}.g11x-tristate button.deny.active{background:color-mix(in srgb,var(--g11x-danger) 12%,var(--g11x-panel));color:var(--g11x-danger)}
@media(max-width:760px){.g11x-direct-override{grid-template-columns:1fr;gap:6px;padding:9px 5px}.g11x-tristate{width:100%}.g11x-tristate button{flex:1;min-height:38px;font-size:8px}.g11x-direct-access>summary{padding:13px 11px}}
.g11x-security-actions{display:flex;gap:5px;margin-top:6px;flex-wrap:wrap}.g11x-security-actions .g11x-icon-button{width:30px;height:30px}.g11x-icon-button.danger{color:var(--g11x-danger);background:color-mix(in srgb,var(--g11x-danger) 8%,transparent)}


/* SA2.1 Desktop Canvas Ownership Hotfix2
 * C2.3's later generic three-column desktop rule can override the historical
 * Group 11 admin page rule. SA2 owns its own full canvas, including its own
 * topbar, so normal messenger Rail / chat-list / global topbar are removed
 * while #adminView is active. !important is intentional here because those
 * late shell rules also use high-specificity and important display ownership. */
@media (min-width:900px) {
  html[data-hamrah-desktop="windows"] body.g102-app-active.g111-admin-main-page .app:not(.hidden) {
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-rows:minmax(0,1fr)!important;
    grid-template-areas:"admin-main"!important;
  }
  html[data-hamrah-desktop="windows"] body.g102-app-active.g111-admin-main-page .app > .topbar,
  html[data-hamrah-desktop="windows"] body.g102-app-active.g111-admin-main-page .app > #chatsView,
  html[data-hamrah-desktop="windows"] body.g102-app-active.g111-admin-main-page .app > .chat-screen,
  html[data-hamrah-desktop="windows"] body.g102-app-active.g111-admin-main-page .app > .g10-desktop-placeholder,
  html[data-hamrah-desktop="windows"] body.g102-app-active.g111-admin-main-page .app > .bottom-nav,
  html[data-hamrah-desktop="windows"] body.g102-app-active.g111-admin-main-page .app > [data-fab="new-conversation"] {
    display:none!important;
  }
  html[data-hamrah-desktop="windows"] body.g102-app-active.g111-admin-main-page .app > #adminView.active {
    grid-area:admin-main!important;
    display:block!important;
    position:relative!important;
    inset:auto!important;
    inline-size:100%!important;
    block-size:100dvh!important;
    min-inline-size:0!important;
    min-block-size:0!important;
    height:100dvh!important;
    padding:0!important;
    margin:0!important;
    overflow:hidden!important;
    border:0!important;
    background:var(--bg)!important;
  }
  html[data-hamrah-desktop="windows"] body.g111-admin-main-page #adminView .g11x-shell {
    inline-size:100%!important;
    block-size:100%!important;
    min-block-size:100%!important;
  }
  html[data-hamrah-desktop="windows"] body.g111-admin-main-page #adminView .g11x-sidebar {
    height:100%!important;
    max-height:100dvh!important;
  }
  html[data-hamrah-desktop="windows"] body.g111-admin-main-page #adminView .g11x-workspace {
    min-block-size:0;
    block-size:100%;
    overflow:hidden auto;
    overscroll-behavior:contain;
    scrollbar-gutter:stable;
  }
  html[data-hamrah-desktop="windows"] body.g111-admin-main-page #adminView .g11x-topbar {
    top:0;
  }
}
.g11x-sidebar-foot{display:grid;gap:7px}
.g11x-sidebar-foot .g11x-admin-exit{background:transparent;color:var(--g11x-muted)}
.g11x-sidebar-foot .g11x-admin-exit:hover{background:var(--g11x-soft);color:var(--text)}
@media(max-width:760px){
  .g11x-sidebar-foot{max-height:112px}
  .g11x-sidebar-foot .g11x-admin-exit{min-height:42px}
}


/* SA2.2 Admin Operations + UX Polish R1 */
.g11x-field{
  position:relative;padding:10px 11px 11px;border:1px solid color-mix(in srgb,var(--g11x-line) 78%,#6f86a8 22%);
  background:linear-gradient(180deg,color-mix(in srgb,var(--g11x-soft) 92%,#fff 8%),color-mix(in srgb,var(--g11x-panel) 94%,#000 6%));
  border-radius:15px;box-shadow:inset 0 1px 0 rgba(255,255,255,.025);transition:border-color .16s ease,box-shadow .16s ease,background .16s ease
}
.g11x-field>span{font-size:10px;color:color-mix(in srgb,var(--g11x-text,#fff) 78%,var(--g11x-muted));letter-spacing:.01em}
.g11x-field:focus-within{border-color:color-mix(in srgb,var(--g11x-accent) 62%,var(--g11x-line));box-shadow:0 0 0 3px color-mix(in srgb,var(--g11x-accent) 9%,transparent),inset 0 1px 0 rgba(255,255,255,.04)}
.g11x-field input:not([type=checkbox]):not([type=color]),.g11x-field select,.g11x-field textarea{
  min-height:44px;background:color-mix(in srgb,var(--g11x-panel,#101827) 78%,#26354b 22%)!important;
  border:1px solid color-mix(in srgb,var(--g11x-line) 66%,#8092ad 34%)!important;color:var(--g11x-text,#f8fafc)!important;
  border-radius:12px;padding:10px 11px;box-shadow:inset 0 1px 2px rgba(0,0,0,.18);outline:none
}
.g11x-field textarea{min-height:112px;line-height:1.8}
.g11x-field select{cursor:pointer}
.g11x-field input::placeholder,.g11x-field textarea::placeholder{color:color-mix(in srgb,var(--g11x-muted) 78%,transparent)}
.g11x-form-grid{gap:10px}
.g11x-modal-body form>.g11x-field,.g11x-modal-body .g11x-form-grid>.g11x-field{animation:g11xFieldIn .2s ease both}
@keyframes g11xFieldIn{from{opacity:.45;transform:translateY(3px)}to{opacity:1;transform:none}}
.g11x-button.danger.solid{background:linear-gradient(135deg,#dc2626,#ef4444);border-color:#ef4444;color:#fff;box-shadow:0 9px 24px rgba(239,68,68,.2)}
.g11x-button.danger.solid:hover{background:linear-gradient(135deg,#b91c1c,#ef4444);border-color:#fb7185}
.g11x-button.busy{pointer-events:none;opacity:.72}.g11x-button.busy:after{content:"";width:13px;height:13px;border:2px solid currentColor;border-left-color:transparent;border-radius:50%;animation:g11xSpin .7s linear infinite}@keyframes g11xSpin{to{transform:rotate(360deg)}}
.g11x-danger-stage{display:grid;grid-template-columns:54px 1fr;gap:13px;align-items:start;padding:15px;margin-bottom:12px;border:1px solid rgba(248,113,113,.42);border-radius:18px;background:linear-gradient(145deg,rgba(127,29,29,.22),rgba(239,68,68,.07));box-shadow:inset 0 1px 0 rgba(255,255,255,.03)}
.g11x-danger-stage>span{width:52px;height:52px;display:grid;place-items:center;border-radius:16px;background:rgba(239,68,68,.16);color:#fb7185}.g11x-danger-stage>span svg{width:25px;height:25px}.g11x-danger-stage b{font-size:15px;color:#fecaca}.g11x-danger-stage p{margin:6px 0 0;color:color-mix(in srgb,var(--g11x-text,#fff) 76%,var(--g11x-muted));font-size:10px;line-height:1.85}.g11x-danger-stage strong{color:#fff}
.g11x-danger-check{display:flex;align-items:center;gap:9px;padding:11px 12px;border:1px solid rgba(248,113,113,.28);border-radius:13px;background:rgba(127,29,29,.1);font-size:10px;font-weight:800;cursor:pointer}.g11x-danger-check input{accent-color:#ef4444}.g11x-danger-check span{display:flex;align-items:center;gap:7px}.g11x-danger-check svg{width:15px;height:15px;color:#fb7185}
.g11x-field.danger-field{border-color:rgba(248,113,113,.28)}
.g11x-tag-card{position:relative;grid-template-columns:44px minmax(0,1fr) auto}.g11x-tag-card.editable{transition:transform .16s ease,border-color .16s ease,background .16s ease}.g11x-tag-card.editable:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--tag-bg) 42%,var(--g11x-line));background:color-mix(in srgb,var(--tag-bg) 5%,var(--g11x-soft))}.g11x-tag-card .tag-edit{align-self:start}
.g11x-tag-preview{display:flex;align-items:center;gap:11px;padding:12px 13px;margin-bottom:11px;border-radius:16px;border:1px solid color-mix(in srgb,var(--tag-bg) 35%,var(--g11x-line));background:color-mix(in srgb,var(--tag-bg) 8%,var(--g11x-soft))}.g11x-tag-preview>span{width:42px;height:42px;border-radius:13px;background:var(--tag-bg);color:var(--tag-fg);display:grid;place-items:center}.g11x-tag-preview svg{width:20px;height:20px}.g11x-tag-preview small{display:block;color:var(--g11x-muted);font-size:8px}.g11x-tag-preview b{font-size:12px}
.g11x-source-note{display:flex;align-items:center;gap:7px;color:var(--g11x-muted);font-size:9px;margin:-2px 0 10px;padding:7px 9px;border-radius:10px;background:color-mix(in srgb,var(--g11x-accent) 4%,transparent)}.g11x-source-note svg{width:14px;height:14px;color:var(--g11x-accent)}
.g11x-backup-list article code{display:block;margin-top:4px;font-size:8px;color:var(--g11x-muted);direction:ltr;text-align:left}
.g11x-health-grid [data-live-uptime]{font-variant-numeric:tabular-nums}
@media(max-width:760px){.g11x-danger-stage{grid-template-columns:44px 1fr;padding:12px}.g11x-danger-stage>span{width:42px;height:42px;border-radius:13px}.g11x-field{padding:9px}.g11x-field input:not([type=checkbox]):not([type=color]),.g11x-field select,.g11x-field textarea{min-height:46px}.g11x-tag-card{grid-template-columns:42px minmax(0,1fr) auto}}

/* SA2.3 Super Admin IA + Menus + Access Rooms R1 */
.g11x-drawer{width:min(720px,96vw)}
.g11x-drawer-body{padding:18px}
.g11x-drawer>header{min-height:72px;padding:14px 18px}
.g11x-drawer-title small{font-size:9px}.g11x-drawer-title h3{font-size:16px}.g11x-drawer-icon{width:40px;height:40px;border-radius:13px}
.g11x-modal>header h3{font-size:17px}.g11x-modal>header p{font-size:10px;max-width:680px}.g11x-modal-body{padding:18px}
.g11x-search.prominent{min-height:46px;border-color:color-mix(in srgb,var(--g11x-accent) 22%,var(--g11x-line));background:color-mix(in srgb,var(--g11x-soft) 96%,var(--g11x-accent) 4%)}
.g11x-search.prominent input{font-size:10px}.g11x-result-count{font-size:9px;color:var(--g11x-muted);white-space:nowrap}
.g11x-people-head{display:flex;align-items:center;gap:10px;margin-bottom:10px}.g11x-people-head .g11x-search{flex:1}
.g11x-filter-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-bottom:11px}
.g11x-filter-cards button{min-height:44px;display:flex;align-items:center;justify-content:center;gap:7px;border:1px solid var(--g11x-line);border-radius:13px;background:var(--g11x-soft);color:var(--g11x-muted);font-size:9px;font-weight:850;cursor:pointer;transition:.15s ease}
.g11x-filter-cards button svg{width:15px;height:15px}.g11x-filter-cards button:hover{transform:translateY(-1px);color:var(--text)}.g11x-filter-cards button.active{background:color-mix(in srgb,var(--g11x-accent) 13%,var(--g11x-soft));color:var(--g11x-accent);border-color:color-mix(in srgb,var(--g11x-accent) 32%,var(--g11x-line));box-shadow:0 8px 20px color-mix(in srgb,var(--g11x-accent) 8%,transparent)}
.g11x-people-list.sa23{gap:7px}.g11x-person.sa23{grid-template-columns:44px minmax(0,1.3fr) minmax(110px,.55fr) auto 20px;min-height:66px;padding:9px 11px;border-radius:16px}
.g11x-person-title{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.g11x-person-title>b{font-size:11px}.g11x-person-access{display:grid;gap:2px;min-width:0}.g11x-person-access small{font-size:7.5px;color:var(--g11x-muted)}.g11x-person-access b{font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.g11x-user-hero-sa23{display:grid;grid-template-columns:58px minmax(0,1fr);gap:13px;align-items:center;padding:15px;border:1px solid var(--g11x-line);border-radius:20px;background:linear-gradient(135deg,color-mix(in srgb,var(--g11x-accent) 8%,var(--g11x-soft)),var(--g11x-soft));box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}
.g11x-user-name-row{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.g11x-user-name-row h3{margin:0;font-size:17px}.g11x-user-hero-copy p{margin:4px 0 8px;color:var(--g11x-muted);font-size:9px}
.g11x-inspector-tabs.sa23{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;overflow:visible}.g11x-inspector-tabs.sa23 button{display:flex;align-items:center;justify-content:center;gap:5px;min-height:42px;padding:6px;border-radius:11px;font-size:9px}.g11x-inspector-tabs.sa23 svg{width:14px;height:14px}
.g11x-fact-grid.sa23>div{padding:12px}.g11x-fact-grid.sa23 span{display:flex;align-items:center;gap:5px}.g11x-fact-grid.sa23 span svg{width:13px;height:13px;color:var(--g11x-accent)}
.g11x-user-actions-sa23{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:10px 0}
.g11x-action-tile{display:grid;grid-template-columns:36px minmax(0,1fr);align-items:center;gap:9px;text-align:start;min-height:66px;padding:10px;border:1px solid var(--g11x-line);border-radius:15px;background:var(--g11x-soft);color:var(--text);cursor:pointer;transition:.15s ease}.g11x-action-tile:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--g11x-accent) 30%,var(--g11x-line))}.g11x-action-tile>svg{width:34px;height:34px;padding:8px;border-radius:11px;background:var(--g11x-panel);color:var(--g11x-accent)}.g11x-action-tile b{display:block;font-size:9.5px}.g11x-action-tile small{display:block;margin-top:2px;font-size:7.5px;color:var(--g11x-muted)}.g11x-action-tile.primary{background:color-mix(in srgb,var(--g11x-accent) 9%,var(--g11x-soft));border-color:color-mix(in srgb,var(--g11x-accent) 28%,var(--g11x-line))}.g11x-action-tile.warn>svg{color:var(--g11x-warning)}
.g11x-danger-zone-compact{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;padding:11px 12px;border:1px solid rgba(248,113,113,.28);border-radius:15px;background:rgba(127,29,29,.08)}.g11x-danger-zone-compact>div{display:flex;align-items:center;gap:8px}.g11x-danger-zone-compact>div>svg{width:28px;height:28px;padding:7px;border-radius:9px;background:rgba(239,68,68,.12);color:#fb7185}.g11x-danger-zone-compact b{display:block;font-size:9px;color:#fecaca}.g11x-danger-zone-compact small{display:block;font-size:7.5px;color:var(--g11x-muted)}
.g11x-simple-access-card{display:grid;grid-template-columns:46px minmax(0,1fr) auto;gap:11px;align-items:center;padding:14px;border:1px solid color-mix(in srgb,var(--g11x-accent) 24%,var(--g11x-line));border-radius:18px;background:linear-gradient(135deg,color-mix(in srgb,var(--g11x-accent) 8%,var(--g11x-soft)),var(--g11x-soft));margin-bottom:10px}.g11x-simple-access-icon{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;background:var(--g11x-accent);color:#fff}.g11x-simple-access-card h4{font-size:13px;margin:2px 0}.g11x-simple-access-card p{margin:0;color:var(--g11x-muted);font-size:8.5px;line-height:1.6}
.g11x-access-advanced,.g11x-advanced-box{border:1px solid var(--g11x-line);border-radius:15px;background:var(--g11x-soft);overflow:hidden}.g11x-access-advanced>summary,.g11x-advanced-box>summary{list-style:none;display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:8px;padding:10px 12px;cursor:pointer}.g11x-access-advanced>summary::-webkit-details-marker,.g11x-advanced-box>summary::-webkit-details-marker{display:none}.g11x-access-advanced>summary>svg:first-child,.g11x-advanced-box>summary>svg:first-child{width:30px;height:30px;padding:8px;border-radius:10px;background:var(--g11x-panel);color:var(--g11x-accent)}.g11x-access-advanced>summary b,.g11x-advanced-box>summary b{display:block;font-size:9.5px}.g11x-access-advanced>summary small,.g11x-advanced-box>summary small{display:block;font-size:7.5px;color:var(--g11x-muted)}.g11x-access-advanced>summary em{font-size:8px;font-style:normal;color:var(--g11x-accent)}.g11x-access-advanced[open]>summary,.g11x-advanced-box[open]>summary{border-bottom:1px solid var(--g11x-line)}.g11x-access-advanced>.g11x-permission-groups,.g11x-advanced-box>.g11x-permission-builder,.g11x-advanced-box>.g11x-direct-access,.g11x-advanced-box>.g11x-audit-json{margin:10px}
.g11x-permission-groups.sa23 details{border:1px solid var(--g11x-line);border-radius:13px;background:var(--g11x-panel);overflow:hidden;margin:7px}.g11x-permission-groups.sa23 details>summary{list-style:none;display:grid;grid-template-columns:28px minmax(0,1fr) 16px;gap:8px;align-items:center;padding:9px 10px;cursor:pointer}.g11x-permission-groups.sa23 details>summary>svg:first-child{color:var(--g11x-accent)}.g11x-permission-groups.sa23 details>summary>span b{display:block;font-size:9px}.g11x-permission-groups.sa23 details>summary>span small{font-size:7.5px;color:var(--g11x-muted)}.g11x-effective-list{padding:0 7px 7px}
.g11x-team-mode-cards{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:8px;align-items:stretch;margin-bottom:11px}.g11x-team-mode-cards>[data-team-mode]{display:flex;align-items:center;gap:9px;min-height:58px;padding:10px;border:1px solid var(--g11x-line);border-radius:15px;background:var(--g11x-soft);color:var(--text);text-align:start;cursor:pointer}.g11x-team-mode-cards>[data-team-mode]>svg{width:34px;height:34px;padding:9px;border-radius:11px;background:var(--g11x-panel);color:var(--g11x-muted)}.g11x-team-mode-cards>[data-team-mode] b{font-size:10px}.g11x-team-mode-cards>[data-team-mode] small{display:block;margin-top:2px;font-size:7.5px;color:var(--g11x-muted)}.g11x-team-mode-cards>[data-team-mode].active{border-color:color-mix(in srgb,var(--g11x-accent) 32%,var(--g11x-line));background:color-mix(in srgb,var(--g11x-accent) 9%,var(--g11x-soft))}.g11x-team-mode-cards>[data-team-mode].active>svg{background:var(--g11x-accent);color:#fff}
.g11x-admin-row.sa23{grid-template-columns:42px minmax(0,1fr) 64px auto 18px}.g11x-admin-access-count{text-align:center}.g11x-admin-access-count b{display:block!important;font-size:13px!important;color:var(--g11x-accent)}.g11x-admin-access-count small{font-size:7px!important}
.g11x-role-grid.sa23{grid-template-columns:repeat(2,minmax(0,1fr))}.g11x-role-card.sa23{padding:14px}.g11x-role-category-preview{display:flex;gap:5px;flex-wrap:wrap;margin:9px 0}.g11x-role-category-preview span{display:inline-flex;align-items:center;gap:4px;padding:4px 7px;border-radius:8px;background:var(--g11x-panel);color:var(--g11x-muted);font-size:7.5px}.g11x-role-category-preview svg{width:11px;height:11px}.g11x-role-category-preview b{font-size:7.5px!important;color:var(--g11x-accent)}
.g11x-simple-permission-packs{margin:11px 0}.g11x-simple-permission-head b{font-size:11px}.g11x-simple-permission-head small{display:block;color:var(--g11x-muted);font-size:8px;margin-top:2px}.g11x-permission-pack-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:9px}.g11x-permission-pack{display:grid;grid-template-columns:32px minmax(0,1fr) 20px;align-items:center;gap:7px;padding:9px;border:1px solid var(--g11x-line);border-radius:13px;background:var(--g11x-soft);color:var(--text);text-align:start;cursor:pointer;transition:.14s ease}.g11x-permission-pack>svg{width:30px;height:30px;padding:8px;border-radius:10px;background:var(--g11x-panel);color:var(--g11x-muted)}.g11x-permission-pack b{font-size:8.5px}.g11x-permission-pack small{display:block;font-size:7px;color:var(--g11x-muted)}.g11x-permission-pack i{display:grid;place-items:center;color:var(--g11x-accent)}.g11x-permission-pack i svg{width:14px;height:14px}.g11x-permission-pack.active{border-color:color-mix(in srgb,var(--g11x-accent) 32%,var(--g11x-line));background:color-mix(in srgb,var(--g11x-accent) 8%,var(--g11x-soft))}.g11x-permission-pack.active>svg{background:var(--g11x-accent);color:#fff}.g11x-permission-builder.sa23>section>header{justify-content:flex-start}.g11x-permission-builder.sa23>section>header button{margin-inline-start:auto;border:1px solid var(--g11x-line);border-radius:9px;background:var(--g11x-panel);color:var(--g11x-muted);font-size:7px;padding:5px 7px;cursor:pointer}
.g11x-role-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:11px}.g11x-role-choice{position:relative;display:grid;grid-template-columns:38px minmax(0,1fr);gap:9px;align-items:start;padding:10px;border:1px solid var(--g11x-line);border-radius:15px;background:var(--g11x-soft);cursor:pointer}.g11x-role-choice input{position:absolute;opacity:0}.g11x-role-choice>span{width:36px;height:36px;display:grid;place-items:center;border-radius:11px;background:var(--g11x-panel);color:var(--g11x-muted)}.g11x-role-choice b{font-size:9.5px}.g11x-role-choice small{display:block;margin:2px 0 6px;color:var(--g11x-muted);font-size:7.5px;line-height:1.5}.g11x-role-choice em{font-style:normal;color:var(--g11x-accent);font-size:7.5px}.g11x-role-choice.selected{border-color:color-mix(in srgb,var(--g11x-accent) 42%,var(--g11x-line));background:color-mix(in srgb,var(--g11x-accent) 8%,var(--g11x-soft));box-shadow:0 9px 22px color-mix(in srgb,var(--g11x-accent) 7%,transparent)}.g11x-role-choice.selected>span{background:var(--g11x-accent);color:#fff}
.g11x-tag-builder-sa23{display:grid;gap:11px}.g11x-tag-live-stage{position:sticky;top:-18px;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px;margin:-2px 0 4px;border:1px solid color-mix(in srgb,var(--g11x-accent) 24%,var(--g11x-line));border-radius:17px;background:color-mix(in srgb,var(--panel,#111827) 96%,transparent);backdrop-filter:blur(14px)}.g11x-tag-live-stage>div>small{font-size:8px;color:var(--g11x-accent);font-weight:900}.g11x-tag-preview-card{display:flex;align-items:center;gap:9px;margin-top:5px}.g11x-tag-preview-card>span{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:var(--tag-bg);color:var(--tag-fg);box-shadow:0 8px 22px color-mix(in srgb,var(--tag-bg) 24%,transparent)}.g11x-tag-preview-card>span svg{width:20px;height:20px}.g11x-tag-preview-card b{font-size:12px}.g11x-tag-preview-card small{display:block;font-size:7.5px;color:var(--g11x-muted)}.g11x-live-hint{display:flex;align-items:center;gap:5px;font-size:8px;color:var(--g11x-muted)}.g11x-live-hint svg{width:14px;height:14px;color:var(--g11x-accent)}
.g11x-studio-block{padding:12px;border:1px solid var(--g11x-line);border-radius:16px;background:var(--g11x-soft)}.g11x-studio-block>header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.g11x-studio-block>header b{font-size:10px}.g11x-studio-block>header small{display:block;margin-top:2px;font-size:7.5px;color:var(--g11x-muted)}
.g11x-icon-picker{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}.g11x-icon-picker label{position:relative;display:grid;place-items:center;gap:4px;min-height:65px;border:1px solid var(--g11x-line);border-radius:13px;background:var(--g11x-panel);cursor:pointer;transition:.14s ease}.g11x-icon-picker input{position:absolute;opacity:0}.g11x-icon-picker span{width:30px;height:30px;display:grid;place-items:center;border-radius:10px;background:var(--g11x-soft);color:var(--g11x-muted)}.g11x-icon-picker svg{width:17px;height:17px}.g11x-icon-picker small{font-size:7px;color:var(--g11x-muted)}.g11x-icon-picker label.selected{border-color:color-mix(in srgb,var(--g11x-accent) 42%,var(--g11x-line));background:color-mix(in srgb,var(--g11x-accent) 8%,var(--g11x-panel))}.g11x-icon-picker label.selected span{background:var(--g11x-accent);color:#fff}.g11x-custom-color{display:flex;align-items:center;gap:6px;padding:5px 7px;border:1px solid var(--g11x-line);border-radius:10px;background:var(--g11x-panel);font-size:7.5px;cursor:pointer}.g11x-custom-color svg{width:13px;height:13px}.g11x-custom-color input[type=color]{width:24px;height:24px;padding:0;border:0;background:none}
.g11x-color-palette{display:flex;gap:8px;flex-wrap:wrap}.g11x-color-palette button,.g11x-color-palette.room label{position:relative;width:34px;height:34px;border-radius:50%;border:3px solid transparent;background:var(--swatch);box-shadow:0 0 0 1px var(--g11x-line);cursor:pointer;transition:.14s ease}.g11x-color-palette button.selected,.g11x-color-palette.room label.selected{border-color:var(--panel,#111827);box-shadow:0 0 0 2px var(--swatch),0 5px 14px color-mix(in srgb,var(--swatch) 22%,transparent);transform:scale(1.05)}.g11x-color-palette.room input{position:absolute;opacity:0}.g11x-text-color-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:10px}.g11x-text-color-row>span{font-size:8px;color:var(--g11x-muted);margin-inline-end:4px}.g11x-text-color-row button{display:flex;align-items:center;gap:5px;border:1px solid var(--g11x-line);border-radius:9px;background:var(--g11x-panel);color:var(--g11x-muted);font-size:7.5px;padding:6px 8px;cursor:pointer}.g11x-text-color-row button i{width:12px;height:12px;border-radius:50%;background:var(--text-swatch);border:1px solid var(--g11x-line)}.g11x-text-color-row button.selected{border-color:var(--g11x-accent);color:var(--text)}.g11x-mini-custom-color{display:flex;align-items:center;gap:5px;font-size:7.5px;color:var(--g11x-muted)}.g11x-mini-custom-color input{width:27px;height:27px;padding:0;border:0;background:none}
.g11x-visibility-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.g11x-visibility-tiles label{position:relative;display:grid;grid-template-columns:34px minmax(0,1fr) 20px;gap:8px;align-items:center;min-height:62px;padding:9px;border:1px solid var(--g11x-line);border-radius:13px;background:var(--g11x-panel);cursor:pointer}.g11x-visibility-tiles input{position:absolute;opacity:0}.g11x-visibility-tiles>label>span{width:32px;height:32px;display:grid;place-items:center;border-radius:10px;background:var(--g11x-soft);color:var(--g11x-muted)}.g11x-visibility-tiles b{font-size:8.5px}.g11x-visibility-tiles small{display:block;font-size:7px;color:var(--g11x-muted)}.g11x-visibility-tiles>label>i{color:transparent}.g11x-visibility-tiles>label>i svg{width:14px;height:14px}.g11x-visibility-tiles label.selected{border-color:color-mix(in srgb,var(--g11x-accent) 38%,var(--g11x-line));background:color-mix(in srgb,var(--g11x-accent) 8%,var(--g11x-panel))}.g11x-visibility-tiles label.selected>span{background:var(--g11x-accent);color:#fff}.g11x-visibility-tiles label.selected>i{color:var(--g11x-accent)}
.g11x-switch-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.g11x-switch-tiles label,.g11x-switch-row{display:grid;grid-template-columns:34px minmax(0,1fr) 42px;gap:8px;align-items:center;padding:9px;border:1px solid var(--g11x-line);border-radius:13px;background:var(--g11x-panel);cursor:pointer}.g11x-switch-tiles>label>span,.g11x-switch-row>span>svg{width:32px;height:32px;padding:8px;border-radius:10px;background:var(--g11x-soft);color:var(--g11x-accent)}.g11x-switch-row>span{display:contents}.g11x-switch-tiles b,.g11x-switch-row b{font-size:8.5px}.g11x-switch-tiles small,.g11x-switch-row small{display:block;font-size:7px;color:var(--g11x-muted)}.g11x-switch-tiles input,.g11x-switch-row input{position:absolute;opacity:0}.g11x-switch-tiles>label>i,.g11x-switch-row>i{position:relative;width:38px;height:22px;border-radius:999px;background:var(--g11x-line);transition:.14s ease}.g11x-switch-tiles>label>i:after,.g11x-switch-row>i:after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;transition:.14s ease}.g11x-switch-tiles input:checked+i,.g11x-switch-row input:checked+i{background:var(--g11x-accent)}.g11x-switch-tiles input:checked+i:after,.g11x-switch-row input:checked+i:after{transform:translateX(16px)}
.g11x-security-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:12px}.g11x-security-summary>div{display:flex;align-items:center;gap:9px;padding:11px;border:1px solid var(--g11x-line);border-radius:15px;background:var(--g11x-soft)}.g11x-security-summary>div>svg{width:34px;height:34px;padding:9px;border-radius:11px;background:var(--g11x-panel);color:var(--g11x-accent)}.g11x-security-summary b{display:block;font-size:14px}.g11x-security-summary small{font-size:7.5px;color:var(--g11x-muted)}
.g11x-security-list-sa23{display:grid;gap:7px}.g11x-security-list-sa23 article{display:grid;grid-template-columns:38px minmax(0,1fr) auto auto;gap:8px;align-items:center;padding:9px;border:1px solid var(--g11x-line);border-radius:13px;background:var(--g11x-soft)}.g11x-security-item-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:11px;background:var(--g11x-panel);color:var(--g11x-accent)}.g11x-security-list-sa23 b{font-size:9px}.g11x-security-list-sa23 small{display:block;margin-top:2px;font-size:7.5px;color:var(--g11x-muted)}.g11x-security-list-sa23 code{font-size:7px;color:var(--g11x-muted)}
.g11x-audit-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;margin-bottom:10px}.g11x-audit-timeline{display:grid;gap:6px}.g11x-audit-event{display:grid;grid-template-columns:38px minmax(0,1fr) 16px;gap:8px;align-items:center;padding:9px;border:1px solid var(--g11x-line);border-radius:13px;background:var(--g11x-soft);color:var(--text);text-align:start;cursor:pointer}.g11x-audit-event:hover{background:color-mix(in srgb,var(--g11x-accent) 4%,var(--g11x-soft));border-color:color-mix(in srgb,var(--g11x-accent) 24%,var(--g11x-line))}.g11x-audit-node{width:36px;height:36px;display:grid;place-items:center;border-radius:11px;background:var(--g11x-panel);color:var(--g11x-accent)}.g11x-audit-event.critical .g11x-audit-node{color:#fb7185;background:rgba(239,68,68,.11)}.g11x-audit-title{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.g11x-audit-title b{font-size:9.5px}.g11x-audit-event small{display:block;margin-top:2px;font-size:7.5px;color:var(--g11x-muted)}.g11x-audit-event code{display:inline-block;margin-top:4px;font-size:7px;color:var(--g11x-muted)}.g11x-audit-detail{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:10px}.g11x-audit-detail>div{padding:10px;border:1px solid var(--g11x-line);border-radius:12px;background:var(--g11x-soft)}.g11x-audit-detail span{display:block;font-size:7.5px;color:var(--g11x-muted)}.g11x-audit-detail b,.g11x-audit-detail code{display:block;margin-top:3px;font-size:9px}.g11x-audit-json{direction:ltr;text-align:left;white-space:pre-wrap;overflow:auto;font:8px/1.7 ui-monospace,monospace;color:var(--g11x-muted)}
.g11x-access-room-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.g11x-access-room-card{display:grid;grid-template-columns:44px minmax(0,1fr) 18px;gap:10px;align-items:center;min-height:82px;padding:11px;border:1px solid var(--g11x-line);border-radius:16px;background:var(--g11x-soft);color:var(--text);text-align:start;cursor:pointer;transition:.15s ease}.g11x-access-room-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--room-color) 40%,var(--g11x-line));background:color-mix(in srgb,var(--room-color) 5%,var(--g11x-soft))}.g11x-access-room-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:var(--room-color);color:#fff;box-shadow:0 8px 22px color-mix(in srgb,var(--room-color) 24%,transparent)}.g11x-access-room-card b{font-size:10.5px}.g11x-access-room-card small{display:block;margin:3px 0 6px;font-size:7.5px;color:var(--g11x-muted)}.g11x-access-room-card>span:last-child svg{width:15px;height:15px;color:var(--g11x-muted)}.g11x-room-principle{display:flex;align-items:center;gap:8px;padding:9px 10px;margin-bottom:10px;border:1px solid color-mix(in srgb,var(--g11x-accent) 22%,var(--g11x-line));border-radius:13px;background:color-mix(in srgb,var(--g11x-accent) 5%,var(--g11x-soft))}.g11x-room-principle>svg{width:28px;height:28px;padding:7px;border-radius:9px;background:var(--g11x-panel);color:var(--g11x-accent)}.g11x-room-principle b{display:block;font-size:8.5px}.g11x-room-principle small{display:block;font-size:7px;color:var(--g11x-muted)}
.g11x-room-hero{display:grid;grid-template-columns:52px minmax(0,1fr) 34px;gap:11px;align-items:center;padding:13px;border:1px solid color-mix(in srgb,var(--room-color) 28%,var(--g11x-line));border-radius:18px;background:color-mix(in srgb,var(--room-color) 6%,var(--g11x-soft))}.g11x-room-hero>span{width:50px;height:50px;display:grid;place-items:center;border-radius:15px;background:var(--room-color);color:#fff}.g11x-room-hero>span svg{width:23px;height:23px}.g11x-room-hero h3{font-size:14px;margin:0}.g11x-room-hero p{margin:3px 0 6px;color:var(--g11x-muted);font-size:8px}
.g11x-user-picker{display:grid;gap:5px;max-height:270px;overflow:auto;margin-top:8px}.g11x-user-picker.tall{max-height:55dvh}.g11x-user-picker label{position:relative;display:grid;grid-template-columns:34px minmax(0,1fr) 24px;gap:8px;align-items:center;min-height:48px;padding:7px 8px;border:1px solid var(--g11x-line);border-radius:11px;background:var(--g11x-panel);cursor:pointer}.g11x-user-picker input{position:absolute;opacity:0}.g11x-user-picker b{font-size:8.5px}.g11x-user-picker small{display:block;font-size:7px;color:var(--g11x-muted)}.g11x-user-picker i{width:22px;height:22px;display:grid;place-items:center;border:1px solid var(--g11x-line);border-radius:7px;color:transparent}.g11x-user-picker input:checked~i{background:var(--g11x-accent);border-color:var(--g11x-accent);color:#fff}.g11x-user-picker i svg{width:12px;height:12px}
.g11x-room-key-list{display:grid;gap:6px}.g11x-room-key-list article{display:grid;grid-template-columns:36px minmax(0,1fr) auto 30px 30px;gap:7px;align-items:center;padding:8px;border:1px solid var(--g11x-line);border-radius:12px;background:var(--g11x-soft)}.g11x-room-key-list article.revoked{opacity:.62}.g11x-room-key-list>article>span:first-child{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:var(--g11x-panel);color:var(--g11x-accent)}.g11x-room-key-list b{font-size:8.5px}.g11x-room-key-list code{display:block;margin:2px 0;font-size:7px;color:var(--g11x-accent);direction:ltr;text-align:left}.g11x-room-key-list small{font-size:6.8px;color:var(--g11x-muted)}.g11x-secret-panel.sa23 p{font-size:8px;color:var(--g11x-muted);line-height:1.6}.g11x-secret-panel.sa23 code{font-size:11px;direction:ltr;text-align:center;user-select:all}
@media(max-width:900px){.g11x-permission-pack-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.g11x-security-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.g11x-access-room-grid{grid-template-columns:1fr}.g11x-user-actions-sa23{grid-template-columns:1fr 1fr}.g11x-person.sa23{grid-template-columns:42px minmax(0,1fr) auto 18px}.g11x-person-access{display:none}}
@media(max-width:760px){.g11x-drawer{width:100%;height:96dvh}.g11x-drawer-body{padding:13px 12px max(20px,env(safe-area-inset-bottom))}.g11x-filter-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.g11x-people-head{align-items:stretch;flex-direction:column}.g11x-person.sa23{grid-template-columns:42px minmax(0,1fr) 18px}.g11x-person-meta{grid-column:2;grid-row:2}.g11x-inspector-tabs.sa23{display:flex;overflow-x:auto;scrollbar-width:none}.g11x-inspector-tabs.sa23 button{min-width:94px}.g11x-user-actions-sa23{grid-template-columns:1fr}.g11x-danger-zone-compact{align-items:stretch;flex-direction:column}.g11x-simple-access-card{grid-template-columns:42px minmax(0,1fr)}.g11x-simple-access-card>.g11x-button{grid-column:1/-1;min-height:43px}.g11x-team-mode-cards{grid-template-columns:1fr 1fr}.g11x-team-mode-cards>.g11x-button{grid-column:1/-1}.g11x-admin-row.sa23{grid-template-columns:40px minmax(0,1fr) auto 18px}.g11x-admin-access-count{display:none}.g11x-role-grid.sa23,.g11x-role-choice-grid{grid-template-columns:1fr}.g11x-permission-pack-grid{grid-template-columns:1fr 1fr}.g11x-icon-picker{grid-template-columns:repeat(4,minmax(0,1fr))}.g11x-visibility-tiles,.g11x-switch-tiles{grid-template-columns:1fr}.g11x-tag-live-stage{top:-12px}.g11x-live-hint{display:none}.g11x-security-summary{grid-template-columns:1fr 1fr}.g11x-security-list-sa23 article{grid-template-columns:36px minmax(0,1fr) auto}.g11x-security-actions{grid-column:2/-1}.g11x-audit-toolbar{grid-template-columns:1fr}.g11x-audit-detail{grid-template-columns:1fr}.g11x-room-key-list article{grid-template-columns:34px minmax(0,1fr) auto}.g11x-room-key-list article>.g11x-icon-button{grid-row:2}.g11x-user-picker{max-height:35dvh}}
@media(prefers-reduced-motion:reduce){.g11x-access-room-card,.g11x-action-tile,.g11x-filter-cards button,.g11x-permission-pack,.g11x-icon-picker label,.g11x-color-palette button{transition:none!important;transform:none!important}}

/* SA2.3 Community Inspector clarity */
.g11x-community-hero-sa23{display:grid;grid-template-columns:54px minmax(0,1fr);gap:12px;align-items:center;padding:14px;border:1px solid var(--g11x-line);border-radius:18px;background:linear-gradient(135deg,color-mix(in srgb,var(--g11x-accent) 7%,var(--g11x-soft)),var(--g11x-soft))}.g11x-community-hero-icon{width:52px;height:52px;display:grid;place-items:center;border-radius:16px;background:color-mix(in srgb,var(--g11x-accent) 13%,var(--g11x-panel));color:var(--g11x-accent);font-size:24px}.g11x-community-hero-icon svg{width:25px;height:25px}.g11x-community-hero-sa23 small{font-size:7px;color:var(--g11x-muted)}.g11x-community-hero-sa23 h3{margin:1px 0 2px;font-size:15px}.g11x-community-hero-sa23 p{margin:0 0 6px;font-size:8px;color:var(--g11x-muted)}
.g11x-community-summary-sa23{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:9px 0}.g11x-community-summary-sa23 article{display:grid;grid-template-columns:32px minmax(0,1fr);gap:7px;align-items:center;padding:9px;border:1px solid var(--g11x-line);border-radius:13px;background:var(--g11x-soft)}.g11x-community-summary-sa23 article>svg{width:30px;height:30px;padding:7px;border-radius:9px;background:var(--g11x-panel);color:var(--g11x-accent)}.g11x-community-summary-sa23 small{display:block;font-size:6.8px;color:var(--g11x-muted)}.g11x-community-summary-sa23 b{display:block;margin-top:1px;font-size:8.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.g11x-community-actions-sa23{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:9px 0}.g11x-community-actions-sa23 .g11x-action-tile.critical{grid-column:1/-1;border-color:color-mix(in srgb,var(--g11x-danger) 30%,var(--g11x-line));background:color-mix(in srgb,var(--g11x-danger) 6%,var(--g11x-soft));color:var(--text)}.g11x-community-actions-sa23 .g11x-action-tile.critical>svg{color:var(--g11x-danger);background:color-mix(in srgb,var(--g11x-danger) 10%,var(--g11x-panel))}.g11x-community-actions-sa23 .g11x-action-tile.danger-soft>svg{color:var(--g11x-danger)}
.g11x-community-member-list-sa23{display:grid;gap:5px}.g11x-community-member-list-sa23 article{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:8px;align-items:center;padding:7px 8px;border:1px solid var(--g11x-line);border-radius:11px;background:var(--g11x-soft)}.g11x-community-member-list-sa23 b{font-size:8.5px}.g11x-community-member-list-sa23 small{display:block;font-size:6.8px;color:var(--g11x-muted);margin-top:1px}.g11x-technical-details{margin-top:9px;border:1px dashed var(--g11x-line);border-radius:13px;background:color-mix(in srgb,var(--g11x-soft) 70%,transparent)}.g11x-technical-details>summary{list-style:none;display:flex;align-items:center;gap:8px;padding:9px 10px;cursor:pointer}.g11x-technical-details>summary::-webkit-details-marker{display:none}.g11x-technical-details>summary>svg:first-child{width:26px;height:26px;padding:6px;border-radius:8px;background:var(--g11x-panel);color:var(--g11x-accent)}.g11x-technical-details>summary>span{flex:1}.g11x-technical-details>summary b{display:block;font-size:8.5px}.g11x-technical-details>summary small{display:block;font-size:6.8px;color:var(--g11x-muted)}.g11x-technical-details>summary>svg:last-child{width:13px;height:13px;transform:rotate(-90deg);transition:transform .14s ease}.g11x-technical-details[open]>summary>svg:last-child{transform:rotate(90deg)}.g11x-technical-details>.g11x-fact-grid{padding:0 9px 9px;margin:0}
@media(max-width:760px){.g11x-community-actions-sa23{grid-template-columns:1fr}.g11x-community-actions-sa23 .g11x-action-tile.critical{grid-column:auto}.g11x-community-summary-sa23{grid-template-columns:1fr 1fr}}

/* SA2.3 Super Admin IA + Menus + Rooms R1 */

/* SA2.3 clarity scale: inspector/menu text must remain readable on Windows and mobile */
.g11x-drawer-body,.g11x-modal-body{font-size:12px}
.g11x-field>span{font-size:11px}.g11x-field input:not([type=checkbox]):not([type=color]),.g11x-field select,.g11x-field textarea{font-size:12px}
.g11x-filter-cards button,.g11x-inspector-tabs.sa23 button{font-size:10.5px}
.g11x-person-title>b{font-size:12px}.g11x-person-access b{font-size:10.5px}.g11x-person-access small,.g11x-user-hero-copy p{font-size:9px}
.g11x-action-tile b{font-size:11px}.g11x-action-tile small{font-size:9px;line-height:1.55}
.g11x-simple-access-card h4{font-size:14px}.g11x-simple-access-card p{font-size:10px}
.g11x-access-advanced>summary b,.g11x-advanced-box>summary b{font-size:11px}.g11x-access-advanced>summary small,.g11x-advanced-box>summary small{font-size:9px}
.g11x-team-mode-cards>[data-team-mode] b{font-size:11px}.g11x-team-mode-cards>[data-team-mode] small{font-size:9px}
.g11x-simple-permission-head b{font-size:12px}.g11x-simple-permission-head small{font-size:9.5px}.g11x-permission-pack b{font-size:10px}.g11x-permission-pack small{font-size:8.5px}
.g11x-tag-preview-card b{font-size:12px}.g11x-tag-preview-card small{font-size:9px}.g11x-icon-picker label small{font-size:8.5px}.g11x-visibility-tiles b,.g11x-switch-tiles b{font-size:10.5px}.g11x-visibility-tiles small,.g11x-switch-tiles small{font-size:8.5px;line-height:1.55}
.g11x-security-summary b{font-size:12px}.g11x-security-summary small,.g11x-security-list-sa23 small{font-size:8.5px}.g11x-security-list-sa23 b{font-size:10.5px}
.g11x-audit-list-sa23 b{font-size:10.5px}.g11x-audit-list-sa23 small{font-size:8.5px}
.g11x-access-room-card b{font-size:11.5px}.g11x-access-room-card small,.g11x-room-principle small,.g11x-room-hero p,.g11x-room-key-list small{font-size:8.5px}.g11x-room-principle b,.g11x-room-key-list b{font-size:10px}
.g11x-community-hero-sa23 small,.g11x-community-hero-sa23 p{font-size:9px}.g11x-community-summary-sa23 small,.g11x-community-member-list-sa23 small,.g11x-technical-details>summary small{font-size:8.5px}.g11x-community-summary-sa23 b,.g11x-community-member-list-sa23 b,.g11x-technical-details>summary b{font-size:10px}
@media(max-width:760px){.g11x-drawer-body,.g11x-modal-body{font-size:13px}.g11x-field>span{font-size:11.5px}.g11x-field input:not([type=checkbox]):not([type=color]),.g11x-field select,.g11x-field textarea{font-size:13px}.g11x-action-tile b{font-size:12px}.g11x-action-tile small{font-size:9.5px}}


/* SA2.3 QA Hotfix1 — Rooms + Tag Studio + Menu Clarity */
.g11x-room-mode{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-bottom:12px}.g11x-room-mode>button{display:grid;grid-template-columns:42px minmax(0,1fr);gap:10px;align-items:center;min-height:68px;padding:10px 12px;border:1px solid var(--g11x-line);border-radius:16px;background:var(--g11x-panel);color:var(--text);text-align:start;cursor:pointer;transition:border-color .14s ease,background .14s ease,transform .14s ease}.g11x-room-mode>button>svg{width:40px;height:40px;padding:10px;border-radius:12px;background:var(--g11x-soft);color:var(--g11x-muted)}.g11x-room-mode b{display:block;font-size:11.5px}.g11x-room-mode small{display:block;margin-top:3px;font-size:8.5px;color:var(--g11x-muted)}.g11x-room-mode>button.active{border-color:color-mix(in srgb,var(--g11x-accent) 54%,var(--g11x-line));background:linear-gradient(135deg,color-mix(in srgb,var(--g11x-accent) 13%,var(--g11x-panel)),var(--g11x-panel));box-shadow:inset 3px 0 0 var(--g11x-accent)}.g11x-room-mode>button.active>svg{background:var(--g11x-accent);color:#fff}.g11x-room-mode>button:hover{transform:translateY(-1px)}
.g11x-room-workspace-toolbar{display:flex;align-items:center;gap:9px;margin-bottom:10px}.g11x-room-workspace-toolbar>.g11x-search{flex:1}.g11x-room-workspace-toolbar>div{display:flex;gap:7px;flex-wrap:wrap}.g11x-room-principle.current{border-color:color-mix(in srgb,#22c55e 28%,var(--g11x-line));background:color-mix(in srgb,#22c55e 6%,var(--g11x-soft))}.g11x-room-principle.current>svg{color:#22c55e}
.g11x-room-current-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.g11x-room-current-card{display:grid;grid-template-columns:46px minmax(0,1fr) 24px;gap:10px;align-items:center;padding:11px 12px;border:1px solid var(--g11x-line);border-radius:15px;background:var(--g11x-soft);color:var(--text);text-align:start;cursor:pointer;transition:.14s ease}.g11x-room-current-card:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--g11x-accent) 36%,var(--g11x-line));background:color-mix(in srgb,var(--g11x-accent) 5%,var(--g11x-soft))}.g11x-room-current-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:13px;background:var(--g11x-panel);color:var(--g11x-accent)}.g11x-room-current-icon svg{width:21px;height:21px}.g11x-room-current-card b{display:block;font-size:11px}.g11x-room-current-card small{display:block;margin:3px 0 5px;color:var(--g11x-muted);font-size:8.5px}.g11x-room-open{color:var(--g11x-muted)}.g11x-room-open svg{width:15px;height:15px}
.g11x-room-builder-hf1 .g11x-studio-block{border-color:color-mix(in srgb,var(--g11x-accent) 12%,var(--g11x-line));background:color-mix(in srgb,var(--g11x-panel) 92%,transparent)}.g11x-room-icon-picker{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.g11x-room-icon-picker>button{min-height:74px;display:grid;place-items:center;gap:5px;border:1px solid var(--g11x-line);border-radius:14px;background:var(--g11x-soft);color:var(--text);cursor:pointer}.g11x-room-icon-picker>button svg{width:25px;height:25px;color:var(--g11x-muted)}.g11x-room-icon-picker>button span{font-size:9.5px}.g11x-room-icon-picker>button.selected{border-color:color-mix(in srgb,var(--g11x-accent) 54%,var(--g11x-line));background:color-mix(in srgb,var(--g11x-accent) 9%,var(--g11x-soft))}.g11x-room-icon-picker>button.selected svg{color:var(--g11x-accent)}.g11x-room-color-preview{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:var(--room-color);color:#fff;box-shadow:0 8px 22px color-mix(in srgb,var(--room-color) 24%,transparent)}.g11x-room-color-preview svg{width:20px;height:20px}.g11x-color-palette.room.hf1{display:flex;gap:10px;flex-wrap:wrap}.g11x-color-palette.room.hf1>button{width:38px;height:38px;border-radius:50%;border:3px solid transparent;background:var(--swatch);box-shadow:0 0 0 1px var(--g11x-line);cursor:pointer}.g11x-color-palette.room.hf1>button.selected{box-shadow:0 0 0 3px var(--g11x-panel),0 0 0 5px var(--g11x-accent)}.g11x-selection-count{padding:5px 9px;border-radius:999px;background:var(--g11x-soft);color:var(--g11x-accent);font-size:8.5px;font-weight:900}.g11x-user-picker.hf1{border:1px solid var(--g11x-line);border-radius:14px;background:var(--g11x-soft);padding:5px}.g11x-room-key-toggle{width:100%;display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:9px;align-items:center;padding:10px 11px;border:1px solid var(--g11x-line);border-radius:14px;background:var(--g11x-soft);color:var(--text);text-align:start;cursor:pointer}.g11x-room-key-toggle>svg{width:36px;height:36px;padding:9px;border-radius:11px;background:var(--g11x-panel);color:var(--g11x-muted)}.g11x-room-key-toggle b{display:block;font-size:10.5px}.g11x-room-key-toggle small{display:block;font-size:8px;color:var(--g11x-muted)}.g11x-room-key-toggle>i{font-style:normal;padding:5px 8px;border-radius:999px;background:var(--g11x-panel);color:var(--g11x-muted);font-size:8px}.g11x-room-key-toggle.active{border-color:color-mix(in srgb,var(--g11x-accent) 45%,var(--g11x-line));background:color-mix(in srgb,var(--g11x-accent) 7%,var(--g11x-soft))}.g11x-room-key-toggle.active>svg{background:var(--g11x-accent);color:#fff}.g11x-room-key-toggle.active>i{background:color-mix(in srgb,var(--g11x-accent) 16%,var(--g11x-panel));color:var(--g11x-accent)}.g11x-room-key-toggle.disabled{opacity:.55;cursor:not-allowed}
.g11x-modal-actions.hf1{border-top:1px solid var(--g11x-line);padding-top:13px}.g11x-modal-actions.hf1 .g11x-button{min-height:42px}
.g11x-tag-live-stage.hf1{border:1px solid color-mix(in srgb,var(--g11x-accent) 20%,var(--g11x-line));border-radius:16px;padding:10px 12px;background:linear-gradient(135deg,color-mix(in srgb,var(--g11x-accent) 6%,var(--g11x-panel)),var(--g11x-panel))}.g11x-tag-preview-card.hf1>span{width:48px;height:48px;border-radius:14px}.g11x-tag-preview-card.hf1>span svg{width:25px;height:25px}.g11x-tag-preview-card.hf1 b{font-size:13px}.g11x-tag-preview-card.hf1 small{font-size:9.5px}
.g11x-icon-picker.hf1{grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}.g11x-icon-picker.hf1>button{position:relative;min-height:92px;display:grid;place-items:center;align-content:center;gap:6px;border:1px solid var(--g11x-line);border-radius:15px;background:var(--g11x-soft);color:var(--text);cursor:pointer;transition:.14s ease}.g11x-icon-picker.hf1>button>span{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;background:var(--g11x-panel);color:var(--g11x-muted)}.g11x-icon-picker.hf1>button>span svg{width:25px;height:25px}.g11x-icon-picker.hf1>button small{font-size:9px;color:var(--g11x-muted)}.g11x-icon-picker.hf1>button>i{position:absolute;top:7px;right:7px;width:20px;height:20px;display:grid;place-items:center;border-radius:50%;background:var(--g11x-panel);color:transparent}.g11x-icon-picker.hf1>button>i svg{width:12px;height:12px}.g11x-icon-picker.hf1>button.selected{border-color:color-mix(in srgb,var(--g11x-accent) 58%,var(--g11x-line));background:color-mix(in srgb,var(--g11x-accent) 9%,var(--g11x-soft));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--g11x-accent) 18%,transparent)}.g11x-icon-picker.hf1>button.selected>span{background:var(--g11x-accent);color:#fff}.g11x-icon-picker.hf1>button.selected>i{background:var(--g11x-accent);color:#fff}
.g11x-color-palette.hf1{display:grid;grid-template-columns:repeat(12,38px);gap:9px;align-items:center}.g11x-color-palette.hf1>button{position:relative;width:36px;height:36px;border-radius:12px;border:2px solid transparent;background:var(--swatch);cursor:pointer;box-shadow:0 0 0 1px color-mix(in srgb,var(--g11x-line) 90%,transparent)}.g11x-color-palette.hf1>button>i{position:absolute;inset:0;display:grid;place-items:center;color:transparent}.g11x-color-palette.hf1>button>i svg{width:15px;height:15px}.g11x-color-palette.hf1>button.selected{transform:translateY(-2px);box-shadow:0 0 0 3px var(--g11x-panel),0 0 0 5px var(--g11x-accent)}.g11x-color-palette.hf1>button.selected>i{color:#fff;text-shadow:0 1px 2px #000}.g11x-custom-color.hf1{min-height:38px;font-size:9px}.g11x-custom-color.hf1 input[type=color]{width:30px;height:30px}.g11x-text-color-row.hf1{margin-top:12px;padding-top:10px;border-top:1px solid var(--g11x-line)}
.g11x-visibility-tiles.hf1{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.g11x-visibility-tiles.hf1>button{position:relative;display:grid;grid-template-columns:46px minmax(0,1fr) 26px;gap:10px;align-items:center;min-height:78px;padding:11px;border:1px solid var(--g11x-line);border-radius:15px;background:var(--g11x-soft);color:var(--text);text-align:start;cursor:pointer}.g11x-visibility-tiles.hf1>button>span{width:44px;height:44px;display:grid;place-items:center;border-radius:13px;background:var(--g11x-panel);color:var(--g11x-muted)}.g11x-visibility-tiles.hf1>button>span svg{width:22px;height:22px}.g11x-visibility-tiles.hf1 b{display:block;font-size:11px}.g11x-visibility-tiles.hf1 small{display:block;margin-top:2px;font-size:8.5px;color:var(--g11x-muted)}.g11x-visibility-tiles.hf1>button>i{width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:var(--g11x-panel);color:transparent}.g11x-visibility-tiles.hf1>button>i svg{width:14px;height:14px}.g11x-visibility-tiles.hf1>button.selected{border-color:color-mix(in srgb,var(--g11x-accent) 58%,var(--g11x-line));background:linear-gradient(135deg,color-mix(in srgb,var(--g11x-accent) 12%,var(--g11x-soft)),var(--g11x-soft));box-shadow:inset 3px 0 0 var(--g11x-accent)}.g11x-visibility-tiles.hf1>button.selected>span,.g11x-visibility-tiles.hf1>button.selected>i{background:var(--g11x-accent);color:#fff}
.g11x-switch-tiles.hf1{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.g11x-switch-tiles.hf1>button{display:grid;grid-template-columns:44px minmax(0,1fr) 48px auto;gap:10px;align-items:center;min-height:82px;padding:11px;border:1px solid var(--g11x-line);border-radius:15px;background:var(--g11x-soft);color:var(--text);text-align:start;cursor:pointer}.g11x-switch-tiles.hf1>button>span{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:var(--g11x-panel);color:var(--g11x-muted)}.g11x-switch-tiles.hf1>button>span svg{width:21px;height:21px}.g11x-switch-tiles.hf1 b{font-size:11px}.g11x-switch-tiles.hf1 small{display:block;margin-top:2px;font-size:8.5px;color:var(--g11x-muted)}.g11x-switch-tiles.hf1>button>i{position:relative;width:44px;height:25px;border-radius:999px;background:#334155;border:1px solid #475569;transition:.14s ease}.g11x-switch-tiles.hf1>button>i>em{position:absolute;top:3px;left:3px;width:17px;height:17px;border-radius:50%;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.3);transition:.14s ease}.g11x-switch-tiles.hf1>button>strong{min-width:42px;padding:5px 7px;border-radius:999px;background:var(--g11x-panel);color:var(--g11x-muted);font-size:8px;text-align:center}.g11x-switch-tiles.hf1>button.active{border-color:color-mix(in srgb,#22c55e 48%,var(--g11x-line));background:color-mix(in srgb,#22c55e 7%,var(--g11x-soft))}.g11x-switch-tiles.hf1>button.active>span{background:color-mix(in srgb,#22c55e 18%,var(--g11x-panel));color:#22c55e}.g11x-switch-tiles.hf1>button.active>i{background:#22c55e;border-color:#22c55e}.g11x-switch-tiles.hf1>button.active>i>em{transform:translateX(19px)}.g11x-switch-tiles.hf1>button.active>strong{background:color-mix(in srgb,#22c55e 16%,var(--g11x-panel));color:#4ade80}
.g11x-drawer-body>.g11x-section,.g11x-modal-body>.g11x-section,.g11x-modal-body form>.g11x-studio-block{scroll-margin-top:12px}.g11x-drawer-body .g11x-section-head h3,.g11x-modal-body .g11x-studio-block>header b{letter-spacing:-.01em}.g11x-drawer-body .g11x-section-head{padding-bottom:8px;border-bottom:1px solid color-mix(in srgb,var(--g11x-line) 70%,transparent);margin-bottom:10px}.g11x-drawer-body .g11x-section{background:color-mix(in srgb,var(--g11x-panel) 96%,#000 4%)}
@media(max-width:900px){.g11x-color-palette.hf1{grid-template-columns:repeat(6,38px)}.g11x-room-current-grid{grid-template-columns:1fr}}
@media(max-width:760px){.g11x-room-mode{grid-template-columns:1fr}.g11x-room-workspace-toolbar{align-items:stretch;flex-direction:column}.g11x-room-workspace-toolbar>div{display:grid;grid-template-columns:1fr}.g11x-room-workspace-toolbar .g11x-button{width:100%;min-height:44px}.g11x-room-icon-picker{grid-template-columns:repeat(2,minmax(0,1fr))}.g11x-icon-picker.hf1{grid-template-columns:repeat(3,minmax(0,1fr))}.g11x-icon-picker.hf1>button{min-height:84px}.g11x-visibility-tiles.hf1,.g11x-switch-tiles.hf1{grid-template-columns:1fr}.g11x-switch-tiles.hf1>button{grid-template-columns:42px minmax(0,1fr) 44px auto}.g11x-color-palette.hf1{grid-template-columns:repeat(6,34px)}.g11x-color-palette.hf1>button{width:32px;height:32px}}
@media(prefers-reduced-motion:reduce){.g11x-room-mode>button,.g11x-room-current-card,.g11x-icon-picker.hf1>button,.g11x-visibility-tiles.hf1>button,.g11x-switch-tiles.hf1>button,.g11x-color-palette.hf1>button{transition:none!important;transform:none!important}}


/* SA2.4 — Spaces workspace */
.g11x-space-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px}
.g11x-space-card{--space-color:#168fd0;width:100%;display:grid;grid-template-columns:52px minmax(0,1fr) 18px;gap:13px;align-items:center;padding:14px;border:1px solid color-mix(in srgb,var(--space-color) 24%,var(--g11x-line));border-radius:20px;background:linear-gradient(145deg,color-mix(in srgb,var(--space-color) 8%,var(--g11x-panel)),var(--g11x-panel));color:var(--text,#f8fafc);text-align:start;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.g11x-space-card:hover,.g11x-space-card:focus-visible{transform:translateY(-2px);border-color:color-mix(in srgb,var(--space-color) 56%,var(--g11x-line));box-shadow:0 14px 38px color-mix(in srgb,var(--space-color) 10%,transparent)}
.g11x-space-card>svg{width:16px;height:16px;opacity:.55;transform:rotate(180deg)}
.g11x-space-card-icon{width:50px;height:50px;border-radius:16px;display:grid;place-items:center;background:var(--space-color);color:#fff;box-shadow:0 10px 24px color-mix(in srgb,var(--space-color) 25%,transparent)}
.g11x-space-card-icon svg{width:25px;height:25px}.g11x-space-card>div{min-width:0;display:grid;gap:5px}.g11x-space-card-title{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.g11x-space-card-title>b{font-size:14px}.g11x-space-card p{margin:0;font-size:11px;line-height:1.65;color:var(--g11x-muted)}.g11x-space-card small{font-size:10px;color:var(--g11x-muted)}
.g11x-space-hero{--space-color:#168fd0;display:grid;grid-template-columns:58px minmax(0,1fr) auto;gap:14px;align-items:center;padding:16px;border:1px solid color-mix(in srgb,var(--space-color) 30%,var(--g11x-line));border-radius:22px;background:color-mix(in srgb,var(--space-color) 8%,var(--g11x-panel));margin-bottom:14px}.g11x-space-hero>span:first-child{width:56px;height:56px;border-radius:18px;display:grid;place-items:center;background:var(--space-color);color:#fff}.g11x-space-hero>span:first-child svg{width:29px;height:29px}.g11x-space-hero>div{min-width:0}.g11x-space-hero small{font-size:10px;color:var(--space-color);font-weight:900}.g11x-space-hero h3{margin:3px 0;font-size:18px}.g11x-space-hero p{margin:0;color:var(--g11x-muted);font-size:11px;line-height:1.65}
.g11x-space-member-list,.g11x-space-key-list,.g11x-space-membership-list{display:grid;gap:8px}
.g11x-space-member-list article,.g11x-space-key-list article,.g11x-space-membership-list article{--space-color:#168fd0;display:grid;grid-template-columns:42px minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:10px 11px;border:1px solid var(--g11x-line);border-radius:16px;background:var(--g11x-panel-2)}
.g11x-space-member-list article>div,.g11x-space-key-list article>div,.g11x-space-membership-list article>div{display:grid;gap:2px;min-width:0}.g11x-space-member-list b,.g11x-space-key-list b,.g11x-space-membership-list b{font-size:12px}.g11x-space-member-list small,.g11x-space-key-list small,.g11x-space-membership-list small{font-size:9.5px;color:var(--g11x-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.g11x-space-key-list code{direction:ltr;text-align:left;font-size:10px;color:var(--space-color,#168fd0)}
.g11x-space-membership-list article>span:first-child{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;background:color-mix(in srgb,var(--space-color) 14%,var(--g11x-panel));color:var(--space-color)}.g11x-space-membership-list article>span:first-child svg{width:21px;height:21px}
.g11x-space-membership-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.g11x-space-membership-head>div{display:grid;gap:2px}.g11x-space-membership-head b{font-size:13px}.g11x-space-membership-head small{font-size:10px;color:var(--g11x-muted)}
.g11x-space-picker{display:grid;gap:8px}.g11x-space-picker label{--space-color:#168fd0;position:relative;display:grid;grid-template-columns:42px minmax(0,1fr) 24px;gap:10px;align-items:center;padding:10px;border:1px solid var(--g11x-line);border-radius:16px;background:var(--g11x-panel-2);cursor:pointer}.g11x-space-picker input{position:absolute;opacity:0;pointer-events:none}.g11x-space-picker label>span{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;color:var(--space-color);background:color-mix(in srgb,var(--space-color) 12%,var(--g11x-panel))}.g11x-space-picker label>span svg{width:21px;height:21px}.g11x-space-picker label>div{display:grid;gap:2px}.g11x-space-picker label b{font-size:12px}.g11x-space-picker label small{font-size:10px;color:var(--g11x-muted)}.g11x-space-picker label>i{width:22px;height:22px;border-radius:8px;display:grid;place-items:center;border:1px solid var(--g11x-line);color:transparent}.g11x-space-picker input:checked~i{background:var(--space-color);border-color:var(--space-color);color:#fff}.g11x-space-picker input:checked~span{background:var(--space-color);color:#fff}.g11x-space-picker label:has(input:checked){border-color:color-mix(in srgb,var(--space-color) 65%,var(--g11x-line));background:color-mix(in srgb,var(--space-color) 8%,var(--g11x-panel))}
.g11x-space-admin-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.g11x-one-time-key{display:grid;grid-template-columns:56px minmax(0,1fr);gap:13px;align-items:start;padding:16px;border:1px solid color-mix(in srgb,#10b981 35%,var(--g11x-line));border-radius:20px;background:color-mix(in srgb,#10b981 7%,var(--g11x-panel))}.g11x-one-time-key>span{width:54px;height:54px;border-radius:17px;display:grid;place-items:center;background:#10b981;color:#fff}.g11x-one-time-key>span svg{width:27px;height:27px}.g11x-one-time-key>div{display:grid;gap:7px}.g11x-one-time-key small{font-size:10px;color:#10b981;font-weight:900}.g11x-one-time-key code{direction:ltr;text-align:left;display:block;padding:10px;border-radius:12px;background:var(--g11x-panel-2);font-size:13px;overflow:auto}.g11x-one-time-key p{margin:0;font-size:10px;color:var(--g11x-muted);line-height:1.7}
.g11x-loading-line{padding:8px 0;font-size:10px;color:var(--g11x-muted)}
.g11x-danger-check.normal{border-color:var(--g11x-line);background:var(--g11x-panel-2);color:var(--text,#f8fafc)}
@media(max-width:760px){.g11x-space-grid{grid-template-columns:1fr}.g11x-space-card{grid-template-columns:48px minmax(0,1fr) 16px;padding:12px}.g11x-space-hero{grid-template-columns:50px minmax(0,1fr);padding:13px}.g11x-space-hero>.g11x-chip{grid-column:1/-1;justify-self:start}.g11x-space-member-list article,.g11x-space-key-list article,.g11x-space-membership-list article{grid-template-columns:40px minmax(0,1fr) auto}.g11x-space-key-list article>.g11x-chip{display:none}.g11x-space-membership-head{align-items:flex-start;flex-direction:column}}
@media(prefers-reduced-motion:reduce){.g11x-space-card{transition:none!important}}

/* SA2.5 — Admin Modal Redesign + Space Keys Manager R1 */
.g11x-modal-layer,.g11x-drawer-layer{background:rgba(1,7,15,.62);backdrop-filter:blur(11px)}
.g11x-modal{width:min(720px,calc(100vw - 34px));border-radius:28px;border-color:color-mix(in srgb,var(--g11x-line) 72%,#7c8da8 28%);background:linear-gradient(180deg,color-mix(in srgb,var(--g11x-panel,#101827) 97%,#1d2a3f 3%),var(--g11x-panel,#101827));box-shadow:0 34px 110px rgba(0,0,0,.48)}
.g11x-modal.wide{width:min(980px,calc(100vw - 34px))}
.g11x-modal>header{position:sticky;top:0;z-index:4;padding:19px 22px 16px;background:linear-gradient(180deg,color-mix(in srgb,var(--g11x-panel,#101827) 99%,#243247 1%),color-mix(in srgb,var(--g11x-panel,#101827) 96%,transparent));backdrop-filter:blur(18px);border-bottom-color:color-mix(in srgb,var(--g11x-line) 75%,transparent)}
.g11x-modal>header>div{min-width:0}.g11x-modal>header span{font-size:9.5px;letter-spacing:.06em}.g11x-modal>header h3{margin:4px 0 4px;font-size:20px;letter-spacing:-.025em}.g11x-modal>header p{font-size:11.5px;line-height:1.75;max-width:760px}.g11x-modal-body{padding:21px 22px 24px;font-size:13.5px}
.g11x-drawer{width:min(760px,96vw);background:linear-gradient(180deg,color-mix(in srgb,var(--g11x-panel,#101827) 98%,#1e293b 2%),var(--g11x-panel,#101827));box-shadow:-34px 0 100px rgba(0,0,0,.42)}
.g11x-drawer>header{position:sticky;top:0;z-index:5;min-height:82px;padding:16px 20px;background:color-mix(in srgb,var(--g11x-panel,#101827) 96%,transparent);backdrop-filter:blur(18px);border-bottom-color:color-mix(in srgb,var(--g11x-line) 76%,transparent)}
.g11x-drawer-body{padding:20px 20px 30px;font-size:13.5px}.g11x-drawer-title.sa25{gap:12px;align-items:center}.g11x-drawer-title.sa25 .g11x-drawer-icon{width:46px;height:46px;border-radius:15px;background:color-mix(in srgb,var(--drawer-accent,var(--g11x-accent)) 15%,var(--g11x-soft));color:var(--drawer-accent,var(--g11x-accent));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--drawer-accent,var(--g11x-accent)) 22%,transparent)}.g11x-drawer-title.sa25 .g11x-drawer-icon svg{width:23px;height:23px}.g11x-drawer-title.sa25 small{font-size:9px;letter-spacing:.06em;text-transform:none}.g11x-drawer-title.sa25 h3{font-size:18px;line-height:1.35;margin-top:3px}.g11x-drawer-title.sa25 p{margin:3px 0 0;color:var(--g11x-muted);font-size:10px;line-height:1.55}
.g11x-drawer .g11x-icon-button[data-drawer-close],.g11x-modal .g11x-icon-button[data-modal-close]{width:40px;height:40px;border-radius:13px;background:var(--g11x-soft);border-color:color-mix(in srgb,var(--g11x-line) 84%,#8391a6 16%)}
.g11x-section{padding:17px 18px;border-radius:20px;background:linear-gradient(180deg,color-mix(in srgb,var(--g11x-panel) 97%,#223049 3%),var(--g11x-panel));box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}.g11x-section-head{margin-bottom:14px;padding-bottom:11px!important}.g11x-section-head h3{font-size:14px!important}.g11x-section-head p{font-size:10.5px!important;line-height:1.7}.g11x-section-actions{display:flex;gap:8px;flex-wrap:wrap}
.g11x-button{min-height:42px;padding:9px 14px;border-radius:13px;font-size:11px}.g11x-button.primary{box-shadow:0 10px 28px color-mix(in srgb,var(--g11x-accent) 20%,transparent)}.g11x-icon-button{transition:transform .14s ease,border-color .14s ease,background .14s ease}.g11x-icon-button:hover{transform:translateY(-1px)}
.g11x-field{gap:7px;padding:11px 12px;border-radius:15px;background:color-mix(in srgb,var(--g11x-soft) 82%,transparent);border:1px solid color-mix(in srgb,var(--g11x-line) 86%,transparent)}.g11x-field>span{font-size:11.5px!important}.g11x-field>small{font-size:9px;line-height:1.55;color:var(--g11x-muted)}.g11x-field input:not([type=checkbox]):not([type=color]),.g11x-field select,.g11x-field textarea{font-size:13px!important;border-radius:12px!important;min-height:46px!important;background:color-mix(in srgb,var(--g11x-panel) 76%,#26354b 24%)!important}.g11x-form-grid{gap:12px}.g11x-form-shell.sa25{display:grid;gap:14px}.g11x-form-intro.sa25{display:grid;grid-template-columns:46px minmax(0,1fr) auto;gap:12px;align-items:center;padding:13px 14px;border:1px solid color-mix(in srgb,var(--g11x-accent) 22%,var(--g11x-line));border-radius:17px;background:linear-gradient(135deg,color-mix(in srgb,var(--g11x-accent) 8%,var(--g11x-soft)),var(--g11x-soft))}.g11x-form-intro.sa25>svg{width:44px;height:44px;padding:11px;border-radius:13px;background:var(--g11x-accent);color:#fff}.g11x-form-intro.sa25 b{display:block;font-size:12.5px}.g11x-form-intro.sa25 small{display:block;margin-top:3px;color:var(--g11x-muted);font-size:9.5px;line-height:1.55}.g11x-modal-actions.sa25{position:sticky;bottom:-24px;z-index:3;margin-top:4px;padding:16px 0 2px;background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--g11x-panel) 98%,#000) 28%);border-top:1px solid color-mix(in srgb,var(--g11x-line) 72%,transparent)}
.g11x-inspector-tabs.sa23,.g11x-inspector-tabs.sa25{position:sticky;top:-20px;z-index:3;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px;padding:12px 0 10px;margin:8px 0 14px;background:linear-gradient(180deg,color-mix(in srgb,var(--g11x-panel) 99%,transparent) 76%,transparent);overflow:visible}.g11x-inspector-tabs.sa25.community{grid-template-columns:repeat(3,minmax(0,1fr))}.g11x-inspector-tabs.sa23 button,.g11x-inspector-tabs.sa25 button{position:relative;display:flex;align-items:center;justify-content:center;gap:7px;min-height:48px;padding:8px 10px;border-radius:14px;font-size:10.5px;font-weight:850;border:1px solid var(--g11x-line);background:var(--g11x-soft);color:var(--g11x-muted);transition:transform .14s ease,border-color .14s ease,background .14s ease,color .14s ease}.g11x-inspector-tabs.sa23 button:hover,.g11x-inspector-tabs.sa25 button:hover{transform:translateY(-1px);color:var(--text)}.g11x-inspector-tabs.sa23 button.active,.g11x-inspector-tabs.sa25 button.active{background:linear-gradient(135deg,var(--g11x-accent),color-mix(in srgb,var(--g11x-accent) 72%,#38bdf8));border-color:transparent;color:#fff;box-shadow:0 10px 25px color-mix(in srgb,var(--g11x-accent) 18%,transparent)}.g11x-inspector-tabs.sa23 svg,.g11x-inspector-tabs.sa25 svg{width:16px;height:16px}.g11x-inspector-tabs.sa25 em{font-style:normal;font-size:8.5px;padding:3px 6px;border-radius:999px;background:rgba(255,255,255,.08)}.g11x-inspector-tabs.sa25 button.active em{background:rgba(255,255,255,.2)}.g11x-inspector-panel.sa25,.g11x-inspector-panel{padding-top:2px}
.g11x-user-hero-sa23{grid-template-columns:68px minmax(0,1fr);padding:18px;border-radius:22px;background:linear-gradient(135deg,color-mix(in srgb,var(--g11x-accent) 10%,var(--g11x-soft)),color-mix(in srgb,var(--g11x-soft) 97%,#223049 3%))}.g11x-user-hero-sa23 .g11x-avatar.xl{width:64px;height:64px;border-radius:20px}.g11x-user-name-row h3{font-size:19px}.g11x-user-hero-copy p{font-size:10.5px}.g11x-fact-grid.sa23{gap:10px}.g11x-fact-grid.sa23>div{padding:14px;border-radius:15px}.g11x-fact-grid.sa23 span{font-size:9.5px}.g11x-fact-grid.sa23 b{font-size:12px;margin-top:4px}.g11x-user-actions-sa23{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:12px 0}.g11x-action-tile{min-height:78px;padding:12px;border-radius:17px;grid-template-columns:42px minmax(0,1fr)}.g11x-action-tile>svg{width:40px;height:40px;padding:10px;border-radius:13px}.g11x-action-tile b{font-size:11.5px}.g11x-action-tile small{font-size:9px;line-height:1.55}.g11x-simple-access-card{padding:16px;border-radius:20px}.g11x-simple-access-card h4{font-size:15px}.g11x-simple-access-card p{font-size:10px}.g11x-danger-zone-compact{padding:14px 15px;border-radius:17px}.g11x-danger-zone-compact b{font-size:11px}.g11x-danger-zone-compact small{font-size:9px}
.g11x-community-hero-sa23.sa25{display:grid;grid-template-columns:62px minmax(0,1fr);gap:14px;align-items:center;padding:17px 18px;border-radius:22px;border:1px solid color-mix(in srgb,var(--g11x-accent) 20%,var(--g11x-line));background:linear-gradient(135deg,color-mix(in srgb,var(--g11x-accent) 8%,var(--g11x-soft)),var(--g11x-soft))}.g11x-community-hero-sa23.sa25 .g11x-community-hero-icon{width:60px;height:60px;border-radius:18px;display:grid;place-items:center;background:color-mix(in srgb,var(--g11x-accent) 15%,var(--g11x-panel));color:var(--g11x-accent);font-size:24px}.g11x-community-hero-sa23.sa25 .g11x-community-hero-icon svg{width:28px;height:28px}.g11x-community-hero-sa23.sa25 h3{font-size:18px;margin:3px 0}.g11x-community-hero-sa23.sa25 small,.g11x-community-hero-sa23.sa25 p{font-size:10px!important}.g11x-community-summary-sa23.sa25{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.g11x-community-summary-sa23.sa25 article{padding:12px;border-radius:15px}.g11x-community-summary-sa23.sa25 article>svg{width:36px;height:36px;padding:9px;border-radius:11px}.g11x-community-summary-sa23.sa25 small{font-size:8.5px!important}.g11x-community-summary-sa23.sa25 b{font-size:10.5px!important}.g11x-community-actions-sa23.sa25{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.g11x-community-actions-sa23.sa25 .g11x-action-tile.critical{grid-column:1/-1}.g11x-community-member-list-sa23.sa25{gap:8px}.g11x-community-member-list-sa23.sa25 article{grid-template-columns:42px minmax(0,1fr) auto;padding:10px 11px;border-radius:15px}.g11x-community-member-list-sa23.sa25 b{font-size:11px}.g11x-community-member-list-sa23.sa25 small{font-size:9px}
.g11x-panel-heading.sa25,.g11x-key-manager-head.sa25{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;padding:2px 1px}.g11x-panel-heading.sa25 b,.g11x-key-manager-head.sa25 b{display:block;font-size:13px}.g11x-panel-heading.sa25 small,.g11x-key-manager-head.sa25 small{display:block;margin-top:3px;font-size:9.5px;line-height:1.6;color:var(--g11x-muted);max-width:520px}.g11x-info-banner.sa25{display:grid;grid-template-columns:42px minmax(0,1fr);gap:11px;align-items:center;padding:12px 13px;margin-top:12px;border:1px solid color-mix(in srgb,#38bdf8 24%,var(--g11x-line));border-radius:16px;background:color-mix(in srgb,#38bdf8 6%,var(--g11x-soft))}.g11x-info-banner.sa25>svg{width:40px;height:40px;padding:10px;border-radius:12px;background:color-mix(in srgb,#38bdf8 15%,var(--g11x-panel));color:#38bdf8}.g11x-info-banner.sa25 b{font-size:11px}.g11x-info-banner.sa25 p{margin:3px 0 0;color:var(--g11x-muted);font-size:9px;line-height:1.55}
.g11x-space-hero.sa25{grid-template-columns:66px minmax(0,1fr) auto;padding:18px;border-radius:23px;margin-bottom:6px}.g11x-space-hero.sa25>span:first-child{width:64px;height:64px;border-radius:20px}.g11x-space-hero.sa25>span:first-child svg{width:31px;height:31px}.g11x-space-hero.sa25 h3{font-size:20px}.g11x-space-hero.sa25 p{font-size:10.5px}.g11x-space-dashboard.sa25{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.g11x-space-stat.sa25{display:grid;grid-template-columns:42px minmax(0,1fr);gap:10px;align-items:center;padding:13px;border:1px solid var(--g11x-line);border-radius:16px;background:var(--g11x-soft)}.g11x-space-stat.sa25>span{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:color-mix(in srgb,var(--space-color,var(--g11x-accent)) 12%,var(--g11x-panel));color:var(--space-color,var(--g11x-accent))}.g11x-space-stat.sa25>span svg{width:20px;height:20px}.g11x-space-stat.sa25 b{display:block;font-size:14px}.g11x-space-stat.sa25 small{font-size:8.5px;color:var(--g11x-muted)}.g11x-space-quick-actions.sa25{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px}
.g11x-space-member-list.sa25,.g11x-space-key-list.sa25{gap:9px}.g11x-space-member-list.sa25 article{grid-template-columns:44px minmax(0,1fr) auto auto;min-height:64px;padding:10px 12px;border-radius:16px}.g11x-space-member-list.sa25 b{font-size:11.5px}.g11x-space-member-list.sa25 small{font-size:9px}
.g11x-space-key-list.sa25{display:grid}.g11x-space-key-card.sa25{width:100%;display:grid;grid-template-columns:48px minmax(0,1fr) 22px;gap:12px;align-items:center;padding:12px 13px;border:1px solid var(--g11x-line);border-radius:17px;background:var(--g11x-soft);color:var(--text);text-align:start;cursor:pointer;transition:transform .14s ease,border-color .14s ease,background .14s ease}.g11x-space-key-card.sa25:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--g11x-accent) 30%,var(--g11x-line));background:color-mix(in srgb,var(--g11x-accent) 4%,var(--g11x-soft))}.g11x-space-key-card.sa25.revoked{opacity:.62}.g11x-space-key-icon{width:46px;height:46px;display:grid;place-items:center;border-radius:14px;background:color-mix(in srgb,var(--g11x-accent) 13%,var(--g11x-panel));color:var(--g11x-accent)}.g11x-space-key-icon svg{width:23px;height:23px}.g11x-space-key-copy{display:grid;gap:4px;min-width:0}.g11x-space-key-copy>div{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.g11x-space-key-copy b{font-size:11.5px}.g11x-space-key-copy code{font-size:10.5px;color:#38bdf8}.g11x-space-key-copy small{font-size:9px;color:var(--g11x-muted)}.g11x-space-key-open{opacity:.5;transform:rotate(180deg)}.g11x-space-key-open svg{width:16px;height:16px}
.g11x-key-mode-grid.sa25{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.g11x-key-mode-grid.sa25>button{display:grid;grid-template-columns:42px minmax(0,1fr) 24px;gap:10px;align-items:center;padding:12px;border:1px solid var(--g11x-line);border-radius:16px;background:var(--g11x-soft);color:var(--text);text-align:start;cursor:pointer}.g11x-key-mode-grid.sa25>button>svg{width:40px;height:40px;padding:10px;border-radius:12px;background:var(--g11x-panel);color:var(--g11x-muted)}.g11x-key-mode-grid.sa25 b{font-size:11px}.g11x-key-mode-grid.sa25 small{display:block;margin-top:2px;font-size:8.5px;color:var(--g11x-muted)}.g11x-key-mode-grid.sa25 i{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;border:1px solid var(--g11x-line);color:transparent}.g11x-key-mode-grid.sa25>button.active{border-color:color-mix(in srgb,var(--g11x-accent) 48%,var(--g11x-line));background:color-mix(in srgb,var(--g11x-accent) 8%,var(--g11x-soft))}.g11x-key-mode-grid.sa25>button.active>svg,.g11x-key-mode-grid.sa25>button.active i{background:var(--g11x-accent);color:#fff;border-color:var(--g11x-accent)}.g11x-custom-space-key.sa25[hidden]{display:none!important}
.g11x-key-detail-hero.sa25{display:grid;grid-template-columns:56px minmax(0,1fr) auto;gap:13px;align-items:start;padding:15px;border:1px solid color-mix(in srgb,var(--g11x-accent) 24%,var(--g11x-line));border-radius:19px;background:linear-gradient(135deg,color-mix(in srgb,var(--g11x-accent) 7%,var(--g11x-soft)),var(--g11x-soft))}.g11x-key-detail-hero.sa25>span:first-child{width:54px;height:54px;border-radius:16px;display:grid;place-items:center;background:var(--g11x-accent);color:#fff}.g11x-key-detail-hero.sa25>span:first-child svg{width:27px;height:27px}.g11x-key-detail-hero.sa25 small{display:block;font-size:9px;color:var(--g11x-accent);font-weight:900}.g11x-key-detail-hero.sa25 code{display:block;margin:4px 0;font-size:13px;color:#7dd3fc}.g11x-key-detail-hero.sa25 p{margin:4px 0 0;font-size:9.5px;line-height:1.65;color:var(--g11x-muted)}.g11x-key-facts.sa25{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:10px 0 12px}.g11x-key-facts.sa25>div,.g11x-settings-summary.sa25>div{padding:11px 12px;border:1px solid var(--g11x-line);border-radius:14px;background:var(--g11x-soft)}.g11x-key-facts.sa25 span,.g11x-settings-summary.sa25 span{display:block;font-size:8.5px;color:var(--g11x-muted)}.g11x-key-facts.sa25 b,.g11x-settings-summary.sa25 b,.g11x-settings-summary.sa25 code{display:block;margin-top:4px;font-size:10.5px}.g11x-settings-summary.sa25{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.g11x-key-rotation-zone.sa25{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center;margin-top:12px;padding:13px 14px;border:1px solid color-mix(in srgb,#f59e0b 22%,var(--g11x-line));border-radius:17px;background:color-mix(in srgb,#f59e0b 5%,var(--g11x-soft))}.g11x-key-rotation-zone.sa25 b{display:block;font-size:11.5px}.g11x-key-rotation-zone.sa25 small{display:block;margin-top:3px;font-size:8.8px;color:var(--g11x-muted)}.g11x-key-rotation-zone.sa25>div:last-child{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.g11x-random-key-card.sa25{display:grid;grid-template-columns:46px minmax(0,1fr);gap:11px;align-items:center;padding:13px;border:1px dashed color-mix(in srgb,var(--g11x-accent) 40%,var(--g11x-line));border-radius:16px;background:color-mix(in srgb,var(--g11x-accent) 5%,var(--g11x-soft))}.g11x-random-key-card.sa25>svg{width:44px;height:44px;padding:11px;border-radius:13px;background:var(--g11x-accent);color:#fff}.g11x-random-key-card.sa25 b{font-size:11.5px}.g11x-random-key-card.sa25 small{display:block;font-size:9px;color:var(--g11x-muted)}
.g11x-one-time-key.sa25{grid-template-columns:60px minmax(0,1fr);padding:18px;border-radius:21px}.g11x-secret-display.sa25{display:grid;grid-template-columns:minmax(0,1fr) 42px;gap:8px;align-items:center;margin:4px 0}.g11x-secret-display.sa25 code{font-size:14px!important;letter-spacing:.02em}.g11x-secret-display.sa25 button{width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--g11x-line);border-radius:12px;background:var(--g11x-panel);color:var(--text);cursor:pointer}.g11x-one-time-key.sa25 p strong{color:#fff}
.g11x-community-list.sa25{display:grid;gap:8px}.g11x-community-list.sa25>button{display:grid;grid-template-columns:44px minmax(0,1fr) 18px;gap:10px;align-items:center;padding:11px 12px;border:1px solid var(--g11x-line);border-radius:16px;background:var(--g11x-soft);color:var(--text);text-align:start;cursor:pointer}.g11x-community-list.sa25>button>span{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:var(--g11x-panel);color:var(--g11x-accent)}.g11x-community-list.sa25 b{font-size:11px}.g11x-community-list.sa25 small{display:block;margin-top:2px;font-size:9px;color:var(--g11x-muted)}.g11x-community-list.sa25>button>svg{width:15px;height:15px;opacity:.5;transform:rotate(180deg)}
.g11x-role-builder.sa25{display:grid;gap:14px}.g11x-role-builder.sa25 .g11x-permission-pack-grid{gap:10px}.g11x-role-builder.sa25 .g11x-permission-pack{min-height:72px;padding:11px;border-radius:15px;grid-template-columns:40px minmax(0,1fr) 22px}.g11x-role-builder.sa25 .g11x-permission-pack>svg{width:38px;height:38px;padding:10px;border-radius:12px}.g11x-role-builder.sa25 .g11x-permission-pack b{font-size:10.5px}.g11x-role-builder.sa25 .g11x-permission-pack small{font-size:8.5px}.g11x-role-builder.sa25 .g11x-permission-builder.sa23>section{border:1px solid var(--g11x-line);border-radius:17px;padding:12px;background:var(--g11x-soft);margin-top:9px}.g11x-role-builder.sa25 .g11x-permission-option{min-height:52px;padding:9px;border-radius:12px;grid-template-columns:34px minmax(0,1fr) auto}.g11x-role-builder.sa25 .g11x-permission-option>span{width:32px;height:32px;border-radius:10px}.g11x-role-builder.sa25 .g11x-permission-option b{font-size:10px}.g11x-role-builder.sa25 .g11x-permission-option small{font-size:8.5px}.g11x-role-builder.sa25 .g11x-permission-option em{font-size:7.5px}
.g11x-tag-builder-hf1{display:grid;gap:14px}.g11x-tag-live-stage.hf1{padding:14px 15px;border-radius:19px}.g11x-tag-preview-card.hf1>span{width:56px;height:56px;border-radius:17px}.g11x-tag-preview-card.hf1>span svg{width:29px;height:29px}.g11x-tag-preview-card.hf1 b{font-size:15px}.g11x-tag-preview-card.hf1 small{font-size:10.5px}.g11x-studio-block.hf1,.g11x-studio-block.sa25{padding:15px;border-radius:18px}.g11x-studio-block.hf1>header b,.g11x-studio-block.sa25>header b{font-size:12px}.g11x-studio-block.hf1>header small,.g11x-studio-block.sa25>header small{font-size:9px;line-height:1.55}.g11x-icon-picker.hf1>button{min-height:102px;border-radius:17px}.g11x-icon-picker.hf1>button>span{width:54px;height:54px;border-radius:16px}.g11x-icon-picker.hf1>button>span svg{width:29px;height:29px}.g11x-visibility-tiles.hf1>button{min-height:88px;padding:13px;border-radius:17px}.g11x-visibility-tiles.hf1>button>span{width:50px;height:50px;border-radius:15px}.g11x-visibility-tiles.hf1 b,.g11x-switch-tiles.hf1 b{font-size:12px}.g11x-visibility-tiles.hf1 small,.g11x-switch-tiles.hf1 small{font-size:9px}.g11x-switch-tiles.hf1>button{min-height:90px;padding:13px;border-radius:17px}
.g11x-audit-detail{gap:10px}.g11x-audit-detail>div{padding:13px;border-radius:15px}.g11x-audit-detail span{font-size:9px}.g11x-audit-detail b,.g11x-audit-detail code{font-size:11px}.g11x-audit-json{font:10px/1.75 ui-monospace,monospace;padding:12px;border-radius:12px;background:var(--g11x-panel)}.g11x-audit-event{min-height:62px;padding:11px;border-radius:15px}.g11x-audit-node{width:42px;height:42px;border-radius:13px}.g11x-audit-title b{font-size:11px}.g11x-audit-event small{font-size:9px}.g11x-audit-event code{font-size:8.5px}
.g11x-backup-list article{padding:12px!important;border-radius:16px!important}.g11x-backup-list article b{font-size:11px}.g11x-backup-list article small{font-size:9px}.g11x-backup-list article code{font-size:9px}
@media(max-width:980px){.g11x-space-dashboard.sa25{grid-template-columns:repeat(2,minmax(0,1fr))}.g11x-space-quick-actions.sa25{grid-template-columns:1fr 1fr}.g11x-community-summary-sa23.sa25{grid-template-columns:repeat(2,minmax(0,1fr))}.g11x-key-facts.sa25{grid-template-columns:repeat(2,minmax(0,1fr))}.g11x-key-rotation-zone.sa25{grid-template-columns:1fr}.g11x-key-rotation-zone.sa25>div:last-child{justify-content:flex-start}}
@media(max-width:760px){.g11x-modal{width:100%!important;border-radius:26px 26px 0 0}.g11x-modal>header{padding:15px 15px 13px}.g11x-modal>header h3{font-size:18px}.g11x-modal>header p{font-size:10.5px}.g11x-modal-body{padding:14px 14px max(22px,env(safe-area-inset-bottom));font-size:13px}.g11x-drawer{width:100%;height:96dvh;border-radius:26px 26px 0 0}.g11x-drawer>header{min-height:72px;padding:13px 14px}.g11x-drawer-body{padding:13px 12px max(22px,env(safe-area-inset-bottom));font-size:13px}.g11x-drawer-title.sa25 .g11x-drawer-icon{width:42px;height:42px}.g11x-drawer-title.sa25 h3{font-size:16px}.g11x-drawer-title.sa25 p{display:none}.g11x-inspector-tabs.sa23,.g11x-inspector-tabs.sa25,.g11x-inspector-tabs.sa25.community{display:flex;overflow-x:auto;scrollbar-width:none;top:-13px;gap:6px}.g11x-inspector-tabs.sa23 button,.g11x-inspector-tabs.sa25 button{min-width:104px;min-height:46px;flex:0 0 auto}.g11x-user-actions-sa23,.g11x-space-quick-actions.sa25,.g11x-community-actions-sa23.sa25{grid-template-columns:1fr}.g11x-community-actions-sa23.sa25 .g11x-action-tile.critical{grid-column:auto}.g11x-space-hero.sa25{grid-template-columns:54px minmax(0,1fr);padding:14px}.g11x-space-hero.sa25>span:first-child{width:52px;height:52px;border-radius:16px}.g11x-space-hero.sa25>.g11x-chip{grid-column:1/-1;justify-self:start}.g11x-space-dashboard.sa25{grid-template-columns:1fr 1fr}.g11x-space-stat.sa25{grid-template-columns:36px minmax(0,1fr);padding:10px}.g11x-space-stat.sa25>span{width:34px;height:34px}.g11x-panel-heading.sa25,.g11x-key-manager-head.sa25{align-items:stretch;flex-direction:column}.g11x-panel-heading.sa25 .g11x-button,.g11x-key-manager-head.sa25 .g11x-button{width:100%}.g11x-space-member-list.sa25 article{grid-template-columns:40px minmax(0,1fr) auto}.g11x-space-member-list.sa25 article>.g11x-chip{display:none}.g11x-key-mode-grid.sa25{grid-template-columns:1fr}.g11x-key-detail-hero.sa25{grid-template-columns:48px minmax(0,1fr)}.g11x-key-detail-hero.sa25>.g11x-chip{grid-column:1/-1;justify-self:start}.g11x-key-facts.sa25,.g11x-settings-summary.sa25{grid-template-columns:1fr 1fr}.g11x-key-rotation-zone.sa25>div:last-child{display:grid;grid-template-columns:1fr}.g11x-key-rotation-zone.sa25 .g11x-button{width:100%}.g11x-form-intro.sa25{grid-template-columns:42px minmax(0,1fr)}.g11x-form-intro.sa25>.g11x-selection-count{grid-column:1/-1;justify-self:start}.g11x-role-builder.sa25 .g11x-permission-pack-grid{grid-template-columns:1fr}.g11x-icon-picker.hf1{grid-template-columns:repeat(3,minmax(0,1fr))}.g11x-visibility-tiles.hf1,.g11x-switch-tiles.hf1{grid-template-columns:1fr}.g11x-community-summary-sa23.sa25{grid-template-columns:1fr 1fr}.g11x-modal-actions.sa25 .g11x-button{flex:1}}
@media(max-width:430px){.g11x-space-dashboard.sa25,.g11x-key-facts.sa25,.g11x-settings-summary.sa25,.g11x-community-summary-sa23.sa25{grid-template-columns:1fr}.g11x-icon-picker.hf1{grid-template-columns:repeat(2,minmax(0,1fr))}.g11x-secret-display.sa25{grid-template-columns:minmax(0,1fr) 40px}.g11x-secret-display.sa25 code{font-size:12px!important}}
@media(prefers-reduced-motion:reduce){.g11x-space-key-card.sa25,.g11x-inspector-tabs.sa25 button,.g11x-inspector-tabs.sa23 button,.g11x-key-mode-grid.sa25>button{transition:none!important;transform:none!important}}
.g11x-audit-hero.sa25{display:grid;grid-template-columns:54px minmax(0,1fr) auto;gap:13px;align-items:start;padding:15px;margin-bottom:12px;border:1px solid color-mix(in srgb,var(--g11x-accent) 20%,var(--g11x-line));border-radius:19px;background:linear-gradient(135deg,color-mix(in srgb,var(--g11x-accent) 7%,var(--g11x-soft)),var(--g11x-soft))}.g11x-audit-hero.sa25>span:first-child{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:color-mix(in srgb,var(--g11x-accent) 16%,var(--g11x-panel));color:var(--g11x-accent)}.g11x-audit-hero.sa25>span:first-child svg{width:25px;height:25px}.g11x-audit-hero.sa25 small{font-size:9px;color:var(--g11x-accent);font-weight:900}.g11x-audit-hero.sa25 h3{margin:3px 0;font-size:16px}.g11x-audit-hero.sa25 p{margin:0;color:var(--g11x-muted);font-size:9.5px;line-height:1.6}.g11x-advanced-box.sa25>summary{min-height:52px}.g11x-advanced-box.sa25>summary>svg:last-child{width:14px;height:14px;transform:rotate(-90deg)}.g11x-advanced-box.sa25[open]>summary>svg:last-child{transform:rotate(90deg)}
@media(max-width:760px){.g11x-audit-hero.sa25{grid-template-columns:48px minmax(0,1fr)}.g11x-audit-hero.sa25>.g11x-chip{grid-column:1/-1;justify-self:start}}

/* ========================================================================== */
/* SA2.5 UI CLARITY + GLOBAL ADMIN LAYOUT HOTFIX1                            */
/* Goal: every Super Admin drawer/modal must read like a real interface,      */
/* not a loose collection of tiny labels. CSS-only: no runtime ownership.     */
/* ========================================================================== */

.g11x-drawer{
  width:min(780px,96vw);
  background:linear-gradient(180deg,color-mix(in srgb,var(--panel,#111827) 98%,#0b1220 2%),color-mix(in srgb,var(--panel,#111827) 96%,#07101d 4%));
}
.g11x-drawer>header{
  min-height:88px;
  padding:18px 20px;
  background:color-mix(in srgb,var(--g11x-panel) 97%,#1e293b 3%);
  border-bottom:1px solid color-mix(in srgb,var(--g11x-line) 82%,#94a3b8 18%);
  box-shadow:0 8px 24px rgba(0,0,0,.08);
}
.g11x-drawer-body{
  padding:18px 20px 26px;
  font-size:14px;
  line-height:1.65;
}
.g11x-drawer-title.sa25,.g11x-drawer-title{
  gap:13px;
}
.g11x-drawer-title.sa25 .g11x-drawer-icon,.g11x-drawer-icon{
  width:48px;
  height:48px;
  border-radius:15px;
  border:1px solid color-mix(in srgb,var(--g11x-accent) 24%,var(--g11x-line));
  background:color-mix(in srgb,var(--g11x-accent) 13%,var(--g11x-panel));
}
.g11x-drawer-title.sa25 .g11x-drawer-icon svg,.g11x-drawer-icon svg{width:23px;height:23px}
.g11x-drawer-title small{font-size:11px!important;letter-spacing:.02em}
.g11x-drawer-title h3{font-size:22px!important;line-height:1.25;margin:3px 0 0!important}
.g11x-drawer-title p{font-size:12px!important;line-height:1.55;margin:5px 0 0!important;color:color-mix(in srgb,var(--g11x-text,#fff) 70%,var(--g11x-muted))}

.g11x-modal{
  width:min(920px,94vw);
  max-height:min(92dvh,940px);
  border-radius:24px;
  border-color:color-mix(in srgb,var(--g11x-line) 84%,#94a3b8 16%);
  box-shadow:0 32px 90px rgba(0,0,0,.4);
}
.g11x-modal>header{
  min-height:92px;
  padding:18px 22px;
  background:color-mix(in srgb,var(--g11x-panel) 97%,#1e293b 3%);
  border-bottom:1px solid color-mix(in srgb,var(--g11x-line) 82%,#94a3b8 18%);
}
.g11x-modal>header #g11xModalEyebrow{font-size:11px!important}
.g11x-modal>header h3{font-size:22px!important;line-height:1.25!important;margin:4px 0 0!important}
.g11x-modal>header p{font-size:12px!important;line-height:1.6!important;max-width:680px!important;margin-top:6px!important}
.g11x-modal-body{padding:20px 22px 24px;font-size:14px;line-height:1.65}

/* Real close buttons. */
.g11x-drawer>header>.g11x-icon-button,.g11x-modal>header>.g11x-icon-button{
  width:44px;
  height:44px;
  border-radius:13px;
  border:1px solid var(--g11x-line);
  background:var(--g11x-soft);
}
.g11x-drawer>header>.g11x-icon-button:hover,.g11x-modal>header>.g11x-icon-button:hover{
  background:color-mix(in srgb,var(--g11x-danger) 10%,var(--g11x-soft));
  border-color:color-mix(in srgb,var(--g11x-danger) 30%,var(--g11x-line));
  color:var(--g11x-danger);
}

/* Every inspector gets a visible navigation surface instead of floating text. */
.g11x-inspector-tabs.sa23,.g11x-inspector-tabs.sa25,.g11x-inspector-tabs{
  position:sticky;
  top:-18px;
  z-index:5;
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(105px,1fr));
  gap:8px;
  margin:16px 0;
  padding:9px;
  border:1px solid var(--g11x-line);
  border-radius:18px;
  background:color-mix(in srgb,var(--g11x-panel) 98%,#1e293b 2%);
  box-shadow:0 8px 22px rgba(0,0,0,.12);
  overflow:visible;
}
.g11x-inspector-tabs.sa23 button,.g11x-inspector-tabs.sa25 button,.g11x-inspector-tabs button{
  min-height:50px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:10px 12px;
  border:1px solid transparent;
  border-radius:13px;
  background:transparent;
  color:color-mix(in srgb,var(--g11x-text,#fff) 76%,var(--g11x-muted));
  font-size:12.5px!important;
  font-weight:850;
  cursor:pointer;
}
.g11x-inspector-tabs button svg{width:18px;height:18px;flex:0 0 auto}
.g11x-inspector-tabs button:hover{
  background:var(--g11x-soft);
  border-color:var(--g11x-line);
  color:var(--g11x-text,#fff);
}
.g11x-inspector-tabs button.active{
  background:linear-gradient(135deg,color-mix(in srgb,var(--g11x-accent) 92%,#fff 8%),var(--g11x-accent));
  border-color:color-mix(in srgb,var(--g11x-accent) 72%,#fff 28%);
  color:#fff;
  box-shadow:0 7px 18px color-mix(in srgb,var(--g11x-accent) 22%,transparent);
}

/* Each active tab is now a clearly bounded workspace. */
.g11x-inspector-panel.active{
  display:block;
  padding:16px;
  border:1px solid color-mix(in srgb,var(--g11x-line) 88%,#94a3b8 12%);
  border-radius:20px;
  background:linear-gradient(180deg,color-mix(in srgb,var(--g11x-soft) 92%,#1e293b 8%),color-mix(in srgb,var(--g11x-panel) 98%,#0f172a 2%));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 12px 30px rgba(0,0,0,.08);
}
.g11x-inspector-panel.active>:first-child{margin-top:0}
.g11x-inspector-panel.active>:last-child{margin-bottom:0}

/* Hero/identity blocks must immediately read as the selected entity. */
.g11x-user-hero-sa23,.g11x-community-hero-sa23.sa25,.g11x-space-hero.sa25,.g11x-audit-hero.sa25{
  border-width:1px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 12px 32px rgba(0,0,0,.12)!important;
}
.g11x-user-hero-sa23{grid-template-columns:76px minmax(0,1fr);padding:19px 20px!important}
.g11x-user-hero-sa23 .g11x-avatar.xl{width:70px!important;height:70px!important;border-radius:21px!important}
.g11x-user-name-row h3{font-size:22px!important}
.g11x-user-hero-copy p{font-size:12px!important;margin-top:4px!important}

/* Facts are unmistakably cards, not labels floating in empty space. */
.g11x-fact-grid,.g11x-fact-grid.sa23{
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  margin:0 0 14px;
}
.g11x-fact-grid>div,.g11x-fact-grid.sa23>div{
  min-height:88px;
  padding:15px 16px!important;
  border:1px solid color-mix(in srgb,var(--g11x-line) 86%,#94a3b8 14%)!important;
  border-radius:16px!important;
  background:color-mix(in srgb,var(--g11x-panel) 84%,#1e293b 16%)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
}
.g11x-fact-grid span,.g11x-fact-grid.sa23 span{
  display:flex!important;
  align-items:center;
  gap:7px;
  font-size:12px!important;
  font-weight:750;
  color:color-mix(in srgb,var(--g11x-text,#fff) 68%,var(--g11x-muted))!important;
}
.g11x-fact-grid span svg{width:17px!important;height:17px!important;color:var(--g11x-accent)}
.g11x-fact-grid b,.g11x-fact-grid.sa23 b{font-size:18px!important;line-height:1.35;margin-top:9px!important}

/* Buttons should look and feel like controls everywhere. */
.g11x-button{
  min-height:44px;
  padding:10px 15px;
  border-radius:13px;
  border-width:1px;
  font-size:13px!important;
  font-weight:850;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
}
.g11x-button svg{width:17px;height:17px}
.g11x-button:not(.primary):not(.danger){background:color-mix(in srgb,var(--g11x-soft) 90%,#334155 10%)}
.g11x-button.primary{box-shadow:0 8px 22px color-mix(in srgb,var(--g11x-accent) 24%,transparent),inset 0 1px 0 rgba(255,255,255,.15)}
.g11x-icon-button{border:1px solid var(--g11x-line);background:var(--g11x-soft)}

.g11x-user-actions-sa23,.g11x-space-quick-actions.sa25,.g11x-community-actions-sa23.sa25{
  gap:10px;
  margin:14px 0;
}
.g11x-action-tile{
  min-height:92px!important;
  padding:14px!important;
  border-radius:17px!important;
  border-color:color-mix(in srgb,var(--g11x-line) 84%,#94a3b8 16%)!important;
  background:color-mix(in srgb,var(--g11x-panel) 84%,#1e293b 16%)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
}
.g11x-action-tile>svg{width:44px!important;height:44px!important;padding:11px!important}
.g11x-action-tile b{font-size:13.5px!important;line-height:1.35}
.g11x-action-tile small{font-size:11px!important;line-height:1.55!important;margin-top:4px!important}
.g11x-action-tile.primary{border-color:color-mix(in srgb,var(--g11x-accent) 45%,var(--g11x-line))!important;background:color-mix(in srgb,var(--g11x-accent) 10%,var(--g11x-panel))!important}
.g11x-action-tile.warn{border-color:color-mix(in srgb,var(--g11x-warning) 36%,var(--g11x-line))!important}
.g11x-action-tile.critical,.g11x-action-tile.danger-soft{border-color:color-mix(in srgb,var(--g11x-danger) 42%,var(--g11x-line))!important}

/* Fields become obvious field containers with labels, not text sitting on the page. */
.g11x-field{
  gap:7px!important;
  margin:0 0 12px!important;
  padding:12px!important;
  border:1px solid color-mix(in srgb,var(--g11x-line) 86%,#94a3b8 14%);
  border-radius:15px;
  background:color-mix(in srgb,var(--g11x-panel) 88%,#1e293b 12%);
}
.g11x-field>span{font-size:12px!important;font-weight:850!important;color:color-mix(in srgb,var(--g11x-text,#fff) 80%,var(--g11x-muted))!important}
.g11x-field input:not([type=checkbox]):not([type=color]),.g11x-field select,.g11x-field textarea{
  min-height:46px!important;
  padding:11px 13px!important;
  border:1px solid color-mix(in srgb,var(--g11x-line) 80%,#94a3b8 20%)!important;
  border-radius:12px!important;
  background:color-mix(in srgb,var(--g11x-soft) 92%,#334155 8%)!important;
  color:var(--g11x-text,#fff)!important;
  font-size:13.5px!important;
}
.g11x-field textarea{min-height:120px!important}
.g11x-form-grid{gap:12px!important}

/* Explicit action footer: users always know where Save/Cancel lives. */
.g11x-modal-actions,.g11x-modal-actions.sa25,.g11x-modal-actions.hf1{
  position:sticky;
  bottom:-24px;
  z-index:4;
  margin:18px -22px -24px!important;
  padding:14px 22px 18px!important;
  border-top:1px solid color-mix(in srgb,var(--g11x-line) 88%,#94a3b8 12%)!important;
  background:linear-gradient(180deg,color-mix(in srgb,var(--g11x-panel) 94%,transparent),var(--g11x-panel) 30%)!important;
  box-shadow:0 -12px 28px rgba(0,0,0,.12);
}
.g11x-modal-actions .g11x-button{min-width:130px}

/* Generic section language for main pages, inspectors and system panels. */
.g11x-section{
  padding:19px 20px!important;
  border-radius:20px!important;
  border-color:color-mix(in srgb,var(--g11x-line) 86%,#94a3b8 14%)!important;
  background:linear-gradient(180deg,color-mix(in srgb,var(--g11x-panel) 90%,#1e293b 10%),var(--g11x-panel))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 10px 26px rgba(0,0,0,.06)!important;
}
.g11x-section-head{padding-bottom:13px!important;margin-bottom:16px!important;border-bottom:1px solid var(--g11x-line)!important}
.g11x-section-head h3{font-size:18px!important;line-height:1.35}
.g11x-section-head p{font-size:12px!important;line-height:1.65!important;max-width:720px}

/* Lists look like rows/cards and contain readable text. */
.g11x-mini-list{gap:9px}
.g11x-mini-list>div{
  min-height:66px;
  grid-template-columns:44px minmax(0,1fr) auto;
  padding:11px 12px!important;
  border-radius:15px!important;
  border-color:color-mix(in srgb,var(--g11x-line) 86%,#94a3b8 14%)!important;
  background:color-mix(in srgb,var(--g11x-panel) 86%,#1e293b 14%)!important;
}
.g11x-mini-list>div>span:first-child:not(.g11x-avatar){width:40px!important;height:40px!important;border-radius:12px!important}
.g11x-mini-list b{font-size:13px!important}.g11x-mini-list small{font-size:11px!important;line-height:1.55!important;margin-top:3px!important}

/* Access, membership, security and summary cards. */
.g11x-simple-access-card{
  padding:17px!important;
  border-radius:18px!important;
  grid-template-columns:52px minmax(0,1fr) auto!important;
}
.g11x-simple-access-icon{width:50px!important;height:50px!important}
.g11x-simple-access-card small{font-size:11px!important}.g11x-simple-access-card h4{font-size:17px!important}.g11x-simple-access-card p{font-size:11.5px!important}
.g11x-space-membership-head{padding:0 0 12px;border-bottom:1px solid var(--g11x-line);margin-bottom:13px!important}
.g11x-space-membership-head b{font-size:15px!important}.g11x-space-membership-head small{font-size:11px!important}

.g11x-security-grid article,.g11x-backup-list article,.g11x-audit-list article,.g11x-community-list.sa25>button,.g11x-space-member-list.sa25 article,.g11x-space-key-card.sa25{
  border-color:color-mix(in srgb,var(--g11x-line) 84%,#94a3b8 16%)!important;
  background:color-mix(in srgb,var(--g11x-panel) 86%,#1e293b 14%)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
}
.g11x-security-grid article{min-height:70px;padding:12px!important}
.g11x-security-grid b,.g11x-backup-list article b,.g11x-audit-list b,.g11x-community-list.sa25 b{font-size:13px!important}
.g11x-security-grid small,.g11x-security-grid em,.g11x-backup-list article small,.g11x-audit-list small,.g11x-community-list.sa25 small{font-size:10.5px!important;line-height:1.5!important}

/* Dashboard stat cards. */
.g11x-health-grid{gap:10px!important}
.g11x-health-grid>div{
  min-height:84px;
  padding:13px 14px!important;
  border-radius:15px!important;
  background:color-mix(in srgb,var(--g11x-panel) 86%,#1e293b 14%)!important;
  border-color:color-mix(in srgb,var(--g11x-line) 84%,#94a3b8 16%)!important;
}
.g11x-health-grid span{font-size:11px!important;font-weight:750}.g11x-health-grid b{font-size:16px!important;margin-top:7px!important}

/* Role Builder: permission groups/cards become readable and clearly selectable. */
.g11x-role-builder.sa25{gap:18px!important}
.g11x-role-builder.sa25 .g11x-permission-pack-grid{gap:12px!important}
.g11x-role-builder.sa25 .g11x-permission-pack{
  min-height:92px!important;
  padding:14px!important;
  border:1px solid color-mix(in srgb,var(--g11x-line) 84%,#94a3b8 16%)!important;
  background:color-mix(in srgb,var(--g11x-panel) 86%,#1e293b 14%)!important;
}
.g11x-role-builder.sa25 .g11x-permission-pack b{font-size:13px!important}
.g11x-role-builder.sa25 .g11x-permission-pack small{font-size:10.5px!important;line-height:1.5!important}
.g11x-role-builder.sa25 .g11x-permission-builder.sa23>section{padding:15px!important;border-radius:16px!important;background:color-mix(in srgb,var(--g11x-panel) 88%,#1e293b 12%)!important}
.g11x-role-builder.sa25 .g11x-permission-option{min-height:66px!important;padding:11px!important}
.g11x-role-builder.sa25 .g11x-permission-option b{font-size:12px!important}.g11x-role-builder.sa25 .g11x-permission-option small{font-size:10px!important}

/* Tag Studio: selection tiles feel like real controls. */
.g11x-tag-live-stage.hf1{padding:17px!important;border-radius:19px!important}
.g11x-tag-preview-card.hf1>span{width:62px!important;height:62px!important}.g11x-tag-preview-card.hf1>span svg{width:31px!important;height:31px!important}.g11x-tag-preview-card.hf1 b{font-size:17px!important}.g11x-tag-preview-card.hf1 small{font-size:11px!important}
.g11x-studio-block.hf1,.g11x-studio-block.sa25{
  padding:17px!important;
  border:1px solid color-mix(in srgb,var(--g11x-line) 84%,#94a3b8 16%)!important;
  border-radius:18px!important;
  background:color-mix(in srgb,var(--g11x-panel) 88%,#1e293b 12%)!important;
}
.g11x-studio-block.hf1>header b,.g11x-studio-block.sa25>header b{font-size:14px!important}.g11x-studio-block.hf1>header small,.g11x-studio-block.sa25>header small{font-size:10.5px!important}
.g11x-icon-picker.hf1>button{min-height:112px!important;border-width:1px!important;background:color-mix(in srgb,var(--g11x-panel) 86%,#1e293b 14%)!important}.g11x-icon-picker.hf1>button small{font-size:11px!important}.g11x-icon-picker.hf1>button>span{width:58px!important;height:58px!important}.g11x-icon-picker.hf1>button>span svg{width:30px!important;height:30px!important}
.g11x-visibility-tiles.hf1>button,.g11x-switch-tiles.hf1>button{min-height:100px!important;padding:15px!important;border-color:color-mix(in srgb,var(--g11x-line) 84%,#94a3b8 16%)!important;background:color-mix(in srgb,var(--g11x-panel) 86%,#1e293b 14%)!important}
.g11x-visibility-tiles.hf1 b,.g11x-switch-tiles.hf1 b{font-size:13.5px!important}.g11x-visibility-tiles.hf1 small,.g11x-switch-tiles.hf1 small{font-size:10.5px!important}

/* Space inspector + key manager clarity. */
.g11x-space-dashboard.sa25{gap:11px!important}
.g11x-space-stat.sa25{min-height:82px!important;padding:14px!important;background:color-mix(in srgb,var(--g11x-panel) 86%,#1e293b 14%)!important;border-color:color-mix(in srgb,var(--g11x-line) 84%,#94a3b8 16%)!important}
.g11x-space-stat.sa25 b{font-size:17px!important}.g11x-space-stat.sa25 small{font-size:10.5px!important}
.g11x-panel-heading.sa25,.g11x-key-manager-head.sa25{padding:0 0 13px;border-bottom:1px solid var(--g11x-line);margin-bottom:14px!important}
.g11x-panel-heading.sa25 b,.g11x-key-manager-head.sa25 b{font-size:16px!important}.g11x-panel-heading.sa25 small,.g11x-key-manager-head.sa25 small{font-size:11px!important}
.g11x-key-facts.sa25>div,.g11x-settings-summary.sa25>div{min-height:78px!important;padding:13px!important;border-color:color-mix(in srgb,var(--g11x-line) 84%,#94a3b8 16%)!important;background:color-mix(in srgb,var(--g11x-panel) 86%,#1e293b 14%)!important}
.g11x-key-facts.sa25 span,.g11x-settings-summary.sa25 span{font-size:10.5px!important}.g11x-key-facts.sa25 b,.g11x-settings-summary.sa25 b{font-size:13.5px!important}

/* Audit / Backup details: readable summaries first, technical data second. */
.g11x-audit-detail>div{min-height:76px!important;padding:14px!important;background:color-mix(in srgb,var(--g11x-panel) 86%,#1e293b 14%)!important;border-color:color-mix(in srgb,var(--g11x-line) 84%,#94a3b8 16%)!important}.g11x-audit-detail span{font-size:11px!important}.g11x-audit-detail b,.g11x-audit-detail code{font-size:13px!important}
.g11x-audit-json{font-size:11px!important;line-height:1.8!important}
.g11x-advanced-box.sa25>summary,.g11x-access-advanced>summary{min-height:58px!important;padding:12px 14px!important;border-radius:14px!important;font-size:12px!important;background:color-mix(in srgb,var(--g11x-panel) 86%,#1e293b 14%)!important}

/* Empty states should look intentional, never like missing layout. */
.g11x-empty{
  min-height:180px!important;
  padding:28px 20px!important;
  border:1px dashed color-mix(in srgb,var(--g11x-line) 78%,#94a3b8 22%)!important;
  border-radius:18px!important;
  background:color-mix(in srgb,var(--g11x-panel) 88%,#1e293b 12%)!important;
}
.g11x-empty b{font-size:15px!important}.g11x-empty p,.g11x-empty small{font-size:11px!important;line-height:1.65!important}

/* Main-page command cards and nav labels also get a minimum readability floor. */
.g11x-command-card{min-height:112px;padding:16px!important}.g11x-command-card b{font-size:14px!important}.g11x-command-card small{font-size:11px!important;line-height:1.55!important}
.g11x-nav button b{font-size:12.5px!important}.g11x-nav button small{font-size:10px!important;line-height:1.45!important}

/* Hard readability floor for chips/tags/secondary text. */
.g11x-chip{font-size:10px!important}
.g11x-tag{font-size:10px!important;padding:5px 8px!important}.g11x-tag svg{width:13px!important;height:13px!important}
.g11x-helper{font-size:11px!important;line-height:1.65!important}

@media(max-width:980px){
  .g11x-drawer{width:min(720px,100vw)}
  .g11x-inspector-tabs.sa23,.g11x-inspector-tabs.sa25,.g11x-inspector-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}
}

@media(max-width:760px){
  .g11x-drawer{width:100%;height:96dvh;border-radius:26px 26px 0 0}
  .g11x-drawer>header{min-height:78px;padding:14px 15px}
  .g11x-drawer-body{padding:14px 13px max(22px,env(safe-area-inset-bottom));font-size:14px}
  .g11x-drawer-title h3{font-size:18px!important}.g11x-drawer-title p{display:none}.g11x-drawer-title small{font-size:10px!important}
  .g11x-modal{width:100%;max-height:96dvh;border-radius:26px 26px 0 0}
  .g11x-modal>header{min-height:78px;padding:14px 15px}.g11x-modal>header h3{font-size:19px!important}.g11x-modal>header p{font-size:11px!important}
  .g11x-modal-body{padding:14px 13px max(22px,env(safe-area-inset-bottom));font-size:14px}
  .g11x-inspector-tabs.sa23,.g11x-inspector-tabs.sa25,.g11x-inspector-tabs{
    display:flex;
    overflow-x:auto;
    grid-template-columns:none;
    top:-14px;
    padding:7px;
    gap:6px;
    scrollbar-width:none;
  }
  .g11x-inspector-tabs button{min-width:118px;min-height:48px;flex:0 0 auto;font-size:12px!important}
  .g11x-inspector-panel.active{padding:13px;border-radius:17px}
  .g11x-fact-grid,.g11x-fact-grid.sa23{grid-template-columns:1fr 1fr}.g11x-fact-grid>div{min-height:80px;padding:12px!important}.g11x-fact-grid b{font-size:16px!important}.g11x-fact-grid span{font-size:11px!important}
  .g11x-user-hero-sa23{grid-template-columns:58px minmax(0,1fr);padding:14px!important}.g11x-user-hero-sa23 .g11x-avatar.xl{width:54px!important;height:54px!important}.g11x-user-name-row h3{font-size:18px!important}
  .g11x-user-actions-sa23,.g11x-space-quick-actions.sa25,.g11x-community-actions-sa23.sa25{grid-template-columns:1fr}
  .g11x-action-tile{min-height:82px!important}.g11x-action-tile b{font-size:13px!important}.g11x-action-tile small{font-size:10.5px!important}
  .g11x-simple-access-card{grid-template-columns:46px minmax(0,1fr)!important}.g11x-simple-access-card>.g11x-button{grid-column:1/-1;width:100%}
  .g11x-modal-actions,.g11x-modal-actions.sa25,.g11x-modal-actions.hf1{margin:16px -13px -22px!important;padding:13px!important;display:grid;grid-template-columns:1fr 1fr}.g11x-modal-actions .g11x-button{min-width:0;width:100%}
  .g11x-form-grid{grid-template-columns:1fr!important}
  .g11x-section{padding:15px!important}.g11x-section-head h3{font-size:16px!important}.g11x-section-head p{font-size:11px!important}
  .g11x-health-grid,.g11x-health-grid.large{grid-template-columns:1fr 1fr!important}
  .g11x-security-grid{grid-template-columns:1fr!important}
}

@media(max-width:430px){
  .g11x-fact-grid,.g11x-fact-grid.sa23,.g11x-health-grid,.g11x-health-grid.large{grid-template-columns:1fr!important}
  .g11x-modal-actions,.g11x-modal-actions.sa25,.g11x-modal-actions.hf1{grid-template-columns:1fr}
}

@media(prefers-reduced-motion:reduce){
  .g11x-button,.g11x-action-tile,.g11x-inspector-tabs button,.g11x-command-card{transition:none!important;transform:none!important}
}


/* ========================================================================== */
/* SA2.5 GLOBAL UI CLARITY — SEARCH + NATURAL LAYOUT HOTFIX2                  */
/* Fixes the remaining forced-looking admin toolbar/search presentation and    */
/* removes the black/buggy search-input appearance across Super Admin pages.   */
/* Presentation-only. No JS/runtime owner change.                              */
/* ========================================================================== */

.g11x-toolbar,
.g11x-people-head,
.g11x-room-workspace-toolbar,
.g11x-audit-toolbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
  margin:0 0 14px;
  padding:14px;
  border:1px solid color-mix(in srgb,var(--g11x-line) 84%,#94a3b8 16%);
  border-radius:18px;
  background:linear-gradient(180deg,color-mix(in srgb,var(--g11x-panel) 95%,#1e293b 5%),color-mix(in srgb,var(--g11x-soft) 88%,#0f172a 12%));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03),0 10px 28px rgba(0,0,0,.10);
}
.g11x-toolbar>.g11x-button,
.g11x-room-workspace-toolbar>.g11x-button,
.g11x-room-workspace-toolbar>div,
.g11x-audit-toolbar>.g11x-segment{flex:0 0 auto}
.g11x-people-head .g11x-search,
.g11x-toolbar .g11x-search,
.g11x-room-workspace-toolbar .g11x-search,
.g11x-audit-toolbar .g11x-search{flex:1;min-width:min(320px,100%)}
.g11x-source-note{
  margin:0 0 12px;
  padding:10px 12px;
  border:1px solid color-mix(in srgb,var(--g11x-accent) 18%,var(--g11x-line));
  border-radius:14px;
  background:color-mix(in srgb,var(--g11x-accent) 7%,var(--g11x-soft));
  font-size:11px;
}
.g11x-result-count{font-size:11px!important}

.g11x-search,
.g11x-search.prominent,
.g11x-command-search{
  position:relative;
  min-height:52px;
  height:52px;
  display:flex;
  align-items:center;
  gap:10px;
  padding:0 14px;
  border:1px solid color-mix(in srgb,var(--g11x-line) 82%,#94a3b8 18%);
  border-radius:16px;
  background:linear-gradient(180deg,color-mix(in srgb,var(--g11x-panel) 93%,#233145 7%),color-mix(in srgb,var(--g11x-soft) 90%,#0f172a 10%));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 10px 24px rgba(0,0,0,.10);
}
.g11x-search.prominent{
  border-color:color-mix(in srgb,var(--g11x-accent) 24%,var(--g11x-line));
  background:linear-gradient(180deg,color-mix(in srgb,var(--g11x-accent) 10%,var(--g11x-panel)),color-mix(in srgb,var(--g11x-soft) 92%,#111827 8%));
}
.g11x-search:focus-within,
.g11x-search.prominent:focus-within,
.g11x-command-search:focus-within{
  border-color:color-mix(in srgb,var(--g11x-accent) 60%,#ffffff 40%);
  box-shadow:0 0 0 3px color-mix(in srgb,var(--g11x-accent) 17%,transparent),inset 0 1px 0 rgba(255,255,255,.05),0 12px 28px rgba(0,0,0,.14);
}
.g11x-search svg,
.g11x-command-search svg{
  width:18px;
  height:18px;
  flex:0 0 auto;
  color:color-mix(in srgb,var(--g11x-accent) 48%,var(--g11x-muted));
}
.g11x-search input,
.g11x-search input[type="search"],
.g11x-command-search input,
.g11x-command-search input[type="search"]{
  -webkit-appearance:none;
  appearance:none;
  width:100%;
  min-width:0;
  height:100%;
  border:0!important;
  outline:0!important;
  padding:0!important;
  margin:0!important;
  border-radius:0!important;
  background:transparent!important;
  background-color:transparent!important;
  box-shadow:none!important;
  color:var(--g11x-text,#fff)!important;
  -webkit-text-fill-color:var(--g11x-text,#fff)!important;
  caret-color:var(--g11x-accent);
  font-size:13.5px!important;
  font-weight:700;
}
.g11x-search input::-webkit-search-decoration,
.g11x-search input::-webkit-search-cancel-button,
.g11x-search input::-webkit-search-results-button,
.g11x-search input::-webkit-search-results-decoration,
.g11x-command-search input::-webkit-search-decoration,
.g11x-command-search input::-webkit-search-cancel-button,
.g11x-command-search input::-webkit-search-results-button,
.g11x-command-search input::-webkit-search-results-decoration{
  -webkit-appearance:none;
  appearance:none;
}
.g11x-search input::placeholder,
.g11x-command-search input::placeholder{
  color:color-mix(in srgb,var(--g11x-text,#fff) 42%,var(--g11x-muted))!important;
  opacity:1;
}
.g11x-search input:-webkit-autofill,
.g11x-search input:-webkit-autofill:hover,
.g11x-search input:-webkit-autofill:focus,
.g11x-command-search input:-webkit-autofill,
.g11x-command-search input:-webkit-autofill:hover,
.g11x-command-search input:-webkit-autofill:focus{
  -webkit-text-fill-color:var(--g11x-text,#fff)!important;
  transition:background-color 99999s ease-in-out 0s,color 99999s ease-in-out 0s;
  box-shadow:0 0 0 1000px transparent inset!important;
}

.g11x-community-grid,
.g11x-access-room-grid,
.g11x-community-list.sa25{gap:10px}
.g11x-community-card,
.g11x-access-room-card,
.g11x-community-list.sa25>button{
  min-height:98px;
  padding:14px 15px!important;
  border-radius:18px!important;
  border-color:color-mix(in srgb,var(--g11x-line) 84%,#94a3b8 16%)!important;
  background:linear-gradient(180deg,color-mix(in srgb,var(--g11x-panel) 88%,#1e293b 12%),color-mix(in srgb,var(--g11x-soft) 94%,#0f172a 6%))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.02),0 10px 26px rgba(0,0,0,.06);
}
.g11x-community-card b,
.g11x-access-room-card b,
.g11x-community-list.sa25 b{font-size:13px!important;line-height:1.35}
.g11x-community-card small,
.g11x-access-room-card small,
.g11x-community-list.sa25 small{font-size:10px!important;line-height:1.55!important}

@media (max-width:760px){
  .g11x-toolbar,
  .g11x-people-head,
  .g11x-room-workspace-toolbar,
  .g11x-audit-toolbar{
    align-items:stretch;
    flex-direction:column;
    padding:12px;
  }
  .g11x-people-head .g11x-search,
  .g11x-toolbar .g11x-search,
  .g11x-room-workspace-toolbar .g11x-search,
  .g11x-audit-toolbar .g11x-search{min-width:100%}
  .g11x-search,
  .g11x-search.prominent,
  .g11x-command-search{min-height:50px;height:50px;padding:0 12px}
}


/* ========================================================================== */
/* SA2.5 HF3 — INSPECTOR SURFACE + LAYOUT UNIFICATION                         */
/* Physical-QA driven: use the successful conversation-info visual language.  */
/* No pure-black inner islands; inspectors become composed section surfaces.   */
/* ========================================================================== */

/* One coherent navy surface family. Never render inner admin surfaces black. */
.g11x-admin-center,
.g11x-drawer,
.g11x-modal,
.g11x-drawer-body,
.g11x-modal-body{
  --g11x-hf3-surface:color-mix(in srgb,var(--panel,#111827) 94%,#233148 6%);
  --g11x-hf3-raised:color-mix(in srgb,var(--panel,#111827) 84%,#314058 16%);
  --g11x-hf3-soft:color-mix(in srgb,var(--panel,#111827) 76%,#3b4b64 24%);
  --g11x-hf3-line:color-mix(in srgb,var(--text,#eef4ff) 15%,transparent);
}
.g11x-drawer,
.g11x-modal{
  background:linear-gradient(180deg,var(--g11x-hf3-surface),color-mix(in srgb,var(--g11x-hf3-surface) 96%,#0b1422 4%))!important;
}
.g11x-drawer-body,
.g11x-modal-body{
  background:var(--g11x-hf3-surface)!important;
}

/* Kill the black search/input island with a stronger scoped override. */
.g11x-admin-center .g11x-search,
.g11x-admin-center .g11x-search.prominent,
.g11x-admin-center .g11x-command-search,
.g11x-drawer .g11x-search,
.g11x-modal .g11x-search{
  overflow:hidden;
  border:1px solid var(--g11x-hf3-line)!important;
  background:var(--g11x-hf3-raised)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035)!important;
}
.g11x-admin-center .g11x-search>input,
.g11x-admin-center .g11x-search>input[type="search"],
.g11x-admin-center .g11x-command-search>input,
.g11x-drawer .g11x-search>input,
.g11x-modal .g11x-search>input{
  -webkit-appearance:none!important;
  appearance:none!important;
  background:var(--g11x-hf3-raised)!important;
  background-color:var(--g11x-hf3-raised)!important;
  color:var(--text,#eef4ff)!important;
  -webkit-text-fill-color:var(--text,#eef4ff)!important;
  box-shadow:none!important;
  border:0!important;
  outline:0!important;
  border-radius:0!important;
}
.g11x-admin-center .g11x-search:focus-within,
.g11x-admin-center .g11x-command-search:focus-within,
.g11x-drawer .g11x-search:focus-within,
.g11x-modal .g11x-search:focus-within{
  border-color:color-mix(in srgb,var(--g11x-accent) 62%,#fff 38%)!important;
  box-shadow:0 0 0 3px color-mix(in srgb,var(--g11x-accent) 16%,transparent)!important;
}

/* Page toolbars should read like real controls, not a field pasted into a card. */
.g11x-people-head,
.g11x-toolbar,
.g11x-room-workspace-toolbar,
.g11x-audit-toolbar{
  padding:12px!important;
  border-radius:18px!important;
  background:var(--g11x-hf3-raised)!important;
  border-color:var(--g11x-hf3-line)!important;
  box-shadow:none!important;
}
.g11x-source-note{
  background:color-mix(in srgb,var(--g11x-accent) 8%,var(--g11x-hf3-raised))!important;
  border-color:color-mix(in srgb,var(--g11x-accent) 24%,var(--g11x-hf3-line))!important;
}

/* Drawer = a real information screen: header, hero, navigation, stacked sections. */
.g11x-drawer{width:min(650px,96vw)!important}
.g11x-drawer>header{
  min-height:82px!important;
  padding:16px 18px!important;
  background:color-mix(in srgb,var(--g11x-hf3-surface) 97%,#26354b 3%)!important;
  border-bottom-color:var(--g11x-hf3-line)!important;
}
.g11x-drawer-body{padding:16px 17px 26px!important}
.g11x-drawer-title h3{font-size:20px!important}
.g11x-drawer-title p{font-size:11.5px!important}
.g11x-drawer-title small{font-size:10px!important}

/* Strong identity hero, inspired by the existing conversation-info hero. */
.g11x-user-hero-sa23,
.g11x-community-hero-sa23.sa25,
.g11x-space-hero.sa25,
.g11x-audit-hero.sa25{
  position:relative;
  overflow:hidden;
  padding:18px!important;
  border-radius:24px!important;
  border:1px solid color-mix(in srgb,var(--g11x-accent) 28%,var(--g11x-hf3-line))!important;
  background:
    radial-gradient(circle at 12% 12%,color-mix(in srgb,var(--g11x-violet,#8b5cf6) 24%,transparent),transparent 36%),
    linear-gradient(135deg,color-mix(in srgb,var(--g11x-accent) 18%,var(--g11x-hf3-raised)),var(--g11x-hf3-raised))!important;
  box-shadow:none!important;
}
.g11x-user-hero-sa23::after,
.g11x-community-hero-sa23.sa25::after,
.g11x-space-hero.sa25::after{
  content:"";
  position:absolute;
  width:140px;height:140px;border-radius:50%;
  inset:auto -60px -74px auto;
  background:color-mix(in srgb,var(--g11x-accent) 10%,transparent);
  pointer-events:none;
}
.g11x-community-hero-sa23.sa25 h3,
.g11x-user-name-row h3{font-size:20px!important}
.g11x-community-hero-sa23.sa25 p,
.g11x-community-hero-sa23.sa25 small,
.g11x-user-hero-copy p{font-size:11.5px!important;line-height:1.6!important}

/* Navigation mirrors the clear action-button row used by Conversation Info. */
.g11x-inspector-tabs.sa23,
.g11x-inspector-tabs.sa25,
.g11x-inspector-tabs{
  position:static!important;
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(96px,1fr))!important;
  gap:8px!important;
  margin:12px 0 14px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.g11x-inspector-tabs button{
  min-height:76px!important;
  padding:10px 8px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  border:1px solid var(--g11x-hf3-line)!important;
  border-radius:16px!important;
  background:var(--g11x-hf3-raised)!important;
  color:var(--text,#eef4ff)!important;
  font-size:11.5px!important;
  box-shadow:none!important;
  transform:none!important;
}
.g11x-inspector-tabs button svg{
  width:34px!important;height:34px!important;
  padding:8px!important;
  border-radius:11px!important;
  background:color-mix(in srgb,var(--g11x-accent) 12%,var(--g11x-hf3-soft))!important;
  color:var(--g11x-accent)!important;
}
.g11x-inspector-tabs button em{
  position:absolute;
  margin:-50px -64px 0 0;
  min-width:20px;
  padding:2px 5px!important;
  font-size:8.5px!important;
  background:color-mix(in srgb,var(--g11x-accent) 18%,var(--g11x-hf3-surface))!important;
}
.g11x-inspector-tabs button.active{
  border-color:color-mix(in srgb,var(--g11x-accent) 58%,var(--g11x-hf3-line))!important;
  background:color-mix(in srgb,var(--g11x-accent) 10%,var(--g11x-hf3-raised))!important;
  color:var(--text,#eef4ff)!important;
}
.g11x-inspector-tabs button.active svg{
  background:var(--g11x-accent)!important;
  color:#fff!important;
}

/* Important HF3 change: no giant outer tab card. Children are the sections. */
.g11x-inspector-panel.active{
  display:grid!important;
  gap:10px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  animation:g11xPanelIn .16s ease both;
}
.g11x-inspector-panel:not(.active){display:none!important}

/* Every actual content block is a titled/elevated section. */
.g11x-inspector-panel.active>.g11x-fact-grid,
.g11x-inspector-panel.active>.g11x-user-actions-sa23,
.g11x-inspector-panel.active>.g11x-community-summary-sa23,
.g11x-inspector-panel.active>.g11x-community-actions-sa23,
.g11x-inspector-panel.active>.g11x-space-membership-head,
.g11x-inspector-panel.active>.g11x-space-membership-list,
.g11x-inspector-panel.active>.g11x-simple-access-card,
.g11x-inspector-panel.active>.g11x-access-advanced,
.g11x-inspector-panel.active>.g11x-tag-showcase,
.g11x-inspector-panel.active>.g11x-mini-list,
.g11x-inspector-panel.active>.g11x-community-member-list-sa23,
.g11x-inspector-panel.active>.g11x-settings-summary,
.g11x-inspector-panel.active>.g11x-info-banner,
.g11x-inspector-panel.active>.g11x-warning-box,
.g11x-inspector-panel.active>.g11x-danger-zone-compact,
.g11x-inspector-panel.active>.g11x-panel-heading{
  margin:0!important;
  padding:14px!important;
  border:1px solid var(--g11x-hf3-line)!important;
  border-radius:18px!important;
  background:var(--g11x-hf3-raised)!important;
  box-shadow:none!important;
}

/* Summary facts = readable information cells. */
.g11x-fact-grid,.g11x-fact-grid.sa23,
.g11x-community-summary-sa23.sa25,
.g11x-settings-summary.sa25{
  gap:8px!important;
}
.g11x-fact-grid>div,.g11x-fact-grid.sa23>div,
.g11x-community-summary-sa23.sa25 article,
.g11x-settings-summary.sa25>div{
  min-height:78px!important;
  padding:12px!important;
  border:1px solid var(--g11x-hf3-line)!important;
  border-radius:14px!important;
  background:var(--g11x-hf3-soft)!important;
  box-shadow:none!important;
}
.g11x-community-summary-sa23.sa25 small,
.g11x-settings-summary.sa25 span,
.g11x-fact-grid span{font-size:10.5px!important}
.g11x-community-summary-sa23.sa25 b,
.g11x-settings-summary.sa25 b,
.g11x-settings-summary.sa25 code{font-size:12.5px!important}

/* Quick actions: obvious tappable cards with icon, title and description. */
.g11x-user-actions-sa23,
.g11x-community-actions-sa23.sa25,
.g11x-space-quick-actions.sa25{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:8px!important;
}
.g11x-action-tile{
  min-height:104px!important;
  display:grid!important;
  grid-template-columns:44px minmax(0,1fr)!important;
  align-items:center!important;
  gap:11px!important;
  padding:13px!important;
  border:1px solid var(--g11x-hf3-line)!important;
  border-radius:16px!important;
  background:var(--g11x-hf3-soft)!important;
  color:var(--text,#eef4ff)!important;
  text-align:start!important;
}
.g11x-action-tile>svg{width:42px!important;height:42px!important;padding:10px!important;border-radius:12px!important}
.g11x-action-tile b{font-size:12.5px!important}
.g11x-action-tile small{font-size:10.5px!important;line-height:1.55!important}
.g11x-action-tile:hover{border-color:color-mix(in srgb,var(--g11x-accent) 42%,var(--g11x-hf3-line))!important;background:color-mix(in srgb,var(--g11x-accent) 7%,var(--g11x-hf3-soft))!important}

/* Lists match the successful stacked-section info drawer. */
.g11x-community-member-list-sa23.sa25 article,
.g11x-space-membership-list article,
.g11x-mini-list>div,
.g11x-community-list.sa25>button,
.g11x-space-member-list.sa25 article,
.g11x-space-key-card.sa25{
  min-height:68px!important;
  padding:11px 12px!important;
  border:1px solid var(--g11x-hf3-line)!important;
  border-radius:14px!important;
  background:var(--g11x-hf3-soft)!important;
}

/* Modal/forms use the same surface language, with no black field interiors. */
.g11x-field{
  background:var(--g11x-hf3-raised)!important;
  border-color:var(--g11x-hf3-line)!important;
}
.g11x-field input:not([type=checkbox]):not([type=color]),
.g11x-field select,
.g11x-field textarea,
.g11x-inline-field input{
  background:var(--g11x-hf3-soft)!important;
  background-color:var(--g11x-hf3-soft)!important;
  border-color:var(--g11x-hf3-line)!important;
  color:var(--text,#eef4ff)!important;
  -webkit-text-fill-color:var(--text,#eef4ff)!important;
}
.g11x-modal-actions,.g11x-modal-actions.sa25,.g11x-modal-actions.hf1{
  background:linear-gradient(180deg,transparent,var(--g11x-hf3-surface) 28%)!important;
}

/* Generic admin cards/surfaces: never pure black. */
.g11x-section,
.g11x-command-card,
.g11x-community-card,
.g11x-access-room-card,
.g11x-security-grid article,
.g11x-backup-list article,
.g11x-audit-list article,
.g11x-role-choice,
.g11x-studio-block,
.g11x-user-picker,
.g11x-room-current-card{
  background:var(--g11x-hf3-raised)!important;
  border-color:var(--g11x-hf3-line)!important;
}

@media(max-width:760px){
  .g11x-drawer{width:100%!important;height:96dvh!important}
  .g11x-inspector-tabs.sa23,.g11x-inspector-tabs.sa25,.g11x-inspector-tabs{
    display:flex!important;
    overflow-x:auto!important;
    gap:7px!important;
    scrollbar-width:none;
  }
  .g11x-inspector-tabs button{min-width:104px!important;min-height:72px!important;flex:0 0 auto!important}
  .g11x-user-actions-sa23,.g11x-community-actions-sa23.sa25,.g11x-space-quick-actions.sa25{grid-template-columns:1fr!important}
  .g11x-fact-grid,.g11x-community-summary-sa23.sa25,.g11x-settings-summary.sa25{grid-template-columns:1fr 1fr!important}
}
@media(max-width:430px){
  .g11x-fact-grid,.g11x-community-summary-sa23.sa25,.g11x-settings-summary.sa25{grid-template-columns:1fr!important}
}
@media(prefers-reduced-motion:reduce){
  .g11x-inspector-panel.active,.g11x-inspector-tabs button,.g11x-action-tile{animation:none!important;transition:none!important;transform:none!important}
}


/* SA2.5 Android Touch + Inspector Usability Physical QA Hotfix R1 */
@media(max-width:760px){
  .g11x-admin-center,.g11x-shell,.g11x-workspace{max-width:100vw;overflow-x:hidden}
  .g11x-topbar{
    position:sticky;top:0;z-index:12;padding-top:max(8px,env(safe-area-inset-top));
    background:color-mix(in srgb,var(--g11x-panel) 96%,transparent);
    backdrop-filter:blur(14px)
  }
  .g11x-sidebar{
    inset:auto 6px max(6px,env(safe-area-inset-bottom));
    height:min(82dvh,720px);overflow:auto;overscroll-behavior:contain
  }
  .g11x-nav button,.g11x-button,.g11x-icon-button,.g11x-search-trigger,
  .g11x-inspector-tabs button,.g11x-action-row button,.g11x-section-actions button{
    min-height:44px;touch-action:manipulation
  }
  .g11x-person,.g11x-admin-row,.g11x-community-card,.g11x-command-card,.g11x-alert{
    min-height:58px;touch-action:manipulation
  }
  .g11x-modal{max-height:calc(100dvh - max(8px,env(safe-area-inset-top)))}
  .g11x-drawer{height:calc(100dvh - max(6px,env(safe-area-inset-top)));max-height:100dvh}
  .g11x-modal-body,.g11x-drawer-body{
    -webkit-overflow-scrolling:touch;overscroll-behavior:contain
  }
  .g11x-inspector-tabs{
    gap:7px;scroll-snap-type:x proximity;scrollbar-width:none
  }
  .g11x-inspector-tabs::-webkit-scrollbar{display:none}
  .g11x-inspector-tabs button{
    flex:0 0 auto;scroll-snap-align:start;padding-inline:11px
  }
  .g11x-field input,.g11x-field textarea,.g11x-field select,
  .g11x-command-search input,.g11x-search input{
    min-height:44px;font-size:16px!important;touch-action:manipulation
  }
  .g11x-fact-grid,.g11x-health-grid,.g11x-health-grid.large{grid-template-columns:1fr}
  .g11x-modal-actions{gap:8px;padding-bottom:max(4px,env(safe-area-inset-bottom))}
}

/* ==========================================================================
   R5 SUPER ADMIN UNIFIED COMPLETION R1
   Account Operations · Appeals · Alerts · Security · Runtime · Restore
   ========================================================================== */

.g11r5-secret-card,
.g11r5-restore-preview,
.g11r5-account-summary,
.g11r5-cleanup-summary {
  display: grid;
  gap: 10px;
}

.g11r5-secret-card {
  justify-items: center;
  padding: 20px;
  border: 1px solid var(--g11x-border, rgba(148,163,184,.18));
  border-radius: 18px;
  background: var(--g11x-surface-2, rgba(15,23,42,.5));
}

.g11r5-secret-card code {
  max-width: 100%;
  padding: 12px 16px;
  border-radius: 12px;
  font-size: .92rem;
  overflow-wrap: anywhere;
  user-select: all;
}

.g11r5-account-summary,
.g11r5-cleanup-summary,
.g11r5-restore-preview {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-bottom: 14px;
}

.g11r5-account-summary > div,
.g11r5-cleanup-summary > div,
.g11r5-restore-preview > div,
.g11r5-account-facts > div {
  min-width: 0;
  padding: 12px;
  border: 1px solid var(--g11x-border, rgba(148,163,184,.14));
  border-radius: 14px;
  background: color-mix(in srgb, var(--surface, #101827) 84%, transparent);
}

.g11r5-account-summary b,
.g11r5-cleanup-summary b,
.g11r5-restore-preview b,
.g11r5-account-facts b,
.g11r5-account-facts code {
  display: block;
  margin-top: 4px;
}

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

.g11r5-account-ops-grid > section {
  min-width: 0;
  padding: 14px;
  border: 1px solid var(--g11x-border, rgba(148,163,184,.14));
  border-radius: 16px;
}

.g11r5-account-ops-grid > section > header,
.g11r5-duplicate-card > header,
.g11r5-log-toolbar,
.g11r5-runtime-control > div,
.g11r5-emergency-list article,
.g11r5-event-list article,
.g11r5-alert-list article {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.g11r5-duplicate-list,
.g11r5-cleanup-list,
.g11r5-event-list,
.g11r5-emergency-list,
.g11r5-alert-list,
.g11r5-device-list {
  display: grid;
  gap: 8px;
  margin-top: 12px;
}

.g11r5-duplicate-card,
.g11r5-account-row,
.g11r5-cleanup-list > label,
.g11r5-event-list article,
.g11r5-emergency-list article,
.g11r5-alert-list article,
.g11r5-device-list > div {
  min-width: 0;
  padding: 10px 12px;
  border: 1px solid var(--g11x-border, rgba(148,163,184,.13));
  border-radius: 13px;
  background: color-mix(in srgb, var(--surface, #101827) 90%, transparent);
}

.g11r5-duplicate-card > div,
.g11r5-check-grid,
.g11r5-cleanup-selection {
  display: grid;
  gap: 8px;
  margin-top: 10px;
}

.g11r5-duplicate-card > div {
  grid-template-columns: repeat(2, minmax(0,1fr));
}

.g11r5-duplicate-card > div > span,
.g11r5-cleanup-selection > div {
  min-width: 0;
  padding: 8px;
  border-radius: 10px;
  background: rgba(127,127,127,.07);
}

.g11r5-account-catalog {
  margin-top: 14px;
}

.g11r5-account-catalog > div {
  display: grid;
  gap: 6px;
  max-height: 320px;
  margin-top: 10px;
  overflow: auto;
}

.g11r5-account-row {
  appearance: none;
  display: grid;
  grid-template-columns: auto minmax(0,1fr) auto auto;
  align-items: center;
  gap: 10px;
  width: 100%;
  color: inherit;
  text-align: start;
  cursor: pointer;
}

.g11r5-account-row > span:nth-child(2),
.g11r5-alert-list article > div:nth-child(2),
.g11r5-event-list article > div,
.g11r5-emergency-list article > div {
  min-width: 0;
}

.g11r5-account-row b,
.g11r5-account-row small,
.g11r5-event-list b,
.g11r5-event-list small {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

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

.g11r5-form-stack > label,
.g11r5-form-stack fieldset {
  display: grid;
  gap: 6px;
  min-width: 0;
}

.g11r5-form-stack input,
.g11r5-form-stack select,
.g11r5-form-stack textarea,
.g11r5-log-toolbar select {
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
  padding: 10px 12px;
  border: 1px solid var(--g11x-border, rgba(148,163,184,.18));
  border-radius: 11px;
  color: var(--text, #fff);
  background: var(--surface, #101827);
}

.g11r5-check-grid {
  grid-template-columns: repeat(2, minmax(0,1fr));
  max-height: 260px;
  overflow: auto;
}

.g11r5-check-grid > label,
.g11r5-cleanup-list > label,
.g11r5-confirm-check {
  display: flex;
  align-items: center;
  gap: 8px;
}

.g11r5-merge-preview,
.g11r5-account-facts {
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 10px;
  margin-bottom: 14px;
}

.g11r5-account-facts {
  grid-template-columns: repeat(3, minmax(0,1fr));
}

.g11r5-appeal-preview,
.g11r5-appeal-card {
  display: flex;
  gap: 10px;
  margin: 10px 0;
  padding: 11px 12px;
  border: 1px solid color-mix(in srgb, var(--primary, #4e7bf2) 22%, transparent);
  border-radius: 13px;
  background: color-mix(in srgb, var(--primary, #4e7bf2) 7%, transparent);
}

.g11r5-report-appealed {
  border-color: color-mix(in srgb, var(--primary, #4e7bf2) 28%, transparent) !important;
}

.g11r5-security-control,
.g11r5-runtime-control {
  display: grid;
  gap: 10px;
}

.g11r5-security-control > div,
.g11r5-runtime-control > div {
  display: flex;
  align-items: center;
  gap: 10px;
}

.g11r5-security-control > div:last-child,
.g11r5-runtime-actions,
.g11r5-backup-actions {
  justify-content: flex-end;
  flex-wrap: wrap;
}

.g11r5-log-toolbar {
  margin-bottom: 10px;
}

.g11r5-log-toolbar label {
  display: grid;
  grid-template-columns: auto minmax(180px, 1fr);
  align-items: center;
  gap: 8px;
}

.g11r5-log-view {
  box-sizing: border-box;
  width: 100%;
  min-height: 320px;
  max-height: 58vh;
  margin: 0;
  padding: 14px;
  overflow: auto;
  border: 1px solid var(--g11x-border, rgba(148,163,184,.14));
  border-radius: 14px;
  background: #070b11;
  color: #cbd5e1;
  font: 12px/1.65 ui-monospace, SFMono-Regular, Consolas, monospace;
  direction: ltr;
  text-align: left;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}

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

.g11r5-restore-preview code {
  display: block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.g11r5-alert-list article.critical {
  border-color: rgba(239,68,68,.35);
}

.g11r5-alert-list article.high {
  border-color: rgba(245,158,11,.32);
}

@media (max-width: 700px) {
  .g11r5-account-ops-grid,
  .g11r5-account-summary,
  .g11r5-cleanup-summary,
  .g11r5-account-facts,
  .g11r5-restore-preview,
  .g11r5-merge-preview {
    grid-template-columns: 1fr;
  }

  .g11r5-check-grid,
  .g11r5-duplicate-card > div {
    grid-template-columns: 1fr;
  }

  .g11r5-account-row {
    grid-template-columns: auto minmax(0,1fr);
  }

  .g11r5-account-row > em,
  .g11r5-account-row > small:last-child {
    grid-column: 2;
  }

  .g11r5-log-toolbar {
    align-items: stretch;
    flex-direction: column;
  }

  .g11r5-log-toolbar label {
    grid-template-columns: 1fr;
  }
}
/* R5_ANDROID_ADMIN_PRESENTATION_SPLIT_R1
   Android presentation is explicitly platform-scoped.
   Windows keeps the existing Super Admin desktop presentation unchanged.

   Android rules:
   - the desktop/sidebar footer is never part of the mobile visual surface;
   - Global Search lives only in the real topbar search action;
   - Back/Exit lives in the real topbar;
   - the navigation sidebar remains a mobile drawer only;
   - no Ctrl-K desktop hint is presented on Android.
*/
.g11x-android-admin-exit {
  display: none;
}

@media (max-width: 899px) {
  html[data-hamrah-profile-platform="android"] #adminView .g11x-sidebar-foot {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
    position: static !important;
    inset: auto !important;
    inline-size: 0 !important;
    block-size: 0 !important;
    min-block-size: 0 !important;
    max-block-size: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
  }

  html[data-hamrah-profile-platform="android"] #adminView .g11x-sidebar {
    padding-bottom: 12px !important;
  }

  html[data-hamrah-profile-platform="android"] #adminView .g11x-nav {
    padding-bottom: 8px !important;
  }

  html[data-hamrah-profile-platform="android"] #adminView .g11x-topbar {
    position: sticky !important;
    top: 0 !important;
    z-index: 100 !important;
    min-height: 64px !important;
    padding-inline: 10px !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    background: color-mix(in srgb,var(--g11x-panel) 97%,transparent) !important;
    backdrop-filter: blur(16px) saturate(1.08) !important;
  }

  html[data-hamrah-profile-platform="android"] #adminView .g11x-mobile-head {
    display: flex !important;
    align-items: center !important;
    gap: 9px !important;
    min-width: 0 !important;
    flex: 1 1 auto !important;
  }

  html[data-hamrah-profile-platform="android"] #adminView .g11x-mobile-head > div {
    min-width: 0 !important;
  }

  html[data-hamrah-profile-platform="android"] #adminView .g11x-mobile-head b {
    max-width: 42vw !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  html[data-hamrah-profile-platform="android"] #adminView .g11x-page-meta {
    display: none !important;
  }

  html[data-hamrah-profile-platform="android"] #adminView .g11x-top-actions {
    margin: 0 !important;
    margin-inline-start: auto !important;
    display: flex !important;
    align-items: center !important;
    gap: 7px !important;
    flex: 0 0 auto !important;
  }

  html[data-hamrah-profile-platform="android"] #adminView .g11x-search-trigger,
  html[data-hamrah-profile-platform="android"] #adminView .g11x-android-admin-exit {
    position: static !important;
    inset: auto !important;
    transform: none !important;
    display: grid !important;
    place-items: center !important;
    width: 44px !important;
    min-width: 44px !important;
    max-width: 44px !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    padding: 0 !important;
    margin: 0 !important;
    flex: 0 0 44px !important;
    border-radius: 14px !important;
    touch-action: manipulation !important;
  }

  html[data-hamrah-profile-platform="android"] #adminView .g11x-search-trigger span,
  html[data-hamrah-profile-platform="android"] #adminView .g11x-search-trigger kbd {
    display: none !important;
  }

  html[data-hamrah-profile-platform="android"] #adminView .g11x-android-admin-exit {
    color: var(--g11x-muted) !important;
    border: 1px solid var(--g11x-line) !important;
    background: var(--g11x-panel) !important;
  }

  html[data-hamrah-profile-platform="android"] #adminView .g11x-search-trigger svg,
  html[data-hamrah-profile-platform="android"] #adminView .g11x-android-admin-exit svg {
    width: 22px !important;
    height: 22px !important;
  }

  html[data-hamrah-profile-platform="android"] #adminView .g11x-actor-chip {
    display: none !important;
  }
}

/* R6_ACCESS_CLARITY_R1 */
.g11r6-access-map{display:grid;gap:14px}
.g11r6-boundary-note{display:flex;gap:12px;align-items:flex-start;padding:13px 14px;border:1px solid color-mix(in srgb,var(--primary) 18%,var(--g11-line));border-radius:16px;background:color-mix(in srgb,var(--primary) 5%,var(--g11-surface));color:var(--text)}
.g11r6-boundary-note>svg{width:20px;height:20px;flex:0 0 auto;color:var(--primary);margin-top:2px}
.g11r6-boundary-note b{display:block;font-size:.78rem;margin-bottom:3px}
.g11r6-boundary-note p{margin:0;color:var(--g11-muted);font-size:.63rem;line-height:1.8}
.g11r6-access-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.g11r6-access-columns>section{min-width:0;border:1px solid var(--g11-line);border-radius:16px;background:var(--g11-surface);overflow:hidden}
.g11r6-access-columns>section>header{display:flex;gap:9px;align-items:center;padding:11px 12px;border-bottom:1px solid var(--g11-line);background:color-mix(in srgb,var(--g11-raised) 72%,transparent)}
.g11r6-access-columns>section>header>svg{width:18px;height:18px;flex:0 0 auto;color:var(--primary)}
.g11r6-access-columns>section>header span{min-width:0}
.g11r6-access-columns>section>header b,.g11r6-access-columns>section>header small{display:block}
.g11r6-access-columns>section>header b{font-size:.7rem}
.g11r6-access-columns>section>header small{margin-top:2px;color:var(--g11-muted);font-size:.54rem}
.g11r6-access-list{display:grid;gap:2px;padding:7px}
.g11r6-access-list>div{display:flex;align-items:center;gap:9px;min-width:0;padding:8px;border-radius:11px}
.g11r6-access-list>div:hover{background:color-mix(in srgb,var(--primary) 5%,transparent)}
.g11r6-access-list>div>svg{width:18px;height:18px;flex:0 0 auto;color:var(--g11-muted)}
.g11r6-access-list>div>span:last-child{min-width:0}
.g11r6-access-list b,.g11r6-access-list small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.g11r6-access-list b{font-size:.66rem}
.g11r6-access-list small{margin-top:2px;color:var(--g11-muted);font-size:.53rem}
.g11r6-access-empty{padding:12px;color:var(--g11-muted);text-align:center}
.g11r6-tag-toolbar{display:flex;align-items:center;gap:10px;justify-content:space-between;margin:12px 0}
.g11r6-tag-toolbar .g11x-search{flex:1 1 280px;max-width:520px;margin:0}
.g11r6-tag-filters{display:flex;align-items:center;gap:5px;overflow-x:auto;scrollbar-width:none}
.g11r6-tag-filters::-webkit-scrollbar{display:none}
.g11r6-tag-filters button{border:1px solid var(--g11-line);border-radius:999px;background:transparent;color:var(--g11-muted);padding:7px 10px;white-space:nowrap;font:inherit;font-size:.58rem;cursor:pointer}
.g11r6-tag-filters button:hover{color:var(--text);background:color-mix(in srgb,var(--primary) 5%,transparent)}
.g11r6-tag-filters button.active{color:var(--primary);border-color:color-mix(in srgb,var(--primary) 30%,var(--g11-line));background:color-mix(in srgb,var(--primary) 10%,transparent);font-weight:800}
@media(max-width:980px){.g11r6-access-columns{grid-template-columns:1fr}.g11r6-tag-toolbar{align-items:stretch;flex-direction:column}.g11r6-tag-toolbar .g11x-search{max-width:none;width:100%}}
@media(max-width:620px){.g11r6-boundary-note{padding:11px}.g11r6-tag-filters{margin-inline:-2px;padding:0 2px}.g11r6-access-columns>section>header{padding:10px}}

/* R7_OBSERVABILITY_CONTROL_CENTER_R1 */
.g11r7-readiness-grid{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:10px;
}
.g11r7-readiness-grid article{
  display:flex;
  align-items:flex-start;
  gap:10px;
  min-width:0;
  padding:13px;
  border:1px solid var(--g11-line);
  border-radius:16px;
  background:var(--g11-surface);
}
.g11r7-readiness-grid article>span{
  display:grid;
  place-items:center;
  width:34px;
  height:34px;
  flex:0 0 34px;
  border-radius:11px;
  background:color-mix(in srgb,var(--g11-raised) 82%,transparent);
  color:var(--g11-muted);
}
.g11r7-readiness-grid article>span svg{width:18px;height:18px}
.g11r7-readiness-grid article.good>span{color:#16a34a;background:color-mix(in srgb,#22c55e 11%,var(--g11-surface))}
.g11r7-readiness-grid article.warn>span{color:#d97706;background:color-mix(in srgb,#f59e0b 11%,var(--g11-surface))}
.g11r7-readiness-grid article.danger>span{color:#dc2626;background:color-mix(in srgb,#ef4444 11%,var(--g11-surface))}
.g11r7-readiness-grid article>div{min-width:0}
.g11r7-readiness-grid small,.g11r7-readiness-grid b,.g11r7-readiness-grid em{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.g11r7-readiness-grid small{color:var(--g11-muted);font-size:.53rem}
.g11r7-readiness-grid b{margin-top:2px;font-size:.72rem}
.g11r7-readiness-grid em{margin-top:4px;color:var(--g11-muted);font-size:.5rem;font-style:normal}
.g11r7-runtime-facts,.g11r7-recovery-posture{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:8px!important;
}
.g11r7-runtime-facts>span,.g11r7-recovery-posture>div{
  min-width:0;
  padding:10px 11px;
  border:1px solid var(--g11-line);
  border-radius:12px;
  background:color-mix(in srgb,var(--g11-raised) 50%,transparent);
}
.g11r7-runtime-facts small,.g11r7-runtime-facts b,.g11r7-recovery-posture span,.g11r7-recovery-posture b{
  display:block;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.g11r7-runtime-facts small,.g11r7-recovery-posture span{color:var(--g11-muted);font-size:.51rem}
.g11r7-runtime-facts b,.g11r7-recovery-posture b{margin-top:3px;font-size:.61rem}
.g11r7-last-exit{
  padding:10px 11px;
  border:1px solid color-mix(in srgb,#f59e0b 24%,var(--g11-line));
  border-radius:12px;
  background:color-mix(in srgb,#f59e0b 5%,transparent);
}
.g11r7-last-exit>span{color:#d97706}
.g11r7-recovery-posture{
  grid-template-columns:repeat(3,minmax(0,1fr));
  margin-bottom:12px;
}
.g11r7-log-toolbar{
  display:grid;
  grid-template-columns:minmax(190px,1.2fr) minmax(220px,1.5fr) minmax(120px,.6fr) auto auto;
  align-items:end;
  gap:8px;
  margin-bottom:10px;
}
.g11r7-log-toolbar>label:first-child{display:grid;gap:5px}
.g11r7-log-toolbar select,.g11r7-log-toolbar input{
  box-sizing:border-box;
  width:100%;
  min-width:0;
  min-height:40px;
  padding:8px 10px;
  border:1px solid var(--g11x-border,rgba(148,163,184,.18));
  border-radius:11px;
  color:var(--text,#fff);
  background:var(--surface,#101827);
}
.g11r7-log-search{
  display:flex;
  align-items:center;
  gap:7px;
  min-width:0;
  padding-inline:10px;
  border:1px solid var(--g11x-border,rgba(148,163,184,.18));
  border-radius:11px;
  background:var(--surface,#101827);
}
.g11r7-log-search svg{width:17px;height:17px;flex:0 0 auto;color:var(--g11-muted)}
.g11r7-log-search input{padding-inline:0;border:0;background:transparent;outline:0}
.g11r7-log-toolbar>small{align-self:center;color:var(--g11-muted);font-size:.52rem;white-space:nowrap}
@media(max-width:1180px){
  .g11r7-readiness-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .g11r7-log-toolbar{grid-template-columns:1fr 1fr}
  .g11r7-log-toolbar>.g11x-chip,.g11r7-log-toolbar>small{justify-self:start}
}
@media(max-width:760px){
  .g11r7-readiness-grid{grid-template-columns:1fr 1fr}
  .g11r7-runtime-facts,.g11r7-recovery-posture{grid-template-columns:1fr 1fr}
  .g11r7-log-toolbar{grid-template-columns:1fr}
}
@media(max-width:460px){
  .g11r7-readiness-grid,.g11r7-runtime-facts,.g11r7-recovery-posture{grid-template-columns:1fr}
}