.surface-admin {
  width: fit-content;
  color: var(--accent);
  border-color: color-mix(in srgb, var(--accent) 35%, var(--line));
}
.admin-shell { min-height: 100vh; display: grid; grid-template-columns: 246px minmax(0, 1fr); }
.admin-sidebar {
  position: sticky; top: 0; height: 100vh; display: grid;
  grid-template-rows: auto 1fr auto; gap: 24px; padding: 20px 15px;
  border-right: 1px solid var(--line); background: var(--sidebar);
}
.admin-brand { color: inherit; text-decoration: none; }
.admin-sidebar nav { display: grid; align-content: start; gap: 4px; }
.admin-nav {
  min-height: 38px; display: grid; grid-template-columns: 18px minmax(0,1fr) auto;
  align-items: center; gap: 10px; padding: 8px 10px; border: 1px solid transparent;
  border-radius: 6px; color: var(--ink-soft); background: transparent; text-align: left;
}
.admin-nav:hover { background: var(--surface-soft); }
.admin-nav.active { color: var(--ink); border-color: var(--line); background: var(--surface); box-shadow: inset 3px 0 var(--accent); }
.admin-nav img { width: 17px; height: 17px; filter: var(--icon-filter, none); }
.nav-count { min-width: 21px; padding: 2px 5px; border-radius: 9px; color: var(--accent); background: color-mix(in srgb, var(--accent) 10%, transparent); font-size: 10px; text-align: center; }
.admin-sidebar-foot { display: grid; gap: 7px; padding-top: 13px; border-top: 1px solid var(--line); color: var(--muted); font-size: 11px; overflow-wrap: anywhere; }
.admin-sidebar-foot a { color: var(--ink); }
.admin-main { width: min(100%, 1800px); min-width: 0; margin-inline: auto; padding: 25px 28px 60px; }
.admin-header { min-height: 76px; display: flex; justify-content: space-between; align-items: flex-start; gap: 20px; margin-bottom: 22px; border-bottom: 1px solid var(--line); }
.admin-header h1 { margin: 3px 0 4px; font-size: 24px; }
.admin-header p { font-size: 12px; }
.admin-eyebrow { color: var(--accent); font-size: 10px; font-weight: 800; text-transform: uppercase; }
.admin-view { display: none; }
.admin-view.active { display: grid; gap: 18px; }
.admin-metrics { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); border: 1px solid var(--line); border-radius: 7px; background: var(--surface); overflow: hidden; }
.admin-metric { min-width: 0; min-height: 92px; display: grid; grid-template-columns: 32px minmax(0,1fr); align-items: center; gap: 10px; padding: 14px; border-right: 1px solid var(--line); }
.admin-metric:last-child { border-right: 0; }
.admin-metric > span { width: 30px; height: 30px; border-radius: 6px; background: color-mix(in srgb, var(--metric-color) 12%, var(--surface)); }
.admin-metric > div { min-width: 0; display: grid; gap: 2px; }
.admin-metric small,.admin-metric em { color: var(--muted); font-size: 10px; font-style: normal; }
.admin-metric strong { font-size: 17px; }
.admin-metric.users { --metric-color:#2563eb; }.admin-metric.workspaces { --metric-color:#7c3aed; }.admin-metric.clusters { --metric-color:#059669; }.admin-metric.feedback { --metric-color:var(--accent); }.admin-metric.invites { --metric-color:#d97706; }.admin-metric.waitlist { --metric-color:#0f766e; }
.admin-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 16px; }
.admin-panel { display: grid; align-content: start; gap: 14px; padding: 17px; border: 1px solid var(--line); border-radius: 7px; background: var(--surface); }
.admin-panel > header { display: flex; justify-content: space-between; gap: 14px; align-items: flex-start; }
.admin-panel h2,.admin-section-bar h2 { margin: 0 0 4px; font-size: 15px; }
.admin-panel p,.admin-section-bar p { font-size: 11px; }
.admin-setting-toggle { min-height: 54px; display: grid; grid-template-columns: auto 1fr; align-items: center; gap: 11px; padding: 10px; border: 1px solid var(--line); border-radius: 6px; }
.admin-setting-toggle input { width: 34px; height: 19px; appearance: none; border-radius: 10px; background: var(--line-strong); position: relative; }
.admin-setting-toggle input::after { content:""; position:absolute; width:15px; height:15px; top:2px; left:2px; border-radius:50%; background:#fff; transition:transform .16s ease; }
.admin-setting-toggle input:checked { background: var(--accent); }
.admin-setting-toggle input:checked::after { transform: translateX(15px); }
.admin-setting-toggle span { display: grid; gap: 2px; }
.admin-setting-toggle small { color: var(--muted); }
.admin-secure-mark { width: 34px; height: 34px; background: var(--green); mask:url("/web/icons/shield-check.svg") center/contain no-repeat; }
.admin-privacy-list { display: grid; gap: 8px; margin: 0; padding: 0; list-style: none; }
.admin-privacy-list li { display: flex; gap: 8px; font-size: 12px; }
.admin-privacy-list li::before { content:""; width:6px; height:6px; margin-top:5px; border-radius:50%; background:var(--green); }
.admin-note { padding: 10px; border-left: 3px solid var(--green); background: color-mix(in srgb,var(--green) 6%,var(--surface)); }
.admin-attention-list { display: grid; gap: 7px; }
.admin-attention { display:grid; grid-template-columns:10px minmax(0,1fr) auto; align-items:center; gap:10px; padding:10px; border:1px solid var(--line); border-radius:6px; background:var(--surface-soft); text-align:left; }
.admin-attention > span { width:8px;height:8px;border-radius:50%;background:#d97706; }.admin-attention.urgent > span{background:var(--accent)}.admin-attention.offline > span{background:#6b7280}
.admin-attention div { display:grid; gap:2px; }.admin-attention small { color:var(--muted); }.admin-attention b { color:var(--accent);font-size:10px; }
.admin-section-bar { display:flex;align-items:center;justify-content:space-between;gap:18px;padding-bottom:14px;border-bottom:1px solid var(--line); }
.admin-section-bar input[type=search] { width:min(320px,100%); }
.admin-table { display:grid; border:1px solid var(--line);border-radius:7px;background:var(--surface);overflow:hidden; }
.admin-table-head,.admin-table-row { display:grid;grid-template-columns:minmax(240px,2fr) 1fr 1fr 1fr auto;align-items:center;gap:12px;padding:11px 13px;border-bottom:1px solid var(--line); }
.admin-table-head { color:var(--muted);font-size:10px;font-weight:800;text-transform:uppercase;background:var(--surface-soft); }
.admin-table-row:last-child { border-bottom:0; }.admin-table-row > span:first-child { display:grid;gap:2px; }.admin-table-row small{color:var(--muted);}.admin-table-row span{font-size:11px;}
.admin-role { padding:3px 7px;border-radius:9px;color:var(--muted);background:var(--surface-soft);font-size:9px;text-transform:uppercase; }.admin-role.admin{color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,var(--surface));}
.admin-role.waitlist-subscribed{color:#0f766e}.admin-role.waitlist-invited{color:#7c3aed}.admin-role.waitlist-unsubscribed{color:var(--muted)}
.admin-role.interest-software{color:#2563eb}.admin-role.interest-hardware{color:var(--accent)}.admin-role.interest-both{color:#7c3aed}.admin-role.interest-unspecified{color:var(--muted)}
.waitlist-table .admin-table-head,.waitlist-table .admin-table-row{grid-template-columns:minmax(220px,2fr) .85fr .8fr .85fr .8fr auto}
.waitlist-table .admin-table-row small{max-width:360px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.admin-card-grid { display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:12px; }
.admin-entity-card { border:1px solid var(--line);border-top:3px solid #7c3aed;border-radius:7px;background:var(--surface);overflow:hidden; }
.admin-entity-card.cluster { border-top-color:#2563eb; }.admin-entity-card.cluster.online{border-top-color:var(--green);}.admin-entity-card.cluster.offline{border-top-color:#6b7280;}
.admin-entity-card header { display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px;border-bottom:1px solid var(--line); }
.entity-icon { width:30px;height:30px;border-radius:6px;background:var(--surface-soft); }
.admin-entity-card header div{display:grid;gap:2px}.admin-entity-card header small{color:var(--muted)}.admin-entity-card header b{color:var(--green);font-size:9px;text-transform:uppercase}
.admin-entity-card > div { display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:12px; }.admin-entity-card > div span{display:grid;gap:3px;color:var(--muted);font-size:10px}.admin-entity-card > div strong{color:var(--ink);font-size:13px}
.admin-entity-card footer{padding:9px 12px;border-top:1px solid var(--line);color:var(--muted);font-size:10px}
.admin-filter-row { display:flex;gap:8px; }.admin-filter-row select{width:auto;}
.admin-feedback-list { display:grid;gap:8px; }
.admin-feedback-card { display:grid;grid-template-columns:5px minmax(0,1fr) auto;gap:12px;padding:12px;border:1px solid var(--line);border-radius:7px;background:var(--surface);text-align:left; }
.feedback-priority{border-radius:3px;background:#6b7280}.priority-high .feedback-priority{background:#d97706}.priority-urgent .feedback-priority{background:var(--accent)}
.admin-feedback-card > span:nth-child(2){display:grid;gap:3px}.admin-feedback-card small,.admin-feedback-card p,.admin-feedback-card time{color:var(--muted);font-size:10px}.admin-feedback-card p{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.admin-feedback-card > span:last-child{display:grid;justify-items:end;gap:8px}.feedback-state{padding:3px 7px;border-radius:9px;background:var(--surface-soft);font-size:9px;text-transform:uppercase}.status-new{color:var(--accent)}.status-resolved,.status-closed{color:var(--green)}
.invitation-admin-grid { grid-template-columns:minmax(300px,.8fr) minmax(400px,1.2fr);align-items:start; }
.admin-invite-result { display:grid;grid-template-columns:minmax(0,1fr) 34px;gap:7px }.admin-invite-result input{font-family:ui-monospace,monospace;font-size:10px}
.admin-invitation-list { display:grid;gap:7px }.admin-invitation-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:9px;border:1px solid var(--line);border-radius:6px}.admin-invitation-row > span{display:grid;gap:2px}.admin-invitation-row small{color:var(--muted)}.admin-invitation-row b{font-size:9px;text-transform:uppercase}.invitation-pending{color:#d97706}.invitation-accepted{color:var(--green)}
.admin-feedback-message{display:grid;gap:8px;padding:12px;border:1px solid var(--line);border-radius:6px;background:var(--surface-soft)}.admin-feedback-message p{white-space:pre-wrap}.admin-feedback-message small{color:var(--muted)}
.operations-metrics { grid-template-columns: repeat(5,minmax(0,1fr)); }
.operations-grid { grid-template-columns: minmax(440px,1.15fr) minmax(360px,.85fr); align-items:start; }
.admin-recovery-list,.admin-incident-list,.admin-audit-list { display:grid;gap:7px;max-height:520px;overflow:auto; }
.admin-audit-row{display:grid;grid-template-columns:8px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px;border:1px solid var(--line);border-radius:6px;background:var(--surface-soft)}
.admin-audit-row .audit-mark{width:6px;height:6px;border-radius:50%;background:var(--accent)}
.admin-audit-row > span{display:grid;gap:2px;min-width:0}.admin-audit-row > span:last-child{text-align:right}.admin-audit-row strong,.admin-audit-row b{font-size:11px}.admin-audit-row small{color:var(--muted);font-size:10px;overflow-wrap:anywhere}
.admin-recovery-row,.admin-incident-row {
  display:grid;grid-template-columns:10px minmax(0,1fr) auto;align-items:center;gap:10px;
  min-height:58px;padding:10px;border:1px solid var(--line);border-radius:6px;background:var(--surface-soft);
}
.admin-incident-row { width:100%;color:var(--ink);text-align:left; }
.admin-recovery-row > span:nth-child(2),.admin-recovery-row > span:last-child,
.admin-incident-row > span:nth-child(2),.admin-incident-row > span:last-child { display:grid;gap:2px; }
.admin-recovery-row > span:last-child,.admin-incident-row > span:last-child { justify-items:end;text-align:right; }
.admin-recovery-row small,.admin-incident-row small { color:var(--muted);font-size:10px; }
.admin-recovery-row b,.admin-incident-row b { font-size:10px;text-transform:uppercase; }
.recovery-state,.incident-mark { width:8px;height:8px;border-radius:50%;background:#d97706; }
.admin-recovery-row.current .recovery-state { background:var(--green); }
.admin-recovery-row.current b { color:var(--green); }
.admin-recovery-row.stale b { color:#d97706; }
.severity-critical .incident-mark { background:var(--accent); }
.severity-major .incident-mark { background:#d97706; }
.severity-minor .incident-mark { background:#2563eb; }
.severity-maintenance .incident-mark { background:#7c3aed; }
.admin-empty { padding:24px;display:grid;place-items:center;gap:4px;color:var(--muted);text-align:center; }
.admin-gate-link { text-decoration:none; }
@media (max-width: 1050px) {
  .admin-metrics{grid-template-columns:repeat(3,1fr)}.admin-metric{border-bottom:1px solid var(--line)}.operations-grid{grid-template-columns:1fr}.admin-table-head{display:none}.admin-table-row{grid-template-columns:minmax(180px,2fr) 1fr 1fr auto}.admin-table-row>span:nth-child(2){display:none}
  .waitlist-table .admin-table-row{grid-template-columns:minmax(180px,2fr) 1fr 1fr auto}.waitlist-table .admin-table-row>span:nth-child(2),.waitlist-table .admin-table-row>span:nth-child(4){display:none}
}
@media (max-width: 760px) {
  .admin-shell{grid-template-columns:1fr}.admin-sidebar{position:static;height:auto;grid-template-rows:auto auto auto;padding:12px}.admin-sidebar nav{grid-template-columns:repeat(3,1fr)}.admin-nav{grid-template-columns:16px minmax(0,1fr);font-size:10px}.admin-nav .nav-count{display:none}.admin-sidebar-foot{display:none}.admin-main{padding:18px 12px 40px}.admin-metrics{grid-template-columns:repeat(2,1fr)}.admin-grid,.invitation-admin-grid{grid-template-columns:1fr}.admin-table-row{grid-template-columns:1fr auto}.admin-table-row>span:nth-child(2),.admin-table-row>span:nth-child(3),.admin-table-row>span:nth-child(4){display:none}
  .waitlist-table .admin-table-row{grid-template-columns:1fr auto}.waitlist-table .admin-table-row>span:nth-child(2),.waitlist-table .admin-table-row>span:nth-child(3),.waitlist-table .admin-table-row>span:nth-child(4),.waitlist-table .admin-table-row>span:nth-child(5){display:none}
}
@media (max-width: 520px) {
  .admin-header,.admin-section-bar{align-items:flex-start;flex-direction:column}.admin-sidebar nav{grid-template-columns:repeat(2,1fr)}.admin-metrics{grid-template-columns:1fr}.admin-metric{border-right:0}.admin-filter-row{width:100%;display:grid;grid-template-columns:1fr 1fr}.admin-feedback-card{grid-template-columns:4px minmax(0,1fr)}.admin-feedback-card>span:last-child{grid-column:2;grid-auto-flow:column;justify-content:space-between;justify-items:start}
}