: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 { max-width:100%; overflow-x:auto; overscroll-behavior-inline:contain; }
.tbl tr:first-child td { border-top:0; }
.tbl b { font-weight:600; }
.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); }
}
@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 { min-width:620px; }
  .outbound-metrics { grid-template-columns:repeat(2,1fr); }
  .campaign-plan dl { grid-template-columns:1fr; gap:2px; }
}

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