/* NS Care+ 1.10.0 Automation Command Centre
 * Scoped entirely to #nscc-app and nsaut-* classes so the client design system
 * remains the visual source of truth everywhere else.
 */
#nscc-app {
  --nsaut-ink:#0b2b57;
  --nsaut-muted:#61738e;
  --nsaut-line:rgba(15,53,94,.105);
  --nsaut-soft:#f5f9ff;
  --nsaut-blue:#087cf0;
  --nsaut-green:#18a565;
  --nsaut-purple:#8244e8;
  --nsaut-orange:#ff5b08;
  --nsaut-red:#e33b4f;
  --nsaut-amber:#e69718;
  --nsaut-navy:#15345f;
}

#nscc-app [data-page="automation"] {
  padding-bottom:38px;
}

#nscc-app [data-page="automation"] .nscc-page-header {
  margin-bottom:18px;
}

#nscc-app [data-page="automation"] .nscc-page-header .nscc-actions {
  align-items:center;
}

#nscc-app [data-page="automation"] .nscc-page-header .nscc-button .nscc-nav-icon {
  width:17px;
  height:17px;
  margin-right:6px;
}

/* Command hero */
#nscc-app .nsaut-command-hero {
  position:relative;
  isolation:isolate;
  display:grid;
  grid-template-columns:minmax(0,1fr) 210px;
  gap:28px;
  align-items:center;
  overflow:hidden;
  min-height:236px;
  padding:30px 32px;
  border:1px solid rgba(8,124,240,.13);
  border-radius:28px;
  background:
    radial-gradient(circle at 88% 24%,rgba(130,68,232,.20),transparent 23%),
    radial-gradient(circle at 72% 95%,rgba(24,165,101,.13),transparent 26%),
    linear-gradient(135deg,#f7fbff 0%,#eef5ff 44%,#f8f4ff 72%,#effbf7 100%);
  box-shadow:0 23px 58px rgba(26,61,107,.09), inset 0 1px rgba(255,255,255,.9);
}
#nscc-app .nsaut-command-hero::before {
  content:"";
  position:absolute;
  z-index:-1;
  inset:0;
  opacity:.34;
  pointer-events:none;
  background-image:
    linear-gradient(rgba(8,124,240,.08) 1px,transparent 1px),
    linear-gradient(90deg,rgba(8,124,240,.08) 1px,transparent 1px);
  background-size:42px 42px;
  mask-image:linear-gradient(90deg,transparent 5%,#000 40%,#000 100%);
}
#nscc-app .nsaut-command-copy {
  position:relative;
  z-index:2;
  max-width:900px;
}
#nscc-app .nsaut-eyebrow {
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:7px 10px;
  border:1px solid rgba(8,124,240,.14);
  border-radius:999px;
  background:rgba(255,255,255,.72);
  color:#2466a5;
  font-size:10px;
  font-weight:900;
  letter-spacing:.12em;
}
#nscc-app .nsaut-eyebrow i,
#nscc-app .nsaut-live-dot i {
  width:8px;
  height:8px;
  border-radius:50%;
  background:var(--nsaut-green);
  box-shadow:0 0 0 5px rgba(24,165,101,.10);
  animation:nsautPulse 2.4s ease-in-out infinite;
}
#nscc-app .nsaut-command-copy h2 {
  max-width:870px;
  margin:16px 0 9px;
  color:var(--nsaut-ink);
  font-size:clamp(30px,3.55vw,51px);
  line-height:1.01;
  letter-spacing:-.045em;
}
#nscc-app .nsaut-command-copy > p {
  max-width:830px;
  margin:0;
  color:#536b89;
  font-size:14px;
  line-height:1.6;
}
#nscc-app .nsaut-command-meta {
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:19px;
}
#nscc-app .nsaut-command-meta span {
  display:flex;
  gap:6px;
  align-items:center;
  padding:8px 10px;
  border:1px solid rgba(15,53,94,.075);
  border-radius:11px;
  background:rgba(255,255,255,.58);
  color:#6a7d96;
  font-size:10px;
}
#nscc-app .nsaut-command-meta b { color:#24466f; font-weight:800; }
#nscc-app .nsaut-score-wrap {
  position:relative;
  z-index:2;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
}
#nscc-app .nsaut-score {
  --score-angle:360deg;
  --score-colour:var(--nsaut-green);
  position:relative;
  display:grid;
  place-items:center;
  width:154px;
  height:154px;
  border-radius:50%;
  background:conic-gradient(var(--score-colour) var(--score-angle),rgba(15,53,94,.08) 0);
  box-shadow:0 18px 45px rgba(30,61,103,.15);
}
#nscc-app .nsaut-score::before {
  content:"";
  position:absolute;
  inset:11px;
  border-radius:50%;
  background:rgba(255,255,255,.94);
  box-shadow:inset 0 0 0 1px rgba(15,53,94,.07);
}
#nscc-app .nsaut-score > div {
  position:relative;
  z-index:1;
  text-align:center;
}
#nscc-app .nsaut-score strong {
  display:block;
  color:var(--nsaut-ink);
  font-size:43px;
  line-height:.95;
  letter-spacing:-.06em;
}
#nscc-app .nsaut-score span {
  display:block;
  margin-top:6px;
  color:#68809e;
  font-size:9px;
  font-weight:800;
  letter-spacing:.07em;
  text-transform:uppercase;
}
#nscc-app .nsaut-score.is-watch { --score-colour:#e1a21e; }
#nscc-app .nsaut-score.is-attention { --score-colour:var(--nsaut-orange); }
#nscc-app .nsaut-score.is-critical { --score-colour:var(--nsaut-red); }
#nscc-app .nsaut-score-status {
  margin-top:10px;
  padding:6px 10px;
  border-radius:999px;
  background:#e9f8f1;
  color:#118054;
  font-size:9px;
  font-weight:900;
  letter-spacing:.07em;
  text-transform:uppercase;
}
#nscc-app .nsaut-score-status.is-watch { background:#fff7df;color:#9e7112; }
#nscc-app .nsaut-score-status.is-attention { background:#fff0e9;color:#bd4c0e; }
#nscc-app .nsaut-score-status.is-critical { background:#ffedf0;color:#c22b42; }
#nscc-app .nsaut-orbit {
  position:absolute;
  right:-60px;
  top:-70px;
  width:310px;
  height:310px;
  border:1px solid rgba(130,68,232,.10);
  border-radius:50%;
  pointer-events:none;
}
#nscc-app .nsaut-orbit::before,
#nscc-app .nsaut-orbit::after {
  content:"";
  position:absolute;
  border:1px solid rgba(8,124,240,.09);
  border-radius:50%;
}
#nscc-app .nsaut-orbit::before { inset:35px; }
#nscc-app .nsaut-orbit::after { inset:74px; }
#nscc-app .nsaut-orbit span {
  position:absolute;
  width:10px;
  height:10px;
  border-radius:50%;
  background:var(--nsaut-purple);
  box-shadow:0 0 0 6px rgba(130,68,232,.10);
}
#nscc-app .nsaut-orbit span:nth-child(1) { top:22px;left:80px; }
#nscc-app .nsaut-orbit span:nth-child(2) { bottom:61px;left:27px;background:var(--nsaut-blue); }
#nscc-app .nsaut-orbit span:nth-child(3) { right:27px;top:133px;background:var(--nsaut-green); }

