.admin-control-body {
  --control-bg: #070a0d;
  --control-panel: #11161b;
  --control-panel-2: #171d23;
  --control-line: rgba(211, 224, 232, 0.15);
  --control-text: #f2f5f6;
  --control-muted: #909ca4;
  --control-cyan: #00dfbd;
  --control-orange: #ff8a00;
  --control-red: #ff4b45;
  background:
    linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px),
    var(--control-bg);
  background-size: 34px 34px;
}

.admin-noscript {
  position: fixed;
  inset: 24px;
  z-index: 2000;
  display: grid;
  place-items: center;
  border: 1px solid var(--control-red);
  background: #0c1014;
  color: #fff;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

/* Operator gate */
.operator-gate {
  min-height: 100vh;
  display: grid;
  grid-template-columns: minmax(340px, 1.15fr) minmax(420px, .85fr);
  background:
    radial-gradient(circle at 22% 28%, rgba(0,223,189,.13), transparent 28%),
    linear-gradient(135deg, rgba(255,255,255,.035) 1px, transparent 1px),
    #080c0f;
  background-size: auto, 36px 36px, auto;
}

.operator-gate-art {
  position: relative;
  display: grid;
  place-items: center;
  min-height: 100vh;
  overflow: hidden;
  border-right: 1px solid var(--control-line);
}

.operator-gate-art::before,
.operator-gate-art::after {
  position: absolute;
  content: "";
  pointer-events: none;
}

.operator-gate-art::before {
  width: min(58vw, 760px);
  aspect-ratio: 1;
  border: 1px solid rgba(0,223,189,.2);
  border-radius: 50%;
  box-shadow:
    0 0 0 42px rgba(0,223,189,.028),
    0 0 0 130px rgba(0,223,189,.018);
}

.operator-gate-art::after {
  inset: 9% 10%;
  border-top: 1px solid rgba(255,255,255,.15);
  border-bottom: 1px solid rgba(255,255,255,.1);
  clip-path: polygon(0 0, 90% 0, 100% 10%, 100% 100%, 10% 100%, 0 90%);
}

.gate-index {
  position: absolute;
  top: 42px;
  left: 10%;
  color: var(--control-cyan);
  font-family: var(--mono);
  font-size: .76rem;
  font-weight: 800;
  letter-spacing: .16em;
}

.operator-gate-art > p {
  position: absolute;
  left: 10%;
  bottom: 42px;
  margin: 0;
  color: #69767f;
  font-family: var(--mono);
  font-size: .72rem;
  font-weight: 800;
  letter-spacing: .16em;
}

.gate-reticle {
  position: relative;
  z-index: 2;
  display: grid;
  width: clamp(170px, 23vw, 300px);
  aspect-ratio: 1;
  place-items: center;
  border: 2px solid var(--control-cyan);
  border-radius: 50%;
  color: var(--control-cyan);
  box-shadow: inset 0 0 60px rgba(0,223,189,.08), 0 0 50px rgba(0,223,189,.08);
}

.gate-reticle::before,
.gate-reticle::after {
  position: absolute;
  content: "";
  background: var(--control-cyan);
}

.gate-reticle::before { width: 142%; height: 1px; }
.gate-reticle::after { width: 1px; height: 142%; }
.gate-reticle span { font-family: var(--display); font-size: clamp(4rem, 10vw, 8rem); font-weight: 900; line-height: 1; }

.operator-card {
  position: relative;
  align-self: center;
  width: min(560px, calc(100% - 64px));
  margin: 48px auto;
  padding: clamp(30px, 5vw, 58px);
  border: 1px solid var(--control-line);
  background: rgba(15,20,25,.94);
  clip-path: polygon(0 0, calc(100% - 26px) 0, 100% 26px, 100% 100%, 18px 100%, 0 calc(100% - 18px));
  box-shadow: 0 32px 90px rgba(0,0,0,.4);
}

.operator-card::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 44%;
  height: 3px;
  content: "";
  background: var(--control-cyan);
  box-shadow: 0 0 18px rgba(0,223,189,.65);
}

