:root {
  color-scheme: dark;
  --bg: #08070b;
  --bg-2: #0e0d15;
  --card: rgba(255,255,255,0.035);
  --card-2: rgba(255,255,255,0.06);
  --border: rgba(255,255,255,0.09);
  --border-hi: rgba(124,92,255,0.45);
  --text: #edeef7;
  --dim: #a2a5bd;
  --faint: #6b6e88;
  --brand: #7c5cff;
  --grad: linear-gradient(100deg,#7c5cff,#b44cff);
  --green: #42f59e;
  --amber: #ffc24c;
  --red: #ff5c7a;
  --font: "Inter", system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
}
* { margin:0; padding:0; box-sizing:border-box; }
body { background:var(--bg); color:var(--text); font-family:var(--font); font-size:15px; line-height:1.5; -webkit-font-smoothing:antialiased; }
h1,h2 { font-weight:700; letter-spacing:-0.01em; }
.muted { color:var(--faint); font-size:13.5px; }
[hidden] { display:none !important; }

/* buttons */
.btn { display:inline-flex; align-items:center; justify-content:center; gap:7px; font-family:inherit; font-weight:600; font-size:14.5px; padding:11px 18px; border-radius:11px; border:1px solid transparent; cursor:pointer; transition:transform .2s, background .2s, border-color .2s, box-shadow .2s; }
.btn:disabled { opacity:.55; cursor:wait; }
.btn-primary { background:var(--grad); color:#fff; box-shadow:0 8px 22px -8px rgba(124,92,255,.6); }
.btn-primary:hover:not(:disabled) { transform:translateY(-1px); }
.btn-outline { background:var(--card); border-color:var(--border); color:var(--text); }
.btn-outline:hover { border-color:var(--border-hi); }
.btn-ghost { background:transparent; color:var(--dim); padding:8px 12px; }
.btn-ghost:hover { color:var(--text); }
.btn-sm { padding:7px 13px; font-size:13px; }
.btn-block { width:100%; }

/* ── login ── */
.login { min-height:100vh; display:grid; place-items:center; padding:24px;
  background:radial-gradient(60% 60% at 50% 0%, rgba(124,92,255,.14), transparent 70%), var(--bg); }
.login-card { width:min(400px,100%); background:linear-gradient(165deg, rgba(255,255,255,.06), rgba(255,255,255,.02));
  border:1px solid var(--border); border-radius:22px; padding:34px 30px; box-shadow:0 40px 90px -30px rgba(0,0,0,.8); }
.login-brand { display:flex; align-items:center; gap:9px; font-weight:700; font-size:15px; color:var(--dim); margin-bottom:18px; }
.login-mark { width:30px; height:30px; border-radius:9px; display:grid; place-items:center; background:var(--grad); color:#fff; font-weight:800; }
.login-card h1 { font-size:26px; }
.login-sub { color:var(--faint); font-size:13.5px; margin:4px 0 24px; }
.login-methods { display:flex; flex-direction:column; gap:14px; }
.method { display:flex; flex-direction:column; gap:10px; }
.method-or { text-align:center; font-size:12px; letter-spacing:.14em; text-transform:uppercase; color:var(--faint); position:relative; }
.method-or::before, .method-or::after { content:""; position:absolute; top:50%; width:38%; height:1px; background:var(--border); }
.method-or::before { left:0; } .method-or::after { right:0; }
.login input, .code-form input { width:100%; background:rgba(0,0,0,.35); border:1px solid var(--border); border-radius:11px; color:var(--text); font-family:inherit; font-size:15px; padding:12px 15px; outline:none; transition:border-color .2s, box-shadow .2s; }
.login input:focus { border-color:var(--brand); box-shadow:0 0 0 4px rgba(124,92,255,.16); }
#codeInput { text-align:center; letter-spacing:.5em; font-size:22px; font-weight:700; }
.code-form { display:flex; flex-direction:column; gap:10px; }
.code-hint { font-size:13px; color:var(--green); }
.login-error { margin-top:16px; color:var(--red); font-size:13.5px; text-align:center; }

/* ── app shell ── */
.topbar { position:sticky; top:0; z-index:10; display:flex; align-items:center; justify-content:space-between;
  padding:13px 22px; background:rgba(8,7,11,.82); backdrop-filter:blur(16px); border-bottom:1px solid var(--border); }
.topbar-brand { display:flex; align-items:center; gap:9px; font-weight:700; }
.topbar-right { display:flex; align-items:center; gap:8px; }
.topbar-user { font-size:13px; color:var(--dim); margin-right:6px; }
.board { width:min(1240px,94%); margin:0 auto; padding:28px 0 70px; }

.admin-hero { position:relative; overflow:hidden; display:flex; align-items:flex-end; justify-content:space-between; gap:28px; margin-bottom:18px; padding:28px 30px; border:1px solid var(--border); border-radius:22px; background:linear-gradient(125deg,rgba(124,92,255,.16),rgba(180,76,255,.05) 46%,rgba(66,245,158,.055)); box-shadow:0 30px 80px -56px rgba(124,92,255,.9); }
.admin-hero::after { content:""; position:absolute; width:260px; height:260px; right:-100px; top:-160px; border-radius:50%; border:1px solid rgba(66,245,158,.18); box-shadow:0 0 80px rgba(66,245,158,.08); }
.eyebrow { display:block; color:#a998ff; font-size:10.5px; font-weight:800; letter-spacing:.15em; text-transform:uppercase; margin-bottom:6px; }
.admin-hero h1 { max-width:700px; font-size:clamp(25px,3vw,40px); line-height:1.08; letter-spacing:-.04em; }
.admin-hero p { max-width:710px; color:var(--dim); margin-top:10px; }
.quick-nav { position:relative; z-index:1; display:flex; flex-wrap:wrap; justify-content:flex-end; gap:8px; min-width:260px; }
.quick-nav a { color:var(--text); text-decoration:none; font-size:12.5px; font-weight:700; padding:9px 12px; border-radius:10px; border:1px solid var(--border); background:rgba(8,7,11,.42); transition:border-color .2s,transform .2s; }
.quick-nav a:hover { border-color:var(--border-hi); transform:translateY(-1px); }

/* status strip */
.status-strip { display:flex; flex-wrap:wrap; gap:9px; margin-bottom:18px; }
.status-pill { display:flex; align-items:center; gap:8px; font-size:13px; font-weight:600; padding:8px 14px; border-radius:999px; background:var(--card); border:1px solid var(--border); }
.dot { width:8px; height:8px; border-radius:50%; flex-shrink:0; }
.dot.online { background:var(--green); box-shadow:0 0 9px rgba(66,245,158,.6); }
.dot.attention { background:var(--amber); }
.dot.paused, .dot.offline { background:var(--red); }
.status-pill small { color:var(--faint); font-weight:500; }

/* kpis */
.kpi-row { display:grid; grid-template-columns:repeat(6,1fr); gap:12px; margin-bottom:20px; }
.kpi { background:var(--card); border:1px solid var(--border); border-radius:15px; padding:16px 16px 14px; }
.kpi b { display:block; font-size:27px; font-weight:800; font-variant-numeric:tabular-nums; }
.kpi small { display:block; font-size:12px; color:var(--faint); margin-top:3px; }
.kpi .kpi-sub { font-size:11.5px; color:var(--brand); margin-top:5px; }

/* board grid */
.board-grid { display:grid; min-width:0; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.card { background:linear-gradient(165deg,rgba(255,255,255,.042),rgba(255,255,255,.018)); border:1px solid var(--border); border-radius:18px; padding:21px 21px 19px; box-shadow:0 24px 55px -48px rgba(0,0,0,.95); }
.card-wide { grid-column:1 / -1; }
.card h2 { font-size:15px; margin-bottom:14px; color:var(--text); }

/* approval queue */
.approval-item { border:1px solid var(--border); border-radius:12px; padding:13px 15px; margin-bottom:10px; background:var(--card-2); }
.approval-item:last-child { margin-bottom:0; }
.approval-item b { font-size:14px; }
.approval-item p { font-size:13px; color:var(--dim); margin-top:5px; white-space:pre-wrap; max-height:5.2em; overflow:hidden; }
.approval-meta { font-size:11.5px; color:var(--faint); margin-top:7px; }

/* trends */
.trend { display:flex; align-items:flex-end; gap:5px; height:96px; padding-bottom:4px; border-bottom:1px solid var(--border); }
.trend-bar { flex:1; min-width:4px; border-radius:4px 4px 0 0; background:var(--grad); opacity:.85; position:relative; transition:opacity .2s; }
.trend-bar:hover { opacity:1; }
.trend-bar span { position:absolute; top:-17px; left:50%; transform:translateX(-50%); font-size:10px; color:var(--dim); opacity:0; transition:opacity .15s; }
.trend-bar:hover span { opacity:1; }
.funnel { display:flex; flex-direction:column; gap:7px; margin-top:14px; }
.funnel-row { display:flex; align-items:center; gap:10px; font-size:13px; }
.funnel-row i { font-style:normal; color:var(--faint); width:96px; }
.funnel-track { flex:1; height:8px; border-radius:999px; background:rgba(255,255,255,.06); overflow:hidden; }
.funnel-fill { height:100%; border-radius:999px; background:var(--grad); }
.funnel-row b { width:34px; text-align:right; font-variant-numeric:tabular-nums; }

/* tables / lists */
.tbl { width:100%; border-collapse:collapse; font-size:13.5px; }
.tbl th { text-align:left; font-size:11px; letter-spacing:.08em; text-transform:uppercase; color:var(--faint); font-weight:600; padding:0 10px 9px; }
.tbl td { padding:10px 10px; border-top:1px solid var(--border); vertical-align:top; }
.card > #securityBody,.card > #leadsBody,.card > #visitorBody { max-width:100%; overflow-x:auto; overscroll-behavior-inline:contain; }
.tbl tr:first-child td { border-top:0; }
.tbl b { font-weight:600; }
.visitor-summary { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:10px; margin-bottom:12px; }
.visitor-summary span { padding:12px; border:1px solid var(--border); border-radius:12px; background:rgba(255,255,255,.025); }
.visitor-summary b,.visitor-summary small { display:block; }
.visitor-summary b { font-size:20px; }
.visitor-summary small { color:var(--faint); margin-top:3px; }
.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; }
.customer-intel { overflow:hidden; }
.customer-intel-head { display:flex; align-items:flex-end; justify-content:space-between; gap:20px; margin-bottom:16px; }
.customer-intel-head h2 { font-size:21px; margin:0 0 5px; }
.customer-intel-head p { color:var(--dim); font-size:13px; max-width:760px; }
.intel-overview { margin:0 0 16px; }
.intel-metric-grid { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:8px; margin-bottom:10px; }
.intel-metric { position:relative; min-width:0; overflow:hidden; padding:13px 14px 12px; border:1px solid var(--border); border-radius:13px; background:linear-gradient(155deg,rgba(255,255,255,.045),rgba(255,255,255,.015)); }
.intel-metric::after { content:""; position:absolute; width:56px; height:56px; right:-24px; top:-25px; border-radius:50%; background:var(--metric-glow,rgba(124,92,255,.18)); filter:blur(2px); }
.intel-metric > span,.intel-metric > b,.intel-metric > small { display:block; position:relative; z-index:1; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.intel-metric > span { color:var(--faint); font-size:10px; font-weight:700; letter-spacing:.07em; text-transform:uppercase; }
.intel-metric > b { margin-top:5px; font-size:24px; line-height:1; font-variant-numeric:tabular-nums; }
.intel-metric > small { margin-top:6px; color:var(--dim); font-size:10.5px; }
.intel-metric.tone-qualified,.intel-metric.tone-locations { --metric-glow:rgba(66,245,158,.18); }
.intel-metric.tone-messages { --metric-glow:rgba(66,184,245,.18); }
.intel-metric.tone-records { --metric-glow:rgba(255,194,76,.16); }
.intel-visual-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.intel-visual { min-width:0; padding:14px; border:1px solid var(--border); border-radius:14px; background:rgba(5,4,8,.38); }
.intel-visual > header { display:flex; align-items:flex-start; justify-content:space-between; gap:10px; min-height:35px; }
.intel-visual h3 { margin-top:-2px; font-size:13.5px; }
.intel-fresh { color:var(--faint); font-size:10px; white-space:nowrap; }
.intel-rings { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; margin-top:9px; }
.intel-ring { --ring:#8d71ff; width:88px; max-width:100%; aspect-ratio:1; display:grid; place-content:center; justify-self:center; position:relative; border-radius:50%; text-align:center; background:conic-gradient(var(--ring) calc(var(--value) * 1%),rgba(255,255,255,.065) 0); }
.intel-ring::before { content:""; position:absolute; inset:7px; border-radius:50%; background:#100e16; box-shadow:inset 0 0 16px rgba(0,0,0,.4); }
.intel-ring b,.intel-ring small { position:relative; z-index:1; display:block; }
.intel-ring b { font-size:18px; font-variant-numeric:tabular-nums; }
.intel-ring small { color:var(--faint); font-size:9.5px; text-transform:uppercase; }
.intel-ring.ring-green { --ring:#42f59e; }
.intel-ring.ring-amber { --ring:#ffc24c; }
.intel-legend { display:flex; gap:10px; color:var(--faint); font-size:9.5px; }
.intel-legend span::before { content:""; display:inline-block; width:6px; height:6px; margin-right:4px; border-radius:2px; background:#7658ef; }
.intel-legend span:last-child::before { background:#42f59e; }
.intel-trend { display:flex; align-items:flex-end; gap:5px; height:98px; margin-top:8px; padding-top:6px; border-bottom:1px solid var(--border); }
.intel-trend-day { flex:1; height:100%; min-width:7px; display:flex; align-items:flex-end; justify-content:center; gap:1px; position:relative; }
.intel-trend-day i { width:42%; min-height:2px; border-radius:3px 3px 0 0; background:linear-gradient(#937cff,#5d3fd8); }
.intel-trend-day .intel-trend-conversions { background:linear-gradient(#42f59e,#1da96a); }
.intel-trend-day small { position:absolute; top:calc(100% + 4px); left:50%; transform:translateX(-50%); color:var(--faint); font-size:8px; opacity:.72; }
.intel-source-row,.intel-funnel > div { display:grid; grid-template-columns:90px 1fr 28px; align-items:center; gap:8px; margin-top:8px; color:var(--dim); font-size:10.5px; }
.intel-source-row > span,.intel-funnel span { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.intel-source-row > i,.intel-funnel i { height:6px; overflow:hidden; border-radius:999px; background:rgba(255,255,255,.06); }
.intel-source-row > i b,.intel-funnel i b { display:block; height:100%; border-radius:inherit; background:linear-gradient(90deg,#6f4df0,#a78dff); }
.intel-source-row strong,.intel-funnel strong { text-align:right; color:var(--text); font-variant-numeric:tabular-nums; }
.intel-funnel i b { background:linear-gradient(90deg,#1c9d63,#42f59e); }
.intel-search { display:flex; gap:8px; flex:0 1 470px; }
.intel-search input { width:100%; min-width:0; color:var(--text); background:rgba(0,0,0,.35); border:1px solid var(--border); border-radius:10px; padding:9px 12px; outline:none; }
.intel-search input:focus { border-color:var(--brand); }
.intel-tabs { display:flex; flex-wrap:wrap; gap:7px; margin-bottom:12px; }
.intel-tab { border:1px solid var(--border); border-radius:10px; padding:8px 11px; color:var(--dim); background:rgba(0,0,0,.2); cursor:pointer; font-weight:700; }
.intel-tab span { display:inline-grid; min-width:20px; place-items:center; margin-left:4px; padding:1px 5px; border-radius:999px; background:rgba(255,255,255,.07); font-size:10px; }
.intel-tab.active { color:#fff; border-color:var(--border-hi); background:rgba(124,92,255,.16); }
.intel-layout { display:grid; grid-template-columns:minmax(320px,.84fr) minmax(390px,1.16fr); min-height:560px; border:1px solid var(--border); border-radius:15px; overflow:hidden; background:rgba(0,0,0,.18); }
.intel-list-pane { min-width:0; border-right:1px solid var(--border); }
.intel-row { width:100%; display:flex; align-items:center; justify-content:space-between; gap:12px; padding:13px 14px; color:var(--text); text-align:left; border:0; border-bottom:1px solid var(--border); background:transparent; cursor:pointer; }
.intel-row:hover,.intel-row:focus { background:rgba(124,92,255,.08); outline:none; }
.intel-row-main { min-width:0; }
.intel-row-main b,.intel-row-main small { display:block; }
.intel-row-main b { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:13.5px; }
.intel-row-main small { margin-top:3px; color:var(--faint); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.intel-row-side { display:flex; flex-direction:column; align-items:flex-end; gap:5px; flex-shrink:0; }
.intel-row-side time { color:var(--faint); font-size:11px; }
.intel-pager { display:flex; align-items:center; justify-content:space-between; gap:8px; padding:12px; color:var(--faint); font-size:11.5px; }
.intel-detail { min-width:0; padding:18px; overflow:auto; max-height:760px; }
.intel-detail-head { display:flex; justify-content:space-between; align-items:flex-start; gap:12px; margin-bottom:14px; }
.intel-detail-head h3 { font-size:20px; }
.intel-facts { display:grid; grid-template-columns:130px 1fr; gap:7px 12px; padding:13px; border:1px solid var(--border); border-radius:12px; font-size:12.5px; }
.intel-facts dt { color:var(--faint); }
.intel-facts dd { color:var(--text); overflow-wrap:anywhere; }
.intel-link-counts { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:7px; margin:12px 0 18px; }
.intel-link-counts span { padding:9px; border:1px solid var(--border); border-radius:10px; background:rgba(255,255,255,.025); }
.intel-link-counts b,.intel-link-counts small { display:block; }
.intel-link-counts small { color:var(--faint); margin-top:2px; font-size:10.5px; }
.intel-detail h4 { margin:14px 0 8px; font-size:13px; }
.intel-transcript { display:flex; flex-direction:column; gap:7px; max-height:390px; overflow:auto; padding-right:3px; }
.intel-message { padding:10px 11px; border:1px solid var(--border); border-radius:11px; background:rgba(255,255,255,.025); }
.intel-message.role-user { border-color:rgba(124,92,255,.28); }
.intel-message.role-owner { border-color:rgba(66,245,158,.28); }
.intel-message header { display:flex; justify-content:space-between; gap:10px; font-size:11px; }
.intel-message header time { color:var(--faint); }
.intel-message p { margin-top:5px; color:var(--dim); white-space:pre-wrap; overflow-wrap:anywhere; font-size:12.5px; }
.intel-raw { margin-top:14px; border-top:1px solid var(--border); padding-top:12px; }
.intel-raw summary { cursor:pointer; color:#a998ff; font-weight:700; font-size:12.5px; }
.intel-raw pre { max-height:480px; overflow:auto; margin-top:10px; padding:12px; border-radius:10px; color:#c9c5d5; background:#08070b; font:11.5px/1.5 ui-monospace,monospace; white-space:pre-wrap; overflow-wrap:anywhere; }
.data-vault { margin-top:16px; padding:14px; border:1px solid var(--border); border-radius:14px; background:rgba(124,92,255,.035); }
.data-vault > summary { cursor:pointer; color:#c4b6ff; font-size:13.5px; font-weight:800; }
.data-vault > p { margin:8px 0 12px; color:var(--faint); font-size:12px; }
.vault-controls { display:flex; align-items:flex-end; flex-wrap:wrap; gap:9px; margin-bottom:12px; }
.vault-controls label { display:flex; flex:1 1 210px; flex-direction:column; gap:4px; color:var(--faint); font-size:10.5px; text-transform:uppercase; letter-spacing:.07em; }
.vault-controls select,.vault-controls input { min-width:0; color:var(--text); background:rgba(0,0,0,.35); border:1px solid var(--border); border-radius:9px; padding:9px 10px; outline:none; }
.vault-layout { display:grid; grid-template-columns:minmax(260px,.7fr) minmax(360px,1.3fr); border:1px solid var(--border); border-radius:12px; overflow:hidden; }
.vault-layout > section { border-right:1px solid var(--border); }
.vault-row { width:100%; display:block; padding:11px 12px; color:var(--text); text-align:left; border:0; border-bottom:1px solid var(--border); background:transparent; cursor:pointer; }
.vault-row:hover { background:rgba(124,92,255,.08); }
.vault-row b,.vault-row small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.vault-row b { font-size:12.5px; }
.vault-row small { margin-top:3px; color:var(--faint); font-size:10.5px; }
#vaultDetail { min-width:0; max-height:600px; padding:14px; overflow:auto; }
#vaultDetail pre { color:#c9c5d5; font:11.5px/1.5 ui-monospace,monospace; white-space:pre-wrap; overflow-wrap:anywhere; }
.pill { display:inline-block; font-size:11px; font-weight:600; padding:2px 9px; border-radius:999px; background:rgba(124,92,255,.16); color:#c4b6ff; }
.feed-item { display:flex; align-items:center; gap:11px; padding:9px 0; border-top:1px solid var(--border); font-size:13.5px; color:var(--dim); }
.feed-item:first-child { border-top:0; }
.feed-ic { width:26px; height:26px; border-radius:8px; display:grid; place-items:center; background:var(--card-2); flex-shrink:0; }
.feed-item time { margin-left:auto; font-size:12px; color:var(--faint); white-space:nowrap; }
.board-foot { text-align:center; color:var(--faint); font-size:12px; margin-top:26px; }

@media (max-width:900px) {
  .kpi-row { grid-template-columns:repeat(3,1fr); }
  .board-grid { grid-template-columns:minmax(0,1fr); }
}
@media (max-width:560px) {
  .kpi-row { grid-template-columns:repeat(2,1fr); }
  .topbar-user { display:none; }
}

/* ── admin controls + new panels ── */
.h2-hint { font-size:11.5px; font-weight:500; color:var(--faint); margin-left:8px; text-transform:none; letter-spacing:0; }
.card h2 { display:flex; align-items:baseline; flex-wrap:wrap; gap:2px; }
.row-x { background:transparent; border:1px solid var(--border); color:var(--faint); width:24px; height:24px; border-radius:7px; cursor:pointer; font-size:12px; line-height:1; transition:border-color .2s, color .2s, background .2s; }
.row-x:hover { border-color:var(--red); color:var(--red); background:rgba(255,92,122,.08); }
.row-x:disabled { opacity:.4; cursor:wait; }
.btn-xs { padding:6px 12px; font-size:12.5px; border-radius:9px; }
.approval-actions { display:flex; gap:8px; margin-top:11px; }
.mono { font-family:ui-monospace, "SF Mono", Menlo, monospace; font-size:12.5px; }

/* Atlas updates */
.atlas-post { border:1px solid var(--border); border-radius:13px; padding:14px 16px; margin-bottom:11px; background:var(--card-2); }
.atlas-post:last-child { margin-bottom:0; }
.atlas-brief { border-color:var(--border-hi); background:rgba(124,92,255,.06); }
.atlas-head { display:flex; align-items:baseline; justify-content:space-between; gap:12px; font-family:var(--font); font-weight:700; font-size:14.5px; margin-bottom:8px; }
.atlas-head time { font-size:11.5px; color:var(--faint); font-weight:500; white-space:nowrap; }
.atlas-summary { font-size:13.5px; color:var(--dim); margin-bottom:8px; }
.atlas-md { font-size:13px; color:var(--dim); line-height:1.6; max-height:16em; overflow-y:auto; }
.atlas-md h4 { font-size:13.5px; color:var(--text); margin:10px 0 4px; }
.atlas-md b { color:var(--text); }

/* security dots */
.sec-dot { display:inline-block; width:7px; height:7px; border-radius:50%; margin-right:7px; vertical-align:middle; }
.sec-dot.ok { background:var(--green); }
.sec-dot.bad { background:var(--red); }

/* ── Atlas Manager control center ── */
#syncBtn { margin-left:auto; }
.assign-form { display:flex; flex-direction:column; gap:10px; }
.assign-form input, .assign-form textarea, .assign-form select { background:rgba(0,0,0,.35); border:1px solid var(--border); border-radius:10px; color:var(--text); font-family:inherit; font-size:14px; padding:10px 13px; outline:none; transition:border-color .2s; }
.assign-form input:focus, .assign-form textarea:focus, .assign-form select:focus { border-color:var(--brand); }
.assign-form textarea { min-height:64px; resize:vertical; line-height:1.5; }
.assign-row { display:flex; flex-wrap:wrap; gap:9px; align-items:center; }
.assign-row select { flex:0 1 auto; }
.assign-check { display:flex; align-items:center; gap:6px; font-size:12.5px; color:var(--dim); cursor:pointer; }
.assign-row .btn { margin-left:auto; }
.assign-status { font-size:13px; color:var(--dim); }
.assign-status[data-state="ok"] { color:var(--green); }
.assign-status[data-state="error"] { color:var(--red); }

.task-board { display:flex; flex-direction:column; gap:16px; }
.task-group h3 { font-size:12.5px; font-weight:700; letter-spacing:.03em; color:var(--dim); margin-bottom:9px; text-transform:none; }
.task-item { border:1px solid var(--border); border-radius:12px; padding:12px 14px; margin-bottom:9px; background:var(--card-2); }
.task-item:last-child { margin-bottom:0; }
.task-item.task-completed { opacity:.7; }
.task-item.task-approved { border-color:rgba(66,245,158,.3); }
.task-top { display:flex; align-items:baseline; justify-content:space-between; gap:12px; }
.task-top b { font-size:14px; }
.task-pills { display:flex; gap:6px; flex-shrink:0; }
.tpill { font-size:10.5px; font-weight:600; padding:2px 8px; border-radius:999px; background:rgba(255,255,255,.07); color:var(--dim); white-space:nowrap; }
.tpill.p-high { background:rgba(255,194,76,.16); color:var(--amber); }
.tpill.p-urgent { background:rgba(255,92,122,.16); color:var(--red); }
.task-desc { font-size:13px; color:var(--dim); margin-top:6px; white-space:pre-wrap; max-height:5em; overflow:hidden; }
.task-summary { font-size:12.5px; color:#9fe7c4; margin-top:6px; }
.task-foot { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-top:10px; }
.task-cat { font-size:11.5px; color:var(--faint); }
.task-actions { display:flex; gap:7px; }

/* ── Agent & sub-agent activity ── */
.agent-row { display:flex; gap:12px; padding:11px 0; border-top:1px solid var(--border); }
.agent-row:first-child { border-top:0; }
.agent-row.live { background:linear-gradient(90deg, rgba(66,245,158,.05), transparent 60%); border-radius:10px; padding:11px 12px; margin:0 -12px; }
.agent-ic { width:30px; height:30px; border-radius:9px; display:grid; place-items:center; background:var(--card-2); flex-shrink:0; font-size:15px; }
.agent-main { flex:1; min-width:0; }
.agent-title { font-size:13.5px; font-weight:600; display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
.agent-id { font-family:ui-monospace, Menlo, monospace; font-size:11px; color:var(--faint); font-weight:500; }
.agent-status { font-size:11px; font-weight:600; padding:1px 8px; border-radius:999px; }
.agent-status.on { background:rgba(66,245,158,.16); color:var(--green); }
.agent-status.off { background:rgba(255,255,255,.06); color:var(--faint); }
.agent-snippet { font-size:12.5px; color:var(--dim); margin-top:4px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.agent-meta { font-size:11.5px; color:var(--faint); margin-top:4px; }

/* ── OpenClaw control plane ── */
.atlas-console { position:relative; min-width:0; overflow:hidden; padding:0; border-color:rgba(124,92,255,.28); background:linear-gradient(165deg,rgba(124,92,255,.075),rgba(255,255,255,.025) 44%,rgba(66,245,158,.025)); }
.atlas-console::before { content:""; position:absolute; left:0; right:0; top:0; height:1px; background:linear-gradient(90deg,transparent,var(--brand),var(--green),transparent); opacity:.7; }
.atlas-console-head { display:flex; min-width:0; align-items:center; justify-content:space-between; gap:18px; padding:24px 26px 18px; }
.atlas-identity { display:flex; min-width:0; align-items:center; gap:14px; }
.atlas-identity > div { min-width:0; }
.atlas-identity h2 { font-size:24px; margin:0; letter-spacing:-.035em; }
.atlas-identity p { color:var(--faint); font-size:12.5px; margin-top:2px; }
.atlas-orbit { position:relative; width:46px; height:46px; display:grid; place-items:center; border-radius:50%; border:1px solid rgba(124,92,255,.36); background:rgba(124,92,255,.1); box-shadow:inset 0 0 18px rgba(124,92,255,.14),0 0 28px rgba(124,92,255,.09); }
.atlas-orbit::before { content:""; position:absolute; inset:7px; border:1px solid rgba(66,245,158,.3); border-radius:50%; }
.atlas-orbit i { width:10px; height:10px; border-radius:50%; background:var(--green); box-shadow:0 0 14px rgba(66,245,158,.8); }
.atlas-health { display:grid; grid-template-columns:1.35fr repeat(4,minmax(110px,1fr)); gap:1px; margin:0 26px 20px; overflow:hidden; border:1px solid var(--border); border-radius:14px; background:var(--border); }
.health-cell { min-width:0; padding:13px 14px; background:rgba(8,7,11,.76); }
.health-cell strong { display:block; max-width:100%; overflow:hidden; color:var(--text); font-size:13px; text-overflow:ellipsis; white-space:nowrap; }
.health-cell span { display:block; color:var(--faint); font-size:10.5px; letter-spacing:.07em; text-transform:uppercase; margin-top:3px; }
.health-main strong { display:flex; align-items:center; gap:8px; }
.health-dot { width:8px; height:8px; border-radius:50%; flex:0 0 auto; background:var(--red); }
.health-dot.online { background:var(--green); box-shadow:0 0 10px rgba(66,245,158,.7); }
.health-dot.degraded { background:var(--amber); }
.atlas-command-grid { display:grid; grid-template-columns:1.08fr .92fr; gap:14px; padding:0 26px 22px; }
.command-panel { min-width:0; padding:18px; border:1px solid var(--border); border-radius:16px; background:rgba(8,7,11,.46); }
.panel-heading,.workstream-head { display:flex; align-items:center; justify-content:space-between; gap:16px; }
.panel-heading { margin-bottom:14px; }
.panel-heading h3,.workstream-head h3 { font-size:16px; letter-spacing:-.02em; }
.panel-count { min-width:30px; height:30px; display:grid; place-items:center; border-radius:10px; color:#fff; font-size:13px; font-weight:800; background:var(--grad); box-shadow:0 8px 18px -8px rgba(124,92,255,.7); }
.approval-panel:has(.approval-item) { border-color:rgba(255,194,76,.24); }
.approval-item { border-left:3px solid var(--amber); background:rgba(255,194,76,.035); }
.approval-actions .btn-primary { background:linear-gradient(100deg,#19a967,#42f59e); color:#04170d; }
.assignment-panel textarea { min-height:104px; }
.workstream-head { padding:20px 26px 12px; border-top:1px solid var(--border); }
.event-strip { color:var(--faint); font-size:12px; text-align:right; }
.task-board { padding:0 26px 26px; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
.task-group { min-width:0; padding:14px; border:1px solid var(--border); border-radius:14px; background:rgba(8,7,11,.34); }
.task-item { transition:transform .2s,border-color .2s; }
.task-item:hover { transform:translateY(-1px); border-color:rgba(124,92,255,.28); }
.tpill.p-critical,.tpill.p-urgent { background:rgba(255,92,122,.16); color:var(--red); }
.tpill.p-medium,.tpill.p-high { background:rgba(255,194,76,.16); color:var(--amber); }
.tpill.p-low { background:rgba(66,245,158,.13); color:var(--green); }

/* ── Outbound campaign studio ── */
.outbound-console { position:relative; overflow:hidden; background:linear-gradient(155deg,rgba(66,245,158,.055),rgba(124,92,255,.045) 45%,rgba(255,255,255,.018)); }
.outbound-console::before { content:""; position:absolute; width:320px; height:320px; right:-170px; top:-210px; border:1px solid rgba(66,245,158,.14); border-radius:50%; box-shadow:0 0 90px rgba(66,245,158,.06); pointer-events:none; }
.outbound-head { position:relative; display:flex; align-items:flex-start; justify-content:space-between; gap:20px; margin-bottom:16px; }
.outbound-head h2 { font-size:20px; margin-bottom:3px; }
.outbound-head p { color:var(--dim); max-width:760px; font-size:13.5px; }
.outbound-metrics { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:9px; margin-bottom:14px; }
.campaign-metric { padding:13px; border:1px solid var(--border); background:rgba(8,7,11,.36); border-radius:12px; }
.campaign-metric b { display:block; font-size:20px; font-variant-numeric:tabular-nums; }
.campaign-metric span { color:var(--faint); font-size:11px; text-transform:uppercase; letter-spacing:.08em; }
.outbound-layout { display:grid; grid-template-columns:.95fr 1.05fr; gap:12px; }
.campaign-plan,.campaign-script { min-width:0; border:1px solid var(--border); border-radius:14px; background:rgba(8,7,11,.3); padding:16px; }
.campaign-plan h3,.campaign-script h3,.campaign-targets h3 { font-size:14px; margin-bottom:9px; }
.campaign-plan dl { display:grid; grid-template-columns:105px 1fr; gap:7px 12px; font-size:12.5px; }
.campaign-plan dt { color:var(--faint); }
.campaign-plan dd { color:var(--dim); }
.script-block { padding:9px 0; border-top:1px solid var(--border); }
.script-block:first-of-type { border-top:0; padding-top:0; }
.script-block small { display:block; color:#9d8dff; font-weight:700; text-transform:uppercase; letter-spacing:.08em; margin-bottom:3px; }
.script-block p { color:var(--dim); font-size:12.5px; }
.campaign-controls { display:flex; flex-wrap:wrap; align-items:center; gap:9px; margin:14px 0; padding:12px; border:1px solid var(--border); border-radius:13px; background:rgba(124,92,255,.055); }
.campaign-controls .control-note { color:var(--dim); font-size:12px; margin-left:auto; }
.campaign-targets { max-width:100%; overflow-x:auto; border-top:1px solid var(--border); padding-top:14px; }
.target-source { color:#a998ff; text-decoration:none; }
.target-source:hover { text-decoration:underline; }
.target-import { margin-top:14px; border:1px solid var(--border); border-radius:12px; padding:11px 13px; }
.target-import summary { cursor:pointer; font-weight:700; font-size:13px; }
.target-import form { display:grid; gap:9px; margin-top:11px; }
.target-import textarea { width:100%; min-height:110px; resize:vertical; color:var(--text); background:rgba(0,0,0,.35); border:1px solid var(--border); border-radius:10px; padding:11px; font:12.5px/1.5 ui-monospace,monospace; }
.campaign-state { display:inline-flex; padding:3px 9px; border-radius:999px; background:rgba(124,92,255,.15); color:#c8bcff; font-size:11px; font-weight:700; }
.campaign-state.active,.campaign-state.approved,.campaign-state.completed { background:rgba(66,245,158,.12); color:var(--green); }
.campaign-state.ready_for_approval,.campaign-state.pending { background:rgba(255,194,76,.12); color:var(--amber); }

@media (max-width:900px) {
  .admin-hero { align-items:flex-start; flex-direction:column; }
  .quick-nav { justify-content:flex-start; min-width:0; }
  .atlas-health { grid-template-columns:1fr 1fr; }
  .health-main { grid-column:1 / -1; }
  .atlas-command-grid { grid-template-columns:1fr; }
  .task-board { grid-template-columns:1fr; }
  .outbound-layout { grid-template-columns:1fr; }
  .outbound-metrics { grid-template-columns:repeat(3,1fr); }
  .customer-intel-head { align-items:stretch; flex-direction:column; }
  .intel-metric-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .intel-search { flex-basis:auto; }
  .intel-layout { grid-template-columns:1fr; }
  .intel-list-pane { border-right:0; border-bottom:1px solid var(--border); }
  .vault-layout { grid-template-columns:1fr; }
  .vault-layout > section { border-right:0; border-bottom:1px solid var(--border); }
}
@media (max-width:560px) {
  .admin-hero,.atlas-console-head { padding:20px; }
  .atlas-console-head { align-items:flex-start; flex-wrap:wrap; }
  #syncBtn { margin-left:60px; }
  .atlas-health { margin:0 20px 16px; grid-template-columns:1fr; }
  .health-main { grid-column:auto; }
  .atlas-command-grid { padding:0 20px 18px; }
  .workstream-head { align-items:flex-start; flex-direction:column; padding:18px 20px 10px; }
  .event-strip { text-align:left; }
  .task-board { padding:0 20px 20px; }
  #securityBody .tbl,#leadsBody .tbl,#visitorBody .tbl { min-width:620px; }
  .visitor-summary { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .outbound-metrics { grid-template-columns:repeat(2,1fr); }
  .campaign-plan dl { grid-template-columns:1fr; gap:2px; }
  .intel-facts { grid-template-columns:1fr; gap:2px; }
  .intel-metric-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .intel-visual-grid { grid-template-columns:1fr; }
  .intel-link-counts { grid-template-columns:repeat(2,minmax(0,1fr)); }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    scroll-behavior:auto !important;
    animation-duration:.01ms !important;
    animation-iteration-count:1 !important;
    transition-duration:.01ms !important;
  }
}

/* ── Visitor intelligence ── */
.vi-toggle { margin-left:auto; display:flex; align-items:center; gap:6px; font-size:12px; font-weight:500; color:var(--dim); cursor:pointer; text-transform:none; letter-spacing:0; }
.vi-stats { display:grid; grid-template-columns:repeat(8,minmax(0,1fr)); gap:9px; margin-bottom:14px; }
.vi-stat { background:var(--card-2); border:1px solid var(--border); border-radius:11px; padding:10px 11px; text-align:center; }
.vi-stat b { display:block; font-size:19px; font-weight:800; font-variant-numeric:tabular-nums; }
.vi-stat small { display:block; font-size:10.5px; color:var(--faint); margin-top:2px; }
.vi-breakdowns { display:grid; grid-template-columns:repeat(auto-fit,minmax(210px,1fr)); gap:12px; margin-bottom:16px; }
.vi-break h4 { font-size:10.5px; letter-spacing:.1em; text-transform:uppercase; color:var(--faint); margin-bottom:6px; }
.vi-chip { display:inline-block; font-size:11.5px; padding:3px 9px; margin:0 5px 5px 0; border-radius:999px; background:rgba(124,92,255,.12); color:#c4b6ff; }
.vi-chip b { color:var(--text); margin-left:3px; }
.vi-table tbody tr { cursor:pointer; transition:background .15s; }
.vi-table tbody tr:hover { background:rgba(124,92,255,.07); }
.vi-live { color:var(--green); font-size:10.5px; font-weight:700; }

/* drill-down modal */
.vi-modal { position:fixed; inset:0; z-index:60; display:grid; place-items:center; padding:24px; }
.vi-modal-backdrop { position:absolute; inset:0; background:rgba(4,4,8,.78); backdrop-filter:blur(4px); }
.vi-modal-card { position:relative; width:min(920px,100%); max-height:86vh; overflow-y:auto; background:var(--bg-2); border:1px solid var(--border-hi); border-radius:18px; box-shadow:0 40px 100px -30px rgba(0,0,0,.9); }
.vi-modal-head { position:sticky; top:0; display:flex; align-items:center; justify-content:space-between; padding:16px 20px; background:var(--bg-2); border-bottom:1px solid var(--border); }
.vi-modal-head h3 { font-size:16px; font-weight:700; }
.vi-modal-x { background:none; border:0; color:var(--dim); font-size:15px; cursor:pointer; padding:4px 8px; }
.vi-modal-x:hover { color:var(--text); }
.vi-modal-body { padding:18px 20px 22px; }
.vi-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); gap:16px; }
.vi-grid section h4 { font-size:11px; letter-spacing:.1em; text-transform:uppercase; color:var(--brand); margin-bottom:8px; }
.vi-f { display:flex; justify-content:space-between; gap:12px; font-size:12.5px; padding:4px 0; border-bottom:1px solid rgba(255,255,255,.05); }
.vi-f span { color:var(--faint); flex-shrink:0; }
.vi-f b { font-weight:600; text-align:right; word-break:break-word; }
.vi-tl-head { font-size:11px; letter-spacing:.1em; text-transform:uppercase; color:var(--brand); margin:20px 0 8px; }
.vi-timeline { max-height:280px; overflow-y:auto; border:1px solid var(--border); border-radius:11px; }
.vi-ev { display:flex; align-items:center; gap:10px; padding:7px 12px; border-bottom:1px solid rgba(255,255,255,.045); font-size:12.5px; }
.vi-ev:last-child { border-bottom:0; }
.vi-ev-t { font-weight:700; color:#c4b6ff; min-width:120px; }
.vi-ev-p { color:var(--dim); flex:1; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.vi-ev time { color:var(--faint); font-size:11px; white-space:nowrap; }
@media (max-width:900px) { .vi-stats { grid-template-columns:repeat(4,minmax(0,1fr)); } }

/* ═══════════════ STAFFIFY COMMAND CENTER // CYBER SYSTEM ═══════════════ */
:root {
  --bg:#030106;
  --bg-2:#08030e;
  --card:rgba(116,35,173,.065);
  --card-2:rgba(159,52,223,.095);
  --border:rgba(203,122,246,.17);
  --border-hi:rgba(215,103,255,.66);
  --text:#f7f3fb;
  --dim:#b3a7bb;
  --faint:#74697d;
  --brand:#a72de9;
  --grad:linear-gradient(105deg,#6412a8,#ad2eea 55%,#dc76ff);
  --green:#d068ff;
  --font:"Inter",system-ui,sans-serif;
  --font-head:"Orbitron",sans-serif;
}
body {
  background:
    linear-gradient(rgba(176,51,237,.018) 1px,transparent 1px),
    linear-gradient(90deg,rgba(176,51,237,.018) 1px,transparent 1px),
    radial-gradient(circle at 82% 0,rgba(135,23,205,.18),transparent 27%),
    var(--bg);
  background-size:64px 64px,64px 64px,auto,auto;
}
body::before {
  content:""; position:fixed; inset:0; pointer-events:none; z-index:-1; opacity:.13;
  background-image:url("data:image/svg+xml,%3Csvg width='64' height='56' viewBox='0 0 64 56' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 1h32l15 27-15 27H16L1 28z' fill='none' stroke='%23ba45ff' stroke-width='1'/%3E%3C/svg%3E");
  background-size:64px 56px; mask-image:radial-gradient(circle at 100% 0,#000,transparent 48%);
}
h1,h2,h3,.eyebrow,.btn,.topbar-brand,.login-brand { font-family:var(--font-head); }
h1,h2 { text-transform:uppercase; letter-spacing:.01em; }
.btn {
  border-radius:2px; text-transform:uppercase; font:700 9px/1 var(--font-head); letter-spacing:.075em;
  clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);
}
.btn-primary {
  border-color:rgba(236,190,255,.28);
  box-shadow:0 0 0 1px rgba(119,23,184,.5),0 12px 32px -12px rgba(192,53,247,.85),inset 0 1px rgba(255,255,255,.26);
}
.btn-outline { background:rgba(79,17,119,.09); border-color:rgba(197,105,242,.24); }
.btn-outline:hover { border-color:var(--border-hi); background:rgba(139,34,202,.13); }
.login {
  background:
    radial-gradient(50% 55% at 50% 0,rgba(158,31,227,.28),transparent 72%),
    linear-gradient(rgba(174,52,231,.022) 1px,transparent 1px),
    linear-gradient(90deg,rgba(174,52,231,.022) 1px,transparent 1px),
    var(--bg);
  background-size:auto,52px 52px,52px 52px,auto;
}
.login-card {
  position:relative; border-radius:2px 24px 2px 24px; border-color:rgba(214,119,255,.32);
  background:linear-gradient(145deg,rgba(96,19,143,.16),rgba(3,1,6,.94));
  box-shadow:0 45px 130px -34px #000,0 0 60px -32px rgba(187,48,246,.65);
  clip-path:polygon(18px 0,100% 0,100% calc(100% - 18px),calc(100% - 18px) 100%,0 100%,0 18px);
}
.login-card::before {
  content:"STAFFIFY_SECURE_NODE"; position:absolute; right:21px; top:20px;
  color:#795b87; font:700 6px var(--font-head); letter-spacing:.14em;
}
.login-brand,.topbar-brand { display:flex; align-items:center; gap:11px; letter-spacing:.09em; }
.login-brand > span:last-child { display:flex; flex-direction:column; gap:3px; color:#f6effa; }
.login-brand small,.topbar-brand small { color:#a853d2; font:700 6px/1 var(--font-head); letter-spacing:.16em; }
.login-mark {
  width:39px; height:39px; border:1px solid rgba(222,143,255,.5); border-radius:0;
  background-image:url("/staffify-cyberpunk-logo.png"); background-size:190% auto; background-position:50% 27%; background-repeat:no-repeat;
  box-shadow:0 0 22px rgba(184,50,241,.3); clip-path:polygon(18% 0,82% 0,100% 18%,100% 82%,82% 100%,18% 100%,0 82%,0 18%);
}
.login input,.code-form input,.assign-form input,.assign-form textarea,.assign-form select {
  border-radius:2px!important; border-color:rgba(194,96,239,.22)!important; background:rgba(0,0,0,.48)!important;
}
.login input:focus,.assign-form input:focus,.assign-form textarea:focus,.assign-form select:focus {
  border-color:#c254f4!important; box-shadow:0 0 0 3px rgba(181,48,238,.13),0 0 18px rgba(180,51,235,.1)!important;
}
.topbar {
  background:rgba(3,1,6,.91); border-color:rgba(194,81,242,.2);
  box-shadow:0 18px 50px rgba(0,0,0,.35);
}
.topbar::after {
  content:""; position:absolute; left:0; right:0; bottom:0; height:1px;
  background:linear-gradient(90deg,transparent,#a52de6,transparent); opacity:.5;
}
.admin-hero {
  border-radius:2px 22px 2px 22px; border-color:rgba(206,101,248,.27);
  background:
    linear-gradient(125deg,rgba(116,22,176,.23),rgba(35,6,52,.1) 48%,rgba(162,38,220,.085)),
    #06020a;
  clip-path:polygon(17px 0,100% 0,100% calc(100% - 17px),calc(100% - 17px) 100%,0 100%,0 17px);
  box-shadow:0 35px 95px -55px rgba(170,38,233,.9),inset 0 1px rgba(255,255,255,.04);
}
.admin-hero::after {
  border-radius:0; border-color:rgba(197,70,246,.17); transform:rotate(45deg);
  box-shadow:0 0 80px rgba(180,43,242,.12);
}
.eyebrow { color:#cf72f6; letter-spacing:.18em; }
.quick-nav a,.status-pill,.kpi,.card,.command-panel,.approval-item,.task-item,.outbound-metric,.campaign-plan,.campaign-script,.intel-layout {
  border-radius:2px 13px 2px 13px!important;
}
.quick-nav a {
  font:700 8px var(--font-head); letter-spacing:.05em; text-transform:uppercase;
  background:rgba(63,12,96,.25); border-color:rgba(189,82,235,.2);
}
.status-pill { background:rgba(81,18,121,.08); }
.dot.online { background:#d56cff; box-shadow:0 0 11px #c54dfa; }
.kpi,.card {
  background:
    linear-gradient(145deg,rgba(108,24,164,.09),transparent 34%),
    linear-gradient(165deg,rgba(255,255,255,.025),rgba(3,1,6,.76));
  border-color:rgba(190,86,236,.17);
  box-shadow:inset 0 1px rgba(255,255,255,.035),inset 20px 0 45px -42px rgba(187,46,242,.55);
}
.card { position:relative; overflow:hidden; }
.card::before {
  content:""; position:absolute; left:0; top:0; width:46px; height:1px;
  background:#cc60fb; box-shadow:0 0 12px rgba(201,81,248,.58);
}
.card h2 { font-size:13px; letter-spacing:.04em; }
.atlas-console,.outbound-console {
  border-color:rgba(209,102,252,.3);
  box-shadow:0 30px 80px -60px rgba(187,42,244,.85),inset 0 1px rgba(255,255,255,.04);
}
.atlas-orbit { border-color:rgba(205,91,250,.35)!important; box-shadow:0 0 24px rgba(187,51,241,.18); }
.atlas-orbit i,.panel-count,.vi-chip,.intel-tab.active { background:rgba(155,37,216,.18)!important; color:#d888ff!important; }
.approval-item,.task-item,.command-panel,.campaign-plan,.campaign-script {
  background:linear-gradient(145deg,rgba(102,23,153,.08),rgba(0,0,0,.17))!important;
  border-color:rgba(193,90,238,.16)!important;
}
.approval-item:hover,.task-item:hover { border-color:rgba(208,100,249,.4)!important; }
.campaign-state,.priority,.task-status {
  border-radius:1px!important; font-family:var(--font-head); font-size:8px!important; letter-spacing:.05em;
}
.campaign-metric b,.kpi b,.intel-metric b { font-family:var(--font-head); color:#eee5f3; }
.campaign-metric::after,.intel-metric::after { background:rgba(183,46,239,.18)!important; }
.trend-bar,.funnel-fill { background:linear-gradient(180deg,#d66dff,#7115aa); }
.tbl th { font-family:var(--font-head); letter-spacing:.1em; }
.tbl tr:hover td { background:rgba(137,30,201,.045); }
.vi-modal-card {
  border-radius:2px 18px 2px 18px; background:#08030e; border-color:rgba(215,102,255,.52);
  clip-path:polygon(14px 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%,0 14px);
}
@media(max-width:680px) {
  .topbar-brand small { display:none; }
  .login-mark { width:34px; height:34px; }
  .admin-hero { padding:23px 20px; }
}