/* KPI row */
#nscc-app .nsaut-metrics {
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:11px;
  margin:14px 0 12px;
}
#nscc-app .nsaut-metric {
  position:relative;
  overflow:hidden;
  min-height:104px;
  padding:15px 16px 14px;
  border:1px solid var(--nsaut-line);
  border-radius:18px;
  appearance:none;
  background:#fff;
  color:var(--nsaut-ink);
  text-align:left;
  cursor:pointer;
  box-shadow:0 7px 22px rgba(30,61,103,.055);
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
}
#nscc-app .nsaut-metric::after {
  content:"";
  position:absolute;
  right:-24px;
  bottom:-35px;
  width:92px;
  height:92px;
  border-radius:50%;
  background:var(--metric-wash,rgba(8,124,240,.08));
}
#nscc-app .nsaut-metric:hover {
  transform:translateY(-4px);
  border-color:rgba(8,124,240,.22);
  box-shadow:0 17px 35px rgba(30,61,103,.105);
}
#nscc-app .nsaut-metric span,
#nscc-app .nsaut-metric strong,
#nscc-app .nsaut-metric small { position:relative;z-index:1;display:block; }
#nscc-app .nsaut-metric span { color:#5d7390;font-size:10px;font-weight:800; }
#nscc-app .nsaut-metric strong { margin:5px 0 3px;font-size:29px;line-height:1;color:var(--nsaut-ink);letter-spacing:-.04em; }
#nscc-app .nsaut-metric small { color:#8190a4;font-size:9px; }
#nscc-app .nsaut-metric.is-critical { --metric-wash:rgba(227,59,79,.11); }
#nscc-app .nsaut-metric.is-high { --metric-wash:rgba(255,91,8,.10); }
#nscc-app .nsaut-metric.is-active { --metric-wash:rgba(130,68,232,.10); }
#nscc-app .nsaut-metric.is-clear { --metric-wash:rgba(24,165,101,.10); }
#nscc-app .nsaut-metric.is-snoozed { --metric-wash:rgba(21,52,95,.08); }