.operator-brand { margin-bottom: clamp(54px, 8vh, 90px); }
.operator-brand .brand-mark { background: var(--control-cyan); color: #07100f; }
.operator-card .eyebrow { color: var(--control-cyan); }
.operator-card h1 { margin: 10px 0 0; font-family: var(--display); font-size: clamp(2.3rem, 5vw, 4.5rem); letter-spacing: -.055em; line-height: .95; }
.operator-intro { max-width: 460px; margin: 18px 0 28px; color: var(--control-muted); }
.operator-form { display: grid; gap: 16px; }

.control-field { display: grid; gap: 7px; min-width: 0; }
.control-field > span:first-child {
  color: #aab4bb;
  font-family: var(--mono);
  font-size: .72rem;
  font-weight: 800;
  letter-spacing: .06em;
  text-transform: uppercase;
}

.control-field input,
.control-field select,
.control-field textarea {
  width: 100%;
  min-height: 46px;
  border: 1px solid var(--control-line);
  border-radius: 0;
  padding: 10px 12px;
  background: rgba(255,255,255,.035);
  color: var(--control-text);
  outline: 0;
}

.control-field textarea { resize: vertical; }
.control-field input:focus,
.control-field select:focus,
.control-field textarea:focus { border-color: var(--control-cyan); box-shadow: 0 0 0 1px var(--control-cyan); }
.control-field input::placeholder,
.control-field textarea::placeholder { color: #59646c; }
.control-field select option { background: #10151a; color: #fff; }

.control-primary,
.control-secondary,
.control-danger,
.activate-control {
  min-height: 48px;
  border: 0;
  padding: 11px 16px;
  font-weight: 900;
  cursor: pointer;
  transition: transform 140ms ease, filter 140ms ease, opacity 140ms ease;
}

.control-primary { display: flex; align-items: center; justify-content: space-between; background: var(--control-cyan); color: #06100e; }
.control-secondary { border: 1px solid var(--control-line); background: transparent; color: #fff; }
.control-danger { background: var(--control-red); color: #130403; }
.control-primary:hover,
.control-secondary:hover,
.control-danger:hover,
.activate-control:hover:not(:disabled) { transform: translateY(-1px); filter: brightness(1.08); }
.control-primary:disabled,
.control-danger:disabled,
.activate-control:disabled { cursor: not-allowed; opacity: .42; }

.form-status { min-height: 1.5em; margin: -2px 0 0; color: var(--control-red); font-size: .85rem; }
.operator-security-note { margin-top: 26px; padding: 14px 16px; border-left: 3px solid var(--control-orange); background: rgba(255,138,0,.07); }
.operator-security-note > span { color: var(--control-orange); font-family: var(--mono); font-size: .68rem; font-weight: 800; letter-spacing: .1em; }
.operator-security-note p { margin: 5px 0 0; color: #aab3b9; font-size: .82rem; }
.operator-back { display: inline-block; margin-top: 22px; color: #86929a; font-size: .82rem; }

/* Authenticated control center */
.control-shell { grid-template-columns: 264px minmax(0, 1fr); }
.control-sidebar { width: auto; background: linear-gradient(155deg, rgba(0,223,189,.07), transparent 33%), #0b1014; }
.control-node { display: grid; grid-template-columns: 10px 1fr; gap: 1px 8px; margin: 18px 6px 4px; padding: 12px; border: 1px solid rgba(0,223,189,.2); background: rgba(0,223,189,.045); color: var(--control-cyan); font-family: var(--mono); font-size: .68rem; font-weight: 800; }
.control-node small { grid-column: 2; color: #64727a; font-size: .62rem; }
.node-dot { width: 8px; height: 8px; margin-top: 2px; border-radius: 50%; background: var(--control-cyan); box-shadow: 0 0 12px var(--control-cyan); }

.control-nav a {
  position: relative;
  display: flex;
  width: 100%;
  min-height: 42px;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 9px 11px;
  color: #aab4bb;
  font-size: .84rem;
  font-weight: 700;
}
.control-nav a span:last-child { color: #65717a; font-family: var(--mono); font-size: .68rem; }
.control-nav a:hover,
.control-nav a.is-active { background: rgba(0,223,189,.1); color: #fff; }
.control-nav a.is-active::before { position: absolute; left: 0; top: 8px; bottom: 8px; width: 3px; content: ""; background: var(--control-cyan); }

.control-operator { padding: 14px; }
.control-operator strong { display: block; margin: 6px 0 12px; overflow: hidden; color: #e9eef0; font-family: var(--mono); font-size: .72rem; text-overflow: ellipsis; white-space: nowrap; }
.control-operator button { width: 100%; border: 1px solid var(--control-line); padding: 8px 10px; background: transparent; color: #8f9aa1; font-size: .74rem; cursor: pointer; }
.control-operator button:hover { border-color: var(--control-red); color: var(--control-red); }

.control-topbar { min-height: 80px; }
.topbar-code { display: block; margin-bottom: 2px; color: #66727a; font-family: var(--mono); font-size: .64rem; font-weight: 800; letter-spacing: .08em; }
.refresh-control { width: 42px; height: 42px; border: 1px solid var(--control-line); background: rgba(255,255,255,.025); color: var(--control-cyan); font-size: 1.25rem; cursor: pointer; }
.refresh-control.is-loading { animation: rotateControl 800ms linear infinite; }
@keyframes rotateControl { to { transform: rotate(360deg); } }

.control-content { width: min(1600px, 100%); }
.control-command { scroll-margin-top: 96px; }
.control-command h2 { margin: 0; font-family: var(--display); font-size: clamp(2.4rem, 5vw, 4.8rem); font-weight: 900; letter-spacing: -.06em; line-height: .84; }
.control-command .eyebrow { color: var(--control-cyan); }
.system-health { min-width: 220px; display: flex; align-items: center; gap: 12px; padding: 12px 14px; border: 1px solid rgba(0,223,189,.27); background: rgba(0,223,189,.055); }
.system-health > span:last-child { display: grid; gap: 2px; }
.system-health strong { color: var(--control-cyan); font-family: var(--mono); font-size: .72rem; }
.system-health small { color: #76828a; font-size: .7rem; }
.health-light { width: 10px; height: 10px; border-radius: 50%; background: var(--control-orange); box-shadow: 0 0 12px var(--control-orange); }
.system-health.is-online .health-light { background: var(--control-cyan); box-shadow: 0 0 12px var(--control-cyan); }
.system-health.is-error { border-color: rgba(255,75,69,.4); background: rgba(255,75,69,.08); }
.system-health.is-error .health-light { background: var(--control-red); box-shadow: 0 0 12px var(--control-red); }
.system-health.is-error strong { color: var(--control-red); }

.control-metrics { margin-bottom: 22px; }
.control-metrics .metric-card { min-height: 126px; clip-path: polygon(0 0, calc(100% - 13px) 0, 100% 13px, 100% 100%, 0 100%); }

.issue-workspace { scroll-margin-top: 96px; display: grid; grid-template-columns: minmax(440px, 1fr) minmax(390px, .9fr); gap: 18px; margin-bottom: 18px; }
.issue-form-panel,
.workflow-panel { min-height: 100%; }
.issue-form { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 15px; padding: 20px; }
.field-wide { grid-column: 1 / -1; }
.process-state,
.sync-stamp,
.severity-chip { border: 1px solid rgba(0,223,189,.3); padding: 5px 8px; color: var(--control-cyan); font-family: var(--mono); font-size: .65rem; font-weight: 800; }
.issue-safety { padding: 13px 15px; border-left: 3px solid var(--control-orange); background: rgba(255,138,0,.07); }
.issue-safety strong { color: var(--control-orange); font-size: .83rem; }
.issue-safety p { margin: 4px 0 0; color: #9da7ad; font-size: .8rem; }

.workflow-steps { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1px; margin: 0; padding: 0; list-style: none; border-bottom: 1px solid var(--control-line); background: var(--control-line); }
.workflow-steps li { min-width: 0; min-height: 84px; display: flex; gap: 9px; align-items: flex-start; padding: 14px 11px; background: #10151a; color: #5f6b73; }
.workflow-steps li > span { font-family: var(--mono); font-size: .68rem; font-weight: 800; }
.workflow-steps li div { display: grid; gap: 4px; }
.workflow-steps strong { color: #8f9ba2; font-size: .76rem; }
.workflow-steps small { font-size: .66rem; line-height: 1.35; }
.workflow-steps li.is-current { background: rgba(0,223,189,.075); color: var(--control-cyan); box-shadow: inset 0 3px 0 var(--control-cyan); }
.workflow-steps li.is-current strong { color: #fff; }
.workflow-steps li.is-done { color: var(--control-cyan); }
.workflow-steps li.is-done strong { color: #c6d0d5; }

.workflow-empty { min-height: 420px; display: grid; place-content: center; justify-items: center; padding: 34px; text-align: center; }
.workflow-empty strong { margin-top: 18px; font-family: var(--display); font-size: 1.45rem; }
.workflow-empty p { max-width: 380px; margin: 8px 0 0; color: #7f8a91; font-size: .84rem; }
.empty-reticle { display: grid; width: 92px; aspect-ratio: 1; place-items: center; border: 1px solid rgba(0,223,189,.4); border-radius: 50%; color: var(--control-cyan); font-family: var(--mono); font-size: 1.5rem; box-shadow: 0 0 0 14px rgba(0,223,189,.025); }

.issued-secret { padding: 20px; }
.one-time-banner { display: flex; justify-content: space-between; gap: 12px; padding: 10px 12px; background: var(--control-orange); color: #160d03; font-family: var(--mono); font-size: .7rem; }
.issued-summary { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1px; margin: 14px 0; background: var(--control-line); }
.issued-summary div { padding: 11px 12px; background: #11171c; }
.issued-summary dt { color: #77838a; font-size: .7rem; }
.issued-summary dd { margin: 4px 0 0; color: #fff; font-family: var(--mono); font-size: .78rem; font-weight: 800; }
.secret-output { display: grid; gap: 7px; margin-top: 14px; }
.secret-output > span:first-child { color: #8c979e; font-family: var(--mono); font-size: .7rem; font-weight: 800; }
.secret-line { display: grid; grid-template-columns: minmax(0, 1fr) auto; }
.secret-line input { min-width: 0; height: 46px; border: 1px solid rgba(0,223,189,.35); padding: 0 12px; background: #090e11; color: var(--control-cyan); font-family: var(--mono); font-size: .72rem; }
.secret-line button { border: 0; padding: 0 14px; background: var(--control-cyan); color: #07100e; font-size: .76rem; font-weight: 900; cursor: pointer; }
.token-details { margin-top: 12px; border: 1px solid var(--control-line); padding: 10px 12px 13px; }
.token-details summary { color: #8b969d; font-size: .76rem; cursor: pointer; }
.write-instructions { margin-top: 15px; padding: 14px; border: 1px solid var(--control-line); background: rgba(255,255,255,.02); }
.write-instructions strong { color: #fff; font-size: .82rem; }
.write-instructions ol { margin: 8px 0 0; padding-left: 20px; color: #99a4aa; font-size: .78rem; }
.write-instructions li + li { margin-top: 5px; }
.activation-checks { display: grid; gap: 9px; margin: 15px 0; }
.activation-checks label { display: flex; align-items: flex-start; gap: 9px; color: #c2cacf; font-size: .82rem; cursor: pointer; }
.activation-checks input { width: 18px; height: 18px; margin: 2px 0 0; accent-color: var(--control-cyan); }
.activate-control { width: 100%; background: var(--control-cyan); color: #06100e; }

.activation-complete { min-height: 420px; padding: 34px; place-content: center; justify-items: center; text-align: center; }
.activation-complete:not([hidden]) { display: grid; }
.complete-symbol { display: grid; width: 92px; aspect-ratio: 1; place-items: center; border: 2px solid var(--control-cyan); border-radius: 50%; color: var(--control-cyan); font-size: 2.3rem; box-shadow: 0 0 30px rgba(0,223,189,.14); }
.activation-complete .micro-label { margin-top: 22px; color: var(--control-cyan); }
.activation-complete h3 { margin: 8px 0 0; font-family: var(--display); font-size: 2rem; }
.activation-complete p { max-width: 410px; margin: 9px 0 20px; color: #95a0a7; font-size: .85rem; }

.records-panel { scroll-margin-top: 96px; margin-bottom: 18px; }
.control-table { min-width: 930px; }
.control-table td:first-child { color: #fff; }
.control-table td:last-child { width: 94px; }
.control-table td.is-warning { color: var(--control-orange); }
.loading-cell { padding: 34px !important; text-align: center !important; color: #758189 !important; }
.tag-meta { display: grid; gap: 2px; }
.tag-meta small { color: #6f7b83; font-size: .68rem; }
.table-chip { display: inline-flex; align-items: center; min-height: 24px; border: 1px solid currentColor; padding: 3px 7px; font-family: var(--mono); font-size: .65rem; font-weight: 800; }
.table-action { border: 1px solid rgba(255,75,69,.35); padding: 6px 9px; background: rgba(255,75,69,.06); color: var(--control-red); font-size: .7rem; cursor: pointer; }
.table-action:hover { background: var(--control-red); color: #140403; }
.table-action:disabled { border-color: var(--control-line); background: transparent; color: #606b72; cursor: default; }

.security-grid { scroll-margin-top: 96px; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
.severity-chip { border-color: rgba(255,75,69,.35); color: var(--control-red); }
.muted-label { color: #6e7a82; }
.event-list { display: grid; }
.event-item { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 6px 16px; padding: 14px 17px; border-bottom: 1px solid var(--control-line); }
.event-item:last-child { border-bottom: 0; }
.event-item strong { color: #e7ecef; font-size: .82rem; }
.event-item p { grid-column: 1; margin: 0; color: #87939a; font-size: .76rem; }
.event-item time { grid-column: 2; grid-row: 1 / span 2; align-self: center; color: #66727a; font-family: var(--mono); font-size: .64rem; text-align: right; }
.event-level { color: var(--control-orange); font-family: var(--mono); font-size: .65rem; font-weight: 800; }
.event-level.is-high { color: var(--control-red); }
.event-level.is-low { color: var(--control-cyan); }
.event-empty { margin: 0; padding: 32px 18px; color: #717d85; font-size: .82rem; text-align: center; }
.alert-event-item .event-level { grid-column: 1; grid-row: 1; }
.alert-event-item strong { grid-column: 1; grid-row: 2; }
.alert-event-item p { grid-column: 1; grid-row: 3; }
.alert-event-item time { grid-column: 2; grid-row: 1; }
.alert-action { grid-column: 2; grid-row: 2 / span 2; align-self: center; min-width: 74px; border: 1px solid rgba(0,223,189,.38); padding: 7px 10px; background: rgba(0,223,189,.06); color: var(--control-cyan); font-family: var(--mono); font-size: .67rem; font-weight: 800; cursor: pointer; }
.alert-action:hover { background: var(--control-cyan); color: #06100e; }

/* Operator dialogs */
.revoke-dialog,
.alert-dialog { width: min(560px, calc(100vw - 32px)); max-width: none; padding: 0; background: #11161b; color: #fff; }
.revoke-dialog { border: 1px solid rgba(255,75,69,.48); }
.alert-dialog { border: 1px solid rgba(0,223,189,.48); }
.revoke-dialog::backdrop,
.alert-dialog::backdrop { background: rgba(0,0,0,.76); backdrop-filter: blur(6px); }
.revoke-dialog-card { padding: 22px; }
.revoke-dialog-card > p { color: #9da7ad; font-size: .86rem; }
.revoke-target { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1px; margin: 16px 0; background: var(--control-line); }
.revoke-target div { padding: 12px; background: #0c1115; }
.revoke-target dt { color: #737f87; font-size: .7rem; }
.revoke-target dd { margin: 4px 0 0; font-family: var(--mono); font-size: .8rem; font-weight: 800; }
.alert-target { margin-bottom: 18px; }
.alert-dialog .control-field + .control-field { margin-top: 14px; }
.revoke-dialog-card > .dialog-note { margin: 14px 0 0; border-left: 3px solid var(--control-orange); padding: 10px 12px; background: rgba(255,139,0,.07); color: #b8aa99; font-size: .75rem; }
.dialog-actions { display: flex; justify-content: flex-end; gap: 10px; margin-top: 18px; }

.toast { z-index: 3000; }

@media (max-width: 1220px) {
  .issue-workspace { grid-template-columns: 1fr; }
  .workflow-empty { min-height: 300px; }
}

@media (max-width: 980px) {
  .operator-gate { grid-template-columns: 1fr; }
  .operator-gate-art { display: none; }
  .control-shell { grid-template-columns: 1fr; }
  .control-sidebar { width: 264px; }
  .security-grid { grid-template-columns: 1fr; }
}

@media (max-width: 720px) {
  .operator-card { width: min(100% - 28px, 560px); margin: 18px auto; padding: 28px 22px; }
  .operator-brand { margin-bottom: 48px; }
  .control-topbar { align-items: flex-start; padding: 10px 14px; }
  .control-topbar .topbar-tools { width: auto; }
  .control-search { display: none; }
  .control-content { padding: 22px 14px 72px; }
  .control-command { align-items: flex-start; }
  .system-health { min-width: 0; padding: 10px; }
  .system-health small { display: none; }
  .issue-form { grid-template-columns: 1fr; padding: 16px; }
  .field-wide { grid-column: auto; }
  .workflow-steps { grid-template-columns: repeat(2, 1fr); }
  .issued-secret { padding: 16px; }
  .one-time-banner { display: grid; }
  .secret-line { grid-template-columns: 1fr; }
  .secret-line button { min-height: 42px; }
  .revoke-target { grid-template-columns: 1fr; }
}

@media (max-width: 480px) {
  .operator-card h1 { font-size: 2.6rem; }
  .control-command { display: grid; }
  .control-command h2 { font-size: 3rem; }
  .system-health { width: 100%; }
  .workflow-steps { grid-template-columns: 1fr; }
  .workflow-steps li { min-height: 64px; }
  .issued-summary { grid-template-columns: 1fr; }
  .dialog-actions { display: grid; grid-template-columns: 1fr; }
}

@media (prefers-reduced-motion: reduce) {
  .refresh-control.is-loading { animation: none; }
  .control-primary,
  .control-secondary,
  .control-danger,
  .activate-control { transition: none; }
}