/* Navigation tabs */
#nscc-app .nsaut-tabs {
  position:sticky;
  top:7px;
  z-index:14;
  display:flex;
  gap:5px;
  margin:12px 0 17px;
  padding:6px;
  overflow:auto;
  border:1px solid rgba(15,53,94,.095);
  border-radius:16px;
  background:rgba(255,255,255,.89);
  backdrop-filter:blur(15px);
  box-shadow:0 10px 28px rgba(30,61,103,.07);
}
#nscc-app .nsaut-tabs button {
  flex:0 0 auto;
  display:flex;
  align-items:center;
  gap:7px;
  padding:10px 14px;
  border:0;
  border-radius:11px;
  background:transparent;
  color:#60728c;
  font-size:10px;
  font-weight:800;
  cursor:pointer;
  transition:background .16s ease,color .16s ease,transform .16s ease;
}
#nscc-app .nsaut-tabs button:hover { background:#f1f6fc;color:#24466f; }
#nscc-app .nsaut-tabs button.active { background:#0d76e4;color:#fff;box-shadow:0 8px 20px rgba(8,124,240,.22); }
#nscc-app .nsaut-tabs b { min-width:19px;padding:2px 5px;border-radius:999px;background:rgba(255,255,255,.20);font-size:8px;text-align:center; }
#nscc-app .nsaut-tab-content { min-height:360px; }

/* Generic automation sections */
#nscc-app .nsaut-section {
  margin-top:17px;
  padding:20px;
  border:1px solid var(--nsaut-line);
  border-radius:22px;
  background:#fff;
  box-shadow:0 11px 34px rgba(31,63,104,.06);
}
#nscc-app .nsaut-section-heading {
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:20px;
  margin-bottom:15px;
}
#nscc-app .nsaut-section-heading h2 { margin:2px 0 0;color:var(--nsaut-ink);font-size:19px;letter-spacing:-.025em; }
#nscc-app .nsaut-section-heading p { max-width:680px;margin:5px 0 0;color:#74849a;font-size:11px;line-height:1.5; }
#nscc-app .nsaut-live-dot {
  display:inline-flex;
  align-items:center;
  gap:8px;
  white-space:nowrap;
  padding:7px 10px;
  border-radius:999px;
  background:#eefaf5;
  color:#147f57;
  font-size:9px;
  font-weight:800;
}
#nscc-app .nsaut-overview-grid {
  display:grid;
  grid-template-columns:minmax(0,1.5fr) minmax(250px,.72fr);
  gap:14px;
}

/* Briefing */
#nscc-app .nsaut-briefing,
#nscc-app .nsaut-value-panel {
  min-height:300px;
  padding:21px;
  border:1px solid var(--nsaut-line);
  border-radius:22px;
  background:#fff;
  box-shadow:0 10px 30px rgba(31,63,104,.055);
}
#nscc-app .nsaut-briefing {
  background:linear-gradient(145deg,#fff 0%,#f9fbff 55%,#f6f2ff 100%);
}
#nscc-app .nsaut-briefing-headline {
  margin:-2px 0 13px;
  color:#4d6482;
  font-size:12px;
  line-height:1.55;
}
#nscc-app .nsaut-priority-stack { display:grid;gap:7px; }
#nscc-app .nsaut-priority-row {
  display:grid;
  grid-template-columns:29px minmax(0,1fr) auto;
  gap:10px;
  align-items:center;
  width:100%;
  padding:10px 11px;
  border:1px solid rgba(15,53,94,.075);
  border-radius:13px;
  background:rgba(255,255,255,.86);
  color:var(--nsaut-ink);
  text-align:left;
  cursor:pointer;
  transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease;
}
#nscc-app .nsaut-priority-row:hover { transform:translateX(3px);border-color:rgba(8,124,240,.22);box-shadow:0 7px 20px rgba(31,63,104,.08); }
#nscc-app .nsaut-priority-row > span { display:grid;place-items:center;width:27px;height:27px;border-radius:9px;background:#eff6ff;color:#1476d1;font-size:10px;font-weight:900; }
#nscc-app .nsaut-priority-row.is-critical > span { background:#ffedf0;color:#c72d45; }
#nscc-app .nsaut-priority-row.is-high > span { background:#fff1e9;color:#c14e0d; }
#nscc-app .nsaut-priority-row.is-medium > span { background:#fff7df;color:#a3710f; }
#nscc-app .nsaut-priority-row b { display:block;font-size:11px; }
#nscc-app .nsaut-priority-row small { display:block;margin-top:2px;color:#77889e;font-size:9px;line-height:1.35; }
#nscc-app .nsaut-priority-row > strong { font-size:20px; }
#nscc-app .nsaut-briefing-note { display:block;margin-top:12px;color:#8996a8;font-size:8.5px;line-height:1.45; }
#nscc-app .nsaut-all-clear { padding:21px;border:1px solid rgba(24,165,101,.13);border-radius:14px;background:#f3fbf7;color:#137b54;font-weight:800; }

/* Automation value */
#nscc-app .nsaut-value-panel {
  background:linear-gradient(145deg,#102f59,#16447a 56%,#174d76);
  color:#fff;
}
#nscc-app .nsaut-value-panel .nscc-kicker,
#nscc-app .nsaut-value-panel .nsaut-section-heading h2 { color:#fff; }
#nscc-app .nsaut-value-number { margin:11px 0 16px; }
#nscc-app .nsaut-value-number strong { display:block;font-size:54px;line-height:.95;letter-spacing:-.06em; }
#nscc-app .nsaut-value-number span { display:block;margin-top:6px;color:#c6d8ee;font-size:10px; }
#nscc-app .nsaut-value-bars { display:grid;gap:11px;margin-bottom:17px; }
#nscc-app .nsaut-value-bars > span { display:grid;grid-template-columns:1fr;gap:5px; }
#nscc-app .nsaut-value-bars > span::before { content:"";height:6px;border-radius:999px;background:rgba(255,255,255,.11); }
#nscc-app .nsaut-value-bars b { position:relative;height:6px;margin-top:-11px;width:var(--v,0%);border-radius:999px;background:linear-gradient(90deg,#41c78b,#68d6ff); }
#nscc-app .nsaut-value-bars small { color:#bcd0e8;font-size:8px; }
#nscc-app .nsaut-value-guard { display:grid;grid-template-columns:auto 1fr;gap:5px 10px;padding:13px;border:1px solid rgba(255,255,255,.10);border-radius:14px;background:rgba(255,255,255,.06);font-size:9px; }
#nscc-app .nsaut-value-guard span { color:#9fb7d3; }
#nscc-app .nsaut-value-guard b { color:#fff; }

/* Queue */
#nscc-app .nsaut-queue-list { display:grid;gap:11px; }
#nscc-app .nsaut-queue-card {
  position:relative;
  display:grid;
  grid-template-columns:6px 43px minmax(0,1fr);
  gap:12px;
  overflow:hidden;
  padding:16px 17px 16px 0;
  border:1px solid var(--nsaut-line);
  border-radius:18px;
  background:#fff;
  box-shadow:0 7px 21px rgba(31,63,104,.045);
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
}
#nscc-app .nsaut-queue-card:hover { transform:translateY(-2px);border-color:rgba(8,124,240,.18);box-shadow:0 14px 32px rgba(31,63,104,.09); }
#nscc-app .nsaut-queue-rail { align-self:stretch;border-radius:0 8px 8px 0;background:#d9e5f2; }
#nscc-app .nsaut-queue-card.is-critical .nsaut-queue-rail { background:var(--nsaut-red); }
#nscc-app .nsaut-queue-card.is-high .nsaut-queue-rail { background:var(--nsaut-orange); }
#nscc-app .nsaut-queue-card.is-medium .nsaut-queue-rail { background:var(--nsaut-amber); }
#nscc-app .nsaut-queue-card.is-low .nsaut-queue-rail { background:var(--nsaut-blue); }
#nscc-app .nsaut-queue-icon,
#nscc-app .nsaut-monitor-icon,
#nscc-app .nsaut-playbook-icon,
#nscc-app .nsaut-rule-icon {
  display:grid;
  place-items:center;
  width:41px;
  height:41px;
  border-radius:13px;
  background:#eff6ff;
  color:#0d75d8;
}
#nscc-app .nsaut-queue-icon .nscc-nav-icon,
#nscc-app .nsaut-monitor-icon .nscc-nav-icon,
#nscc-app .nsaut-playbook-icon .nscc-nav-icon,
#nscc-app .nsaut-rule-icon .nscc-nav-icon { width:18px;height:18px; }
#nscc-app .nsaut-queue-main { min-width:0; }
#nscc-app .nsaut-queue-meta { display:flex;flex-wrap:wrap;align-items:center;gap:6px;color:#7d8ba0;font-size:8.5px;font-weight:700; }
#nscc-app .nsaut-severity { display:inline-flex;align-items:center;gap:6px;padding:5px 8px;border-radius:999px;background:#f3f6fa;color:#536881;font-size:8px;font-weight:900;text-transform:uppercase;letter-spacing:.04em; }
#nscc-app .nsaut-severity i { width:6px;height:6px;border-radius:50%;background:#8596a9; }
#nscc-app .nsaut-severity.is-critical { background:#ffedf0;color:#b9253c; }
#nscc-app .nsaut-severity.is-critical i { background:var(--nsaut-red); }
#nscc-app .nsaut-severity.is-high { background:#fff1e9;color:#ae470d; }
#nscc-app .nsaut-severity.is-high i { background:var(--nsaut-orange); }
#nscc-app .nsaut-severity.is-medium { background:#fff6dd;color:#91650e; }
#nscc-app .nsaut-severity.is-medium i { background:var(--nsaut-amber); }
#nscc-app .nsaut-reviewed { color:#337256;background:#eef9f3;padding:4px 7px;border-radius:999px; }
#nscc-app .nsaut-queue-title { display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-top:8px; }
#nscc-app .nsaut-queue-title h3 { margin:0;color:var(--nsaut-ink);font-size:15px;letter-spacing:-.015em; }
#nscc-app .nsaut-queue-title > strong { flex:0 0 auto;color:var(--nsaut-ink);font-size:28px;letter-spacing:-.05em; }
#nscc-app .nsaut-queue-main > p { max-width:920px;margin:4px 0 0;color:#6b7d94;font-size:10px;line-height:1.45; }
#nscc-app .nsaut-recommendation { display:flex;gap:9px;margin-top:11px;padding:10px 11px;border:1px solid rgba(130,68,232,.10);border-radius:12px;background:linear-gradient(90deg,rgba(130,68,232,.045),rgba(8,124,240,.035)); }
#nscc-app .nsaut-spark { display:grid;place-items:center;width:24px;height:24px;border-radius:8px;background:#eee7ff;color:var(--nsaut-purple);font-size:13px; }
#nscc-app .nsaut-recommendation b { display:block;color:#394e70;font-size:8.5px;text-transform:uppercase;letter-spacing:.04em; }
#nscc-app .nsaut-recommendation span:last-child { display:block;margin-top:2px;color:#61738b;font-size:9.5px;line-height:1.4; }
#nscc-app .nsaut-human-gate { display:flex;align-items:flex-start;gap:8px;margin-top:9px;color:#3d7059;font-size:9px;line-height:1.4; }
#nscc-app .nsaut-human-gate .nscc-nav-icon { width:16px;height:16px;flex:0 0 auto;color:var(--nsaut-green); }
#nscc-app .nsaut-human-gate b { display:block;margin-bottom:1px;font-size:8.5px;text-transform:uppercase;letter-spacing:.04em; }
#nscc-app .nsaut-actions { display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-top:12px; }
#nscc-app .nsaut-actions .nscc-button { min-height:31px; }
#nscc-app .nsaut-notify .nscc-nav-icon { width:15px;height:15px; }
#nscc-app .nsaut-samples { display:flex;flex-wrap:wrap;gap:5px;margin-top:9px; }
#nscc-app .nsaut-samples > span { display:flex;gap:5px;align-items:center;max-width:100%;padding:5px 7px;border-radius:8px;background:#f6f8fb;color:#50667f;font-size:8px; }
#nscc-app .nsaut-samples b { max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
#nscc-app .nsaut-samples small { color:#8997a8; }
#nscc-app .nsaut-queue-tools { display:flex;gap:7px;align-items:center; }
#nscc-app .nsaut-queue-tools input,
#nscc-app .nsaut-queue-tools select { min-height:36px;border:1px solid rgba(15,53,94,.12);border-radius:10px;background:#fff;color:#3d526e;font-size:10px; }
#nscc-app .nsaut-queue-tools input { width:180px;padding:0 11px; }
#nscc-app .nsaut-queue-tools select { padding:0 28px 0 10px; }

/* Monitor matrix */
#nscc-app .nsaut-monitor-grid { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px; }
#nscc-app .nsaut-monitor-grid.is-full { grid-template-columns:repeat(3,minmax(0,1fr)); }
#nscc-app .nsaut-monitor-card {
  display:grid;
  grid-template-columns:39px minmax(0,1fr) auto;
  gap:10px;
  align-items:center;
  width:100%;
  min-height:94px;
  padding:12px;
  border:1px solid var(--nsaut-line);
  border-radius:16px;
  appearance:none;
  background:#fff;
  color:var(--nsaut-ink);
  text-align:left;
  cursor:pointer;
  box-shadow:0 5px 17px rgba(31,63,104,.04);
  transition:transform .17s ease,border-color .17s ease,box-shadow .17s ease;
}
#nscc-app .nsaut-monitor-card:hover { transform:translateY(-3px);border-color:rgba(8,124,240,.20);box-shadow:0 12px 28px rgba(31,63,104,.085); }
#nscc-app .nsaut-monitor-card.is-disabled { opacity:.62; }
#nscc-app .nsaut-monitor-copy { min-width:0; }
#nscc-app .nsaut-monitor-copy small { display:block;color:#8491a3;font-size:7.5px;font-weight:800;text-transform:uppercase;letter-spacing:.05em; }
#nscc-app .nsaut-monitor-copy strong { display:block;margin:3px 0;color:#223f66;font-size:10.5px; }
#nscc-app .nsaut-monitor-copy > span { display:block;overflow:hidden;color:#7c8b9f;font-size:8px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical; }
#nscc-app .nsaut-monitor-side { display:flex;min-width:64px;flex-direction:column;align-items:flex-end;gap:5px; }
#nscc-app .nsaut-monitor-side small { color:#95a0af;font-size:7px;white-space:nowrap; }
#nscc-app .nsaut-state { display:inline-flex;padding:5px 7px;border-radius:999px;background:#f3f6f9;color:#63748a;font-size:7.5px;font-weight:900;white-space:nowrap; }
#nscc-app .nsaut-state.is-clear { background:#eaf8f1;color:#0d8254; }
#nscc-app .nsaut-state.is-critical { background:#ffedf0;color:#ba293f; }
#nscc-app .nsaut-state.is-high { background:#fff0e8;color:#b14b12; }
#nscc-app .nsaut-state.is-medium { background:#fff6dc;color:#91640c; }
#nscc-app .nsaut-state.is-snoozed { background:#eef2f7;color:#5b6b80; }
#nscc-app .nsaut-state.is-disabled { background:#f3f4f6;color:#8b94a1; }

/* Playbooks */
#nscc-app .nsaut-playbook-grid { display:grid;grid-template-columns:1fr;gap:11px; }
#nscc-app .nsaut-playbook { padding:16px;border:1px solid var(--nsaut-line);border-radius:18px;background:linear-gradient(145deg,#fff,#fbfdff);box-shadow:0 6px 20px rgba(31,63,104,.04); }
#nscc-app .nsaut-playbook.is-disabled { opacity:.64; }
#nscc-app .nsaut-playbook-head { display:grid;grid-template-columns:43px minmax(0,1fr) auto;gap:10px;align-items:center; }
#nscc-app .nsaut-playbook-head small { display:block;color:#8a97a8;font-size:7.5px;font-weight:900;letter-spacing:.06em; }
#nscc-app .nsaut-playbook-head h3 { margin:2px 0 0;color:var(--nsaut-ink);font-size:13px; }
#nscc-app .nsaut-playbook > p { margin:8px 0 12px;color:#6e7f94;font-size:9.5px; }
#nscc-app .nsaut-playbook-flow { display:grid;grid-template-columns:1fr auto 1.2fr auto 1fr auto 1.2fr;gap:8px;align-items:stretch; }
#nscc-app .nsaut-playbook-flow > span { min-height:79px;padding:10px;border:1px solid rgba(15,53,94,.07);border-radius:12px;background:#f9fbfd; }
#nscc-app .nsaut-playbook-flow i { display:grid;place-items:center;width:20px;height:20px;margin-bottom:6px;border-radius:7px;background:#e9f3ff;color:#0c70ce;font-style:normal;font-size:8px;font-weight:900; }
#nscc-app .nsaut-playbook-flow b { display:block;color:#385372;font-size:9px; }
#nscc-app .nsaut-playbook-flow small { display:block;margin-top:2px;color:#8090a3;font-size:7.5px;line-height:1.35; }
#nscc-app .nsaut-playbook-flow > em { align-self:center;color:#a7b2c0;font-style:normal; }
#nscc-app .nsaut-playbook-foot { display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px;color:#78889b;font-size:8px; }

/* Rules */
#nscc-app .nsaut-safe-badge { display:inline-flex;align-items:center;gap:6px;padding:7px 9px;border-radius:999px;background:#ebf8f1;color:#157b55;font-size:8px;font-weight:900;white-space:nowrap; }
#nscc-app .nsaut-safe-badge .nscc-nav-icon { width:14px;height:14px; }
#nscc-app .nsaut-rules-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px; }
#nscc-app .nsaut-rule-card { padding:15px;border:1px solid var(--nsaut-line);border-radius:17px;background:#fff;transition:opacity .16s ease,border-color .16s ease,box-shadow .16s ease; }
#nscc-app .nsaut-rule-card:hover { border-color:rgba(8,124,240,.18);box-shadow:0 10px 27px rgba(31,63,104,.06); }
#nscc-app .nsaut-rule-card.is-off { opacity:.62; }
#nscc-app .nsaut-rule-top { display:grid;grid-template-columns:39px minmax(0,1fr) auto;gap:9px;align-items:center; }
#nscc-app .nsaut-rule-top small { display:block;color:#8b98a9;font-size:7.5px;font-weight:900;text-transform:uppercase;letter-spacing:.05em; }
#nscc-app .nsaut-rule-top h3 { margin:2px 0 0;color:var(--nsaut-ink);font-size:11px; }
#nscc-app .nsaut-rule-card > p { min-height:28px;margin:9px 0;color:#75859a;font-size:8.5px;line-height:1.4; }
#nscc-app .nsaut-switch { display:grid;grid-template-columns:auto auto;gap:5px 7px;align-items:center;cursor:pointer; }
#nscc-app .nsaut-switch input { position:absolute;opacity:0;pointer-events:none; }
#nscc-app .nsaut-switch span { position:relative;width:34px;height:19px;border-radius:999px;background:#dce3eb;transition:background .16s ease; }
#nscc-app .nsaut-switch span::after { content:"";position:absolute;top:3px;left:3px;width:13px;height:13px;border-radius:50%;background:#fff;box-shadow:0 2px 6px rgba(0,0,0,.15);transition:transform .16s ease; }
#nscc-app .nsaut-switch input:checked + span { background:var(--nsaut-green); }
#nscc-app .nsaut-switch input:checked + span::after { transform:translateX(15px); }
#nscc-app .nsaut-switch b { grid-column:1 / -1;color:#8a96a6;font-size:7px;text-align:center; }
#nscc-app .nsaut-rule-control { display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 10px;border-radius:11px;background:#f7f9fc;color:#63758d;font-size:8px; }
#nscc-app .nsaut-rule-control > label { font-weight:800; }
#nscc-app .nsaut-rule-control > div { display:flex;align-items:center;gap:5px; }
#nscc-app .nsaut-rule-control input { width:58px;min-height:30px;padding:0 7px;border:1px solid rgba(15,53,94,.12);border-radius:8px;background:#fff;color:#294869;font-size:9px;font-weight:800; }
#nscc-app .nsaut-rule-control span { color:#8d99a8; }
#nscc-app .nsaut-always { font-weight:800;color:#49705f !important; }
#nscc-app .nsaut-rule-gate { display:flex;gap:6px;align-items:flex-start;margin-top:8px;color:#718478;font-size:7.5px;line-height:1.35; }
#nscc-app .nsaut-rule-gate .nscc-nav-icon { width:13px;height:13px;color:var(--nsaut-green);flex:0 0 auto; }
#nscc-app .nsaut-sticky-save { position:sticky;bottom:10px;z-index:8;display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:12px;padding:11px 13px;border:1px solid rgba(8,124,240,.14);border-radius:15px;background:rgba(247,251,255,.94);backdrop-filter:blur(12px);box-shadow:0 12px 35px rgba(31,63,104,.12); }
#nscc-app .nsaut-sticky-save span { color:#6f8096;font-size:8.5px; }

/* Activity */
#nscc-app .nsaut-activity-timeline { position:relative;display:grid;gap:0;padding-left:13px; }
#nscc-app .nsaut-activity-timeline::before { content:"";position:absolute;left:19px;top:11px;bottom:11px;width:1px;background:#dfe7f0; }
#nscc-app .nsaut-activity-timeline article { position:relative;display:grid;grid-template-columns:24px minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px 0; }
#nscc-app .nsaut-activity-dot { position:relative;z-index:1;width:13px;height:13px;border:3px solid #eaf4ff;border-radius:50%;background:var(--nsaut-blue); }
#nscc-app .nsaut-activity-timeline small { color:#8e9aaa;font-size:7.5px; }
#nscc-app .nsaut-activity-timeline h3 { margin:2px 0;color:#29476c;font-size:10px; }
#nscc-app .nsaut-activity-timeline p { margin:0;color:#78899d;font-size:8px; }
#nscc-app .nsaut-audit-tag { padding:5px 7px;border-radius:8px;background:#f5f7fa;color:#8996a6;font-size:7px; }

/* Shared empty state and guardrail strip */
#nscc-app .nsaut-empty-magic { padding:35px 20px;border:1px dashed rgba(24,165,101,.25);border-radius:18px;background:linear-gradient(145deg,#f6fcf9,#fbfdff);text-align:center; }
#nscc-app .nsaut-empty-magic > span { display:grid;place-items:center;width:43px;height:43px;margin:0 auto 9px;border-radius:14px;background:#e9f8f1;color:var(--nsaut-green);font-size:19px;font-weight:900; }
#nscc-app .nsaut-empty-magic h3 { margin:0;color:#294d6a;font-size:13px; }
#nscc-app .nsaut-empty-magic p { margin:4px 0 0;color:#7a8a9c;font-size:9px; }
#nscc-app .nsaut-guardrail-strip { display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;gap:8px;align-items:center;margin-top:16px;padding:11px 13px;border:1px solid rgba(24,165,101,.12);border-radius:16px;background:linear-gradient(90deg,#f5fcf8,#f8fbff); }
#nscc-app .nsaut-guardrail-strip > span { display:flex;align-items:center;gap:6px;color:#6d7f91;font-size:8px; }
#nscc-app .nsaut-guardrail-strip .nscc-nav-icon { width:14px;height:14px;color:var(--nsaut-green); }
#nscc-app .nsaut-guardrail-strip b { color:#355974; }
#nscc-app .nsaut-guardrail-strip > i { color:#aeb9c5;font-style:normal; }

/* Modals */
.nscc-modal .nsaut-snooze-modal > p,
.nscc-modal .nsaut-notify-modal > p { color:#66798f;line-height:1.55; }
.nscc-modal .nsaut-snooze-options { display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:15px; }
.nscc-modal .nsaut-notify-modal .nsaut-human-gate { margin:0 0 15px;padding:12px;border:1px solid rgba(24,165,101,.13);border-radius:13px;background:#f3fbf7; }

@keyframes nsautPulse {
  0%,100% { box-shadow:0 0 0 4px rgba(24,165,101,.10); }
  50% { box-shadow:0 0 0 8px rgba(24,165,101,.025); }
}

@media (max-width:1280px) {
  #nscc-app .nsaut-metrics { grid-template-columns:repeat(3,minmax(0,1fr)); }
  #nscc-app .nsaut-monitor-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  #nscc-app .nsaut-monitor-grid.is-full { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:980px) {
  #nscc-app .nsaut-command-hero { grid-template-columns:1fr 170px;padding:24px; }
  #nscc-app .nsaut-score { width:132px;height:132px; }
  #nscc-app .nsaut-overview-grid { grid-template-columns:1fr; }
  #nscc-app .nsaut-playbook-flow { grid-template-columns:1fr 1fr; }
  #nscc-app .nsaut-playbook-flow > em { display:none; }
  #nscc-app .nsaut-rules-grid { grid-template-columns:1fr; }
  #nscc-app .nsaut-guardrail-strip { grid-template-columns:1fr 1fr; }
  #nscc-app .nsaut-guardrail-strip > i { display:none; }
}
@media (max-width:720px) {
  #nscc-app .nsaut-command-hero { grid-template-columns:1fr;padding:21px; }
  #nscc-app .nsaut-score-wrap { align-items:flex-start; }
  #nscc-app .nsaut-orbit { right:-120px; }
  #nscc-app .nsaut-metrics { grid-template-columns:1fr 1fr; }
  #nscc-app .nsaut-section { padding:15px; }
  #nscc-app .nsaut-section-heading { flex-direction:column; }
  #nscc-app .nsaut-queue-tools { width:100%; }
  #nscc-app .nsaut-queue-tools label { flex:1; }
  #nscc-app .nsaut-queue-tools input { width:100%; }
  #nscc-app .nsaut-queue-card { grid-template-columns:5px 36px minmax(0,1fr);gap:9px; }
  #nscc-app .nsaut-monitor-grid,
  #nscc-app .nsaut-monitor-grid.is-full { grid-template-columns:1fr; }
  #nscc-app .nsaut-sticky-save { flex-direction:column;align-items:stretch; }
}
@media (max-width:520px) {
  #nscc-app .nsaut-metrics { grid-template-columns:1fr; }
  #nscc-app .nsaut-command-copy h2 { font-size:31px; }
  #nscc-app .nsaut-queue-meta { gap:4px; }
  #nscc-app .nsaut-actions { align-items:stretch; }
  #nscc-app .nsaut-actions .nscc-button { flex:1; }
  #nscc-app .nsaut-playbook-flow { grid-template-columns:1fr; }
  #nscc-app .nsaut-guardrail-strip { grid-template-columns:1fr; }
  .nscc-modal .nsaut-snooze-options { grid-template-columns:1fr; }
}

@media (prefers-reduced-motion:reduce) {
  #nscc-app .nsaut-eyebrow i,
  #nscc-app .nsaut-live-dot i { animation:none !important; }
  #nscc-app .nsaut-metric,
  #nscc-app .nsaut-priority-row,
  #nscc-app .nsaut-queue-card,
  #nscc-app .nsaut-monitor-card,
  #nscc-app .nsaut-rule-card { transition:none !important;transform:none !important; }
}
#nscc-app.nscc-motion-reduced .nsaut-eyebrow i,
#nscc-app.nscc-motion-reduced .nsaut-live-dot i { animation:none !important; }
#nscc-app.nscc-motion-reduced .nsaut-metric,
#nscc-app.nscc-motion-reduced .nsaut-priority-row,
#nscc-app.nscc-motion-reduced .nsaut-queue-card,
#nscc-app.nscc-motion-reduced .nsaut-monitor-card,
#nscc-app.nscc-motion-reduced .nsaut-rule-card { transition:none !important;transform:none !important; }
