/*
  AGS Universe — Security Guardian / Portero Digital
  Drop-in CSS namespaced under .ags-sg, congruent with AGS editorial. v3.1 lista para segurosags.com: dark premium, orange AGS, green security and live scan animation.
*/
:root{
  --sg-bg:#090909;
  --sg-bg-2:#0f0f0f;
  --sg-panel:#151515;
  --sg-panel-2:#1b1b1b;
  --sg-panel-3:#242424;
  --sg-line:#2b2b2b;
  --sg-line-soft:rgba(255,255,255,.08);
  --sg-ink:#f7f4ef;
  --sg-ink-2:#b7b0a7;
  --sg-ink-3:#766f66;
  --sg-orange:#ff6b1a;
  --sg-orange-2:#ff9a4a;
  --sg-green:#22c55e;
  --sg-red:#ef4444;
  --sg-yellow:#eab308;
  --sg-blue:#38bdf8;
  --sg-purple:#a78bfa;
  --sg-emerald:#10b981;
  --sg-shadow:0 30px 90px rgba(0,0,0,.45);
  --sg-shadow-soft:0 16px 50px rgba(0,0,0,.28);
  --sg-radius:24px;
  --sg-radius-sm:14px;
  --sg-serif:"Instrument Serif", Georgia, serif;
  --sg-sans:"Bricolage Grotesque", Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --sg-mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
}

.sg-standalone{
  margin:0;
  min-height:100vh;
  background:
    radial-gradient(960px 520px at 86% -10%, rgba(255,107,26,.18), transparent 62%),
    radial-gradient(740px 420px at -6% 110%, rgba(56,189,248,.10), transparent 58%),
    linear-gradient(180deg,#0b0b0b 0%,#060606 100%);
  color:var(--sg-ink);
  font-family:var(--sg-sans);
  -webkit-font-smoothing:antialiased;
  text-rendering:geometricPrecision;
}
.sg-standalone *{box-sizing:border-box}
.sg-standalone-header{
  max-width:1540px;
  margin:0 auto;
  padding:30px 24px 18px;
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:24px;
  border-bottom:1px solid var(--sg-line-soft);
}
.sg-standalone-header h1{
  margin:2px 0 8px;
  font-family:var(--sg-serif);
  font-weight:400;
  letter-spacing:-.065em;
  line-height:.88;
  font-size:clamp(40px,7vw,92px);
}
.sg-standalone-header small{display:block;color:var(--sg-ink-2);font-size:14px;max-width:720px;line-height:1.5}
.sg-standalone-badges{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;max-width:560px}
.sg-standalone-badges span{
  border:1px solid var(--sg-line-soft);
  color:var(--sg-ink-2);
  background:rgba(255,255,255,.035);
  padding:8px 12px;
  border-radius:999px;
  font:700 11px/1 var(--sg-mono);
  letter-spacing:.1em;
  text-transform:uppercase;
}
.sg-standalone-main{max-width:1540px;margin:0 auto;padding:20px 24px 46px}

.ags-sg,
.ags-sg *{box-sizing:border-box}
.ags-sg{
  position:relative;
  isolation:isolate;
  color:var(--sg-ink);
  font-family:var(--sg-sans);
}
.ags-sg button,
.ags-sg input,
.ags-sg select,
.ags-sg textarea{font:inherit}
.ags-sg button,
.ags-sg select,
.ags-sg input,
.ags-sg textarea{color:var(--sg-ink)}
.ags-sg button{
  cursor:pointer;
  border:1px solid var(--sg-line);
  background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.02));
  color:var(--sg-ink);
  border-radius:13px;
  padding:10px 13px;
  transition:transform .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease;
}
.ags-sg button:hover{transform:translateY(-1px);border-color:rgba(255,255,255,.24);background:linear-gradient(180deg,rgba(255,255,255,.085),rgba(255,255,255,.035))}
.ags-sg button:active{transform:translateY(0)}
.ags-sg button:disabled{opacity:.55;cursor:not-allowed;transform:none}
.ags-sg button:focus-visible,
.ags-sg input:focus-visible,
.ags-sg select:focus-visible,
.ags-sg textarea:focus-visible{outline:2px solid rgba(255,107,26,.72);outline-offset:2px}
.ags-sg input,
.ags-sg select,
.ags-sg textarea{
  width:100%;
  border:1px solid var(--sg-line);
  border-radius:13px;
  background:#101010;
  padding:11px 12px;
  min-height:42px;
  outline:none;
}
.ags-sg textarea{resize:vertical;min-height:440px;line-height:1.45}
.ags-sg input::placeholder{color:var(--sg-ink-3)}
.ags-sg label{
  display:block;
  margin:0 0 7px;
  color:var(--sg-ink-3);
  font:800 10px/1 var(--sg-mono);
  letter-spacing:.14em;
  text-transform:uppercase;
}
.ags-sg h2,
.ags-sg h3,
.ags-sg h4,
.ags-sg p{margin-top:0}
.ags-sg h2{
  margin:8px 0 12px;
  font-family:var(--sg-serif);
  font-weight:400;
  font-size:clamp(38px,6vw,82px);
  line-height:.9;
  letter-spacing:-.065em;
}
.ags-sg h3{margin:0;font-size:22px;letter-spacing:-.035em;line-height:1.1}
.ags-sg h4{margin:0 0 8px;font-size:16px;letter-spacing:-.02em;line-height:1.2}
.ags-sg p{color:var(--sg-ink-2);line-height:1.55}
.ags-sg small{color:var(--sg-ink-3);line-height:1.45}

.sg-eyebrow,.sg-kicker{
  color:var(--sg-orange-2);
  font:800 11px/1.25 var(--sg-mono);
  letter-spacing:.14em;
  text-transform:uppercase;
  margin-bottom:9px;
}
.sg-pulse-dot{
  display:inline-block;
  width:8px;height:8px;
  margin-right:8px;
  border-radius:50%;
  background:var(--sg-green);
  box-shadow:0 0 0 0 rgba(34,197,94,.55);
  animation:sgPulse 1.8s infinite;
}
@keyframes sgPulse{0%{box-shadow:0 0 0 0 rgba(34,197,94,.55)}70%{box-shadow:0 0 0 10px rgba(34,197,94,0)}100%{box-shadow:0 0 0 0 rgba(34,197,94,0)}}

.sg-hero,
.sg-card,
.sg-metric,
.sg-project-card,
.sg-target-card,
.sg-finding,
.sg-signal,
.sg-connection,
.sg-profile-chip,
.sg-playbook,
.sg-control-category{
  border:1px solid var(--sg-line-soft);
  background:linear-gradient(180deg,rgba(255,255,255,.052),rgba(255,255,255,.022));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.055);
}
.sg-hero{
  position:relative;
  overflow:hidden;
  display:grid;
  grid-template-columns:168px minmax(0,1fr) 230px;
  align-items:center;
  gap:20px;
  border-radius:32px;
  padding:28px;
  margin-bottom:14px;
  background:
    radial-gradient(520px 300px at 88% 0%,rgba(255,107,26,.24),transparent 70%),
    radial-gradient(420px 260px at -10% 115%,rgba(56,189,248,.12),transparent 72%),
    linear-gradient(180deg,#181818,#111);
}
.sg-hero.is-alerta{
  background:
    radial-gradient(520px 300px at 88% 0%,rgba(234,179,8,.24),transparent 70%),
    radial-gradient(420px 260px at -10% 115%,rgba(56,189,248,.12),transparent 72%),
    linear-gradient(180deg,#181818,#111);
}
.sg-hero.is-vigilancia{
  background:
    radial-gradient(520px 300px at 88% 0%,rgba(249,115,22,.30),transparent 70%),
    radial-gradient(420px 260px at -10% 115%,rgba(56,189,248,.12),transparent 72%),
    linear-gradient(180deg,#181818,#111);
}
.sg-hero.is-bunker{
  background:
    radial-gradient(560px 330px at 88% 0%,rgba(239,68,68,.36),transparent 70%),
    radial-gradient(420px 260px at -10% 115%,rgba(249,115,22,.14),transparent 72%),
    linear-gradient(180deg,#181818,#0c0c0c);
}
.sg-hero:before{
  content:"";
  position:absolute;
  inset:-1px;
  background:linear-gradient(112deg,transparent 0%,rgba(255,255,255,.06) 42%,transparent 55%);
  opacity:.7;
  pointer-events:none;
}
.sg-hero-brand{
  position:relative;
  z-index:1;
  display:grid;
  place-items:center;
  min-width:0;
}
.sg-hero-brand img{
  width:min(156px,100%);
  aspect-ratio:1/1;
  object-fit:contain;
  filter:drop-shadow(0 18px 34px rgba(0,0,0,.46));
}
.sg-hero.is-alerta .sg-hero-brand img{filter:drop-shadow(0 18px 34px rgba(234,179,8,.20)) drop-shadow(0 18px 34px rgba(0,0,0,.42))}
.sg-hero.is-vigilancia .sg-hero-brand img{filter:drop-shadow(0 18px 34px rgba(249,115,22,.22)) drop-shadow(0 18px 34px rgba(0,0,0,.42))}
.sg-hero.is-bunker .sg-hero-brand img{filter:drop-shadow(0 18px 34px rgba(239,68,68,.28)) drop-shadow(0 18px 34px rgba(0,0,0,.48))}
.sg-hero-copy{position:relative;z-index:1;max-width:980px}
.sg-hero-copy p{font-size:16px;max-width:960px;margin-bottom:18px}
.sg-hero-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.sg-attack-banner{position:relative;z-index:1;margin-top:14px;padding:12px 14px;border:1px solid rgba(56,189,248,.24);border-radius:12px;background:rgba(2,8,23,.55);display:grid;gap:4px;max-width:980px}
.sg-attack-banner strong{font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:#e5f7ff}
.sg-attack-banner span{font-size:13px;color:var(--sg-ink-2);line-height:1.35}
.sg-attack-banner small{font-size:11px;color:var(--sg-ink-muted);line-height:1.35}
.sg-attack-banner.is-medium{border-color:rgba(234,179,8,.36);background:rgba(84,54,5,.20)}
.sg-attack-banner.is-high{border-color:rgba(249,115,22,.48);background:rgba(124,45,18,.24)}
.sg-attack-banner.is-critical{border-color:rgba(239,68,68,.62);background:rgba(127,29,29,.28);box-shadow:0 0 0 1px rgba(239,68,68,.16),0 0 32px rgba(239,68,68,.14)}
.sg-attack-banner.is-critical:before{content:"";position:absolute;left:10px;top:10px;width:8px;height:8px;border-radius:999px;background:#ef4444;box-shadow:0 0 0 0 rgba(239,68,68,.7);animation:sgSirenPulse 1s infinite}
.sg-attack-banner.is-critical strong,.sg-attack-banner.is-critical span,.sg-attack-banner.is-critical small{padding-left:16px}
@keyframes sgSirenPulse{70%{box-shadow:0 0 0 10px rgba(239,68,68,0)}100%{box-shadow:0 0 0 0 rgba(239,68,68,0)}}
.sg-btn-primary{
  color:#160800!important;
  border-color:rgba(255,154,74,.72)!important;
  background:linear-gradient(135deg,var(--sg-orange),var(--sg-orange-2))!important;
  box-shadow:0 16px 34px rgba(255,107,26,.20)!important;
  font-weight:800!important;
}
.sg-score-orb{
  position:relative;z-index:1;
  display:grid;place-items:center;
  align-self:center;
  gap:9px;
  text-align:center;
}
.sg-score-ring{
  width:184px;height:184px;
  border-radius:50%;
  display:grid;place-items:center;
  position:relative;
  background:
    radial-gradient(circle at 50% 50%,#151515 0 55%,transparent 56%),
    conic-gradient(var(--sg-green),rgba(34,197,94,.22),rgba(255,255,255,.08));
  box-shadow:0 18px 60px rgba(0,0,0,.36),inset 0 0 0 1px rgba(255,255,255,.08);
}
.sg-score-orb.is-warn .sg-score-ring{background:radial-gradient(circle at 50% 50%,#151515 0 55%,transparent 56%),conic-gradient(var(--sg-yellow),rgba(234,179,8,.2),rgba(255,255,255,.08))}
.sg-score-orb.is-danger .sg-score-ring{background:radial-gradient(circle at 50% 50%,#151515 0 55%,transparent 56%),conic-gradient(var(--sg-red),rgba(239,68,68,.22),rgba(255,255,255,.08))}
.sg-score-ring span{display:block;font:900 58px/1 var(--sg-mono);letter-spacing:-.08em}
.sg-score-ring small{display:block;text-transform:uppercase;letter-spacing:.16em;font:800 10px/1 var(--sg-mono);color:var(--sg-ink-3)}
.sg-score-orb p{margin:0;color:var(--sg-ink-2);font-weight:700}

.sg-nav{
  display:flex;
  gap:8px;
  overflow:auto;
  padding:6px;
  border:1px solid var(--sg-line-soft);
  border-radius:18px;
  background:rgba(255,255,255,.025);
  margin:0 0 14px;
}
.sg-nav-item{
  white-space:nowrap;
  display:flex;
  align-items:center;
  gap:8px;
  min-height:42px;
  border-radius:13px!important;
  color:var(--sg-ink-2)!important;
}
.sg-nav-item.is-active{
  background:rgba(255,107,26,.15)!important;
  border-color:rgba(255,107,26,.40)!important;
  color:var(--sg-ink)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
}

.sg-workspace{display:grid;grid-template-columns:300px minmax(0,1fr);gap:14px;align-items:start}
.sg-sidebar{display:grid;gap:12px;position:sticky;top:12px}
.sg-main-panel{display:grid;gap:14px;min-width:0}
.sg-card{border-radius:var(--sg-radius);padding:18px;background-color:var(--sg-panel)}
.sg-section-card{padding:18px}
.sg-section-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:16px}
.sg-section-head .sg-eyebrow{margin-bottom:5px}
.sg-copy{font-size:14px;margin-bottom:16px}
.sg-filter-card small{display:block;margin-top:10px}
.sg-backend-card p{font-size:13px;margin:8px 0}
.sg-card-title{display:flex;align-items:center;gap:8px}
.sg-card-title strong{font-size:14px}
.sg-chip,
.sg-status-pill{
  display:inline-flex;align-items:center;gap:6px;
  padding:7px 10px;
  border-radius:999px;
  font:800 10px/1 var(--sg-mono);
  letter-spacing:.08em;
  text-transform:uppercase;
  border:1px solid var(--sg-line-soft);
  color:var(--sg-ink-2);
  background:rgba(255,255,255,.035);
}
.sg-status-pill.is-pass{border-color:rgba(34,197,94,.38);background:rgba(34,197,94,.11);color:#9df5bc}
.sg-status-pill.is-warn{border-color:rgba(234,179,8,.38);background:rgba(234,179,8,.12);color:#fde68a}
.sg-status-pill.is-fail{border-color:rgba(239,68,68,.42);background:rgba(239,68,68,.12);color:#fecaca}
.sg-status-pill.is-neutral{color:var(--sg-ink-3)}

.sg-metrics-stack{display:grid;gap:10px}
.sg-metric{
  border-radius:18px;
  padding:13px;
  display:grid;
  grid-template-columns:34px 58px 1fr;
  gap:10px;
  align-items:center;
}
.sg-metric>span{width:34px;height:34px;border-radius:12px;display:grid;place-items:center;background:rgba(255,255,255,.05)}
.sg-metric>strong{font:900 26px/1 var(--sg-mono);letter-spacing:-.08em}
.sg-metric b{display:block;font-size:13px}
.sg-metric small{display:block;font-size:11px}
.sg-metric.is-good{border-color:rgba(34,197,94,.28);background:rgba(34,197,94,.055)}
.sg-metric.is-warn{border-color:rgba(234,179,8,.28);background:rgba(234,179,8,.055)}
.sg-metric.is-danger{border-color:rgba(239,68,68,.30);background:rgba(239,68,68,.055)}

.sg-grid{display:grid;gap:14px}
.sg-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.sg-project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.sg-project-card{border-radius:18px;padding:14px;min-height:166px;display:flex;flex-direction:column;gap:10px;justify-content:space-between;overflow:hidden;position:relative}
.sg-project-card:before{content:"";position:absolute;inset:auto -30px -52px auto;width:140px;height:140px;border-radius:50%;background:rgba(255,107,26,.10);filter:blur(4px)}
.sg-project-card.is-blue:before{background:rgba(56,189,248,.13)}
.sg-project-card.is-green:before,.sg-project-card.is-emerald:before{background:rgba(34,197,94,.13)}
.sg-project-card.is-red:before{background:rgba(239,68,68,.12)}
.sg-project-card.is-purple:before{background:rgba(167,139,250,.13)}
.sg-project-top{display:flex;align-items:center;gap:9px;position:relative;z-index:1}
.sg-project-top>span{width:32px;height:32px;border-radius:12px;background:rgba(255,255,255,.06);display:grid;place-items:center}
.sg-project-top strong{flex:1}
.sg-project-card p{font-size:12px;margin:0;position:relative;z-index:1}
.sg-project-foot{display:flex;align-items:end;gap:10px;position:relative;z-index:1}
.sg-project-foot b{font:900 36px/1 var(--sg-mono);letter-spacing:-.1em}
.sg-project-foot small{display:block}

.sg-target-form{display:grid;grid-template-columns:1fr 1fr 1.4fr .7fr 1fr;gap:12px;align-items:end}
.sg-target-form .sg-form-actions{display:grid;gap:8px}
.sg-connection-form{grid-template-columns:.8fr 1fr .75fr 1.1fr 1fr 1.4fr}
.sg-target-list{display:grid;gap:10px}
.sg-target-card{
  border-radius:20px;
  padding:14px;
  display:grid;
  grid-template-columns:minmax(0,1fr) 92px auto;
  gap:14px;
  align-items:center;
}
.sg-target-card.is-selected{border-color:rgba(255,107,26,.42);box-shadow:0 0 0 1px rgba(255,107,26,.16),inset 0 1px 0 rgba(255,255,255,.07)}
.sg-target-main{display:flex;align-items:center;gap:12px;min-width:0}
.sg-target-icon{width:46px;height:46px;display:grid;place-items:center;border-radius:16px;background:rgba(255,255,255,.055);font-size:22px;flex:0 0 auto}
.sg-target-main h4{margin-bottom:4px}
.sg-target-main p{margin:0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-family:var(--sg-mono);font-size:12px}
.sg-target-meta,.sg-finding-meta,.sg-signal-meta,.sg-connection-meta{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.sg-target-meta span,.sg-finding-meta span,.sg-signal-meta span,.sg-connection-meta span{
  color:var(--sg-ink-3);
  background:rgba(255,255,255,.035);
  border:1px solid var(--sg-line-soft);
  border-radius:999px;
  padding:5px 8px;
  font:700 10px/1 var(--sg-mono);
}
.sg-target-score{text-align:center}
.sg-target-score b{display:block;font:900 34px/1 var(--sg-mono);letter-spacing:-.08em}
.sg-target-score small{text-transform:uppercase;letter-spacing:.12em;font-size:10px}
.sg-target-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:8px}

.sg-scan-picker{margin-bottom:14px}
.sg-profile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-bottom:12px}
.sg-profile-chip{
  cursor:pointer;
  border-radius:17px;
  padding:12px;
  display:grid;
  grid-template-columns:32px 1fr;
  gap:4px 10px;
  transition:border-color .16s ease,background .16s ease,transform .16s ease;
}
.sg-profile-chip:hover{transform:translateY(-1px);border-color:rgba(255,255,255,.22)}
.sg-profile-chip input{display:none}
.sg-profile-chip>span{grid-row:span 2;width:32px;height:32px;display:grid;place-items:center;border-radius:12px;background:rgba(255,255,255,.06)}
.sg-profile-chip strong{font-size:13px;line-height:1.1}
.sg-profile-chip small{font-size:11px}
.sg-profile-chip.is-on{border-color:rgba(255,107,26,.42);background:rgba(255,107,26,.09)}
.sg-safe-note{border:1px solid rgba(56,189,248,.25);background:rgba(56,189,248,.075);border-radius:16px;padding:12px;color:#d8f4ff;font-size:13px;line-height:1.45;margin:12px 0}

.sg-scan-animation-card{overflow:hidden;position:relative;background:radial-gradient(420px 260px at 50% 10%,rgba(255,107,26,.14),transparent 70%),linear-gradient(180deg,#161616,#101010)}
.sg-scan-animation-card:before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 0%,rgba(255,255,255,.04) 48%,transparent 58%);opacity:.5;pointer-events:none}
.sg-radar-wrap{display:grid;grid-template-columns:220px 1fr;gap:18px;align-items:center;position:relative;z-index:1}
.sg-radar{
  position:relative;
  width:210px;height:210px;border-radius:50%;
  display:grid;place-items:center;
  background:
    radial-gradient(circle at center,rgba(34,197,94,.18) 0 2px,transparent 3px),
    repeating-radial-gradient(circle at center,rgba(34,197,94,.12) 0 1px,transparent 1px 38px),
    linear-gradient(135deg,rgba(34,197,94,.08),rgba(56,189,248,.04));
  border:1px solid rgba(34,197,94,.28);
  box-shadow:inset 0 0 50px rgba(34,197,94,.08),0 24px 70px rgba(0,0,0,.35);
  overflow:hidden;
}
.sg-radar:before,.sg-radar:after{content:"";position:absolute;inset:50%;width:100%;height:1px;background:rgba(34,197,94,.18);transform:translate(-50%,-50%)}
.sg-radar:after{width:1px;height:100%}
.sg-radar-sweep{
  position:absolute;inset:0;
  background:conic-gradient(from 0deg,rgba(34,197,94,.46),rgba(34,197,94,.10) 28deg,transparent 60deg);
  transform-origin:center;
  opacity:.45;
}
.sg-radar.is-running .sg-radar-sweep{animation:sgSweep 1.7s linear infinite}
@keyframes sgSweep{to{transform:rotate(360deg)}}
.sg-radar-core{position:relative;z-index:2;width:72px;height:72px;border-radius:24px;display:grid;place-items:center;background:#111;border:1px solid rgba(255,255,255,.12);font-size:32px;box-shadow:0 18px 45px rgba(0,0,0,.38)}
.sg-radar-dot{position:absolute;width:8px;height:8px;border-radius:50%;background:var(--sg-green);box-shadow:0 0 18px rgba(34,197,94,.9)}
.sg-radar-dot.d1{top:42px;left:68px}.sg-radar-dot.d2{right:52px;top:96px;background:var(--sg-yellow);box-shadow:0 0 18px rgba(234,179,8,.8)}.sg-radar-dot.d3{left:118px;bottom:48px;background:var(--sg-blue);box-shadow:0 0 18px rgba(56,189,248,.8)}
.sg-scan-status h3{font-size:26px;margin-bottom:8px}
.sg-scan-status p{margin-bottom:12px}
.sg-progress{height:10px;border-radius:999px;background:rgba(255,255,255,.08);overflow:hidden;margin:12px 0 8px}
.sg-progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--sg-orange),var(--sg-green),var(--sg-blue));box-shadow:0 0 18px rgba(34,197,94,.35);transition:width .32s ease}
.sg-phase-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:16px 0;position:relative;z-index:1}
.sg-phase{border:1px solid var(--sg-line-soft);border-radius:13px;padding:9px;color:var(--sg-ink-3);font-size:12px;background:rgba(255,255,255,.025);display:flex;gap:8px;align-items:center}
.sg-phase.is-active{color:#fff;border-color:rgba(255,107,26,.42);background:rgba(255,107,26,.09)}
.sg-phase.is-done{color:#bbf7d0;border-color:rgba(34,197,94,.28);background:rgba(34,197,94,.06)}
.sg-terminal{position:relative;z-index:1;border:1px solid rgba(34,197,94,.22);border-radius:17px;background:#070807;padding:12px;min-height:150px;max-height:220px;overflow:auto;font:500 12px/1.6 var(--sg-mono);color:#bbf7d0}
.sg-terminal div span{color:var(--sg-green)}

.sg-control-matrix{display:grid;gap:9px}
.sg-control-category{border-radius:17px;overflow:hidden;background:rgba(255,255,255,.022)}
.sg-control-category summary{cursor:pointer;display:grid;grid-template-columns:38px minmax(160px,.8fr) minmax(0,1fr) auto;gap:10px;align-items:center;padding:12px;list-style:none}
.sg-control-category summary::-webkit-details-marker{display:none}
.sg-cat-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:12px;background:rgba(255,255,255,.055)}
.sg-control-category summary strong{font-size:14px}
.sg-control-category summary small{font-size:11px}
.sg-control-category summary em{font-style:normal;font:800 11px/1 var(--sg-mono);white-space:nowrap;color:var(--sg-ink-2)}
.sg-control-category .ok{color:#86efac}.sg-control-category .warn{color:#fde68a}.sg-control-category .bad{color:#fecaca}
.sg-check-list{display:grid;gap:6px;padding:0 12px 12px}
.sg-check-row{display:grid;grid-template-columns:28px 1fr;gap:9px;align-items:start;border-radius:13px;padding:9px;border:1px solid var(--sg-line-soft);background:rgba(255,255,255,.025)}
.sg-check-row span{width:26px;height:26px;border-radius:10px;display:grid;place-items:center;background:rgba(255,255,255,.045)}
.sg-check-row b{display:block;font-size:12px;font-weight:750;line-height:1.25}
.sg-check-row small{display:block;margin-top:3px;font-size:10px;font-family:var(--sg-mono)}
.sg-check-row.is-fail{border-color:rgba(239,68,68,.25);background:rgba(239,68,68,.055)}
.sg-check-row.is-warn{border-color:rgba(234,179,8,.25);background:rgba(234,179,8,.055)}
.sg-check-row.is-pass{border-color:rgba(34,197,94,.16);background:rgba(34,197,94,.035)}

.sg-finding-list,.sg-signal-list,.sg-connection-list{display:grid;gap:10px}
.sg-finding,.sg-signal,.sg-connection{border-radius:18px;padding:14px;background-color:rgba(255,255,255,.024)}
.sg-finding.is-critical,.sg-signal.is-critical{border-color:rgba(239,68,68,.34);background:rgba(239,68,68,.055)}
.sg-finding.is-high,.sg-signal.is-high{border-color:rgba(255,107,26,.30);background:rgba(255,107,26,.055)}
.sg-finding.is-medium,.sg-signal.is-medium{border-color:rgba(234,179,8,.28);background:rgba(234,179,8,.045)}
.sg-finding-head,.sg-signal-head,.sg-connection-top{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:8px}
.sg-sev{font:800 11px/1 var(--sg-mono);letter-spacing:.08em;text-transform:uppercase;color:#ffd7bf}
.sg-finding p,.sg-signal p,.sg-connection p{font-size:13px;margin-bottom:8px}
.sg-remediation{margin:10px 0;border:1px solid var(--sg-line-soft);border-radius:13px;padding:9px;background:rgba(255,255,255,.025)}
.sg-remediation summary{cursor:pointer;font-weight:800;font-size:12px;color:var(--sg-ink-2)}
.sg-remediation p{margin:8px 0 0;font-size:12px}
.sg-finding-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.sg-finding-actions .sg-btn{padding:8px 10px;font-size:12px}

.sg-playbook-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.sg-playbook{border-radius:18px;padding:14px}
.sg-playbook>span{display:grid;place-items:center;width:36px;height:36px;border-radius:13px;background:rgba(255,255,255,.055);margin-bottom:10px}
.sg-playbook p{font-size:12px;margin:6px 0}
.sg-response-list{margin:0;padding-left:20px;color:var(--sg-ink-2);line-height:1.55}
.sg-response-list li{margin:7px 0}.sg-response-list b{color:var(--sg-ink)}
.sg-trace{display:flex;flex-wrap:wrap;gap:7px;align-items:center;margin:10px 0}
.sg-trace span{padding:7px 9px;border-radius:999px;background:rgba(56,189,248,.08);border:1px solid rgba(56,189,248,.18);font:700 11px/1 var(--sg-mono);color:#bae6fd}
.sg-trace i{color:var(--sg-ink-3);font-style:normal}

.sg-action-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:flex-end}
.sg-mitigation-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.sg-mitigation-kpi{
  border:1px solid var(--sg-line-soft);
  background:rgba(255,255,255,.025);
  border-radius:18px;
  padding:13px;
  display:grid;
  grid-template-columns:36px 1fr;
  gap:4px 10px;
  align-items:center;
}
.sg-mitigation-kpi>span{grid-row:span 3;width:36px;height:36px;border-radius:13px;display:grid;place-items:center;background:rgba(255,255,255,.055)}
.sg-mitigation-kpi>strong{font:900 32px/1 var(--sg-mono);letter-spacing:-.09em}
.sg-mitigation-kpi>b{font-size:13px;line-height:1}
.sg-mitigation-kpi>small{font-size:11px}
.sg-mitigation-kpi.is-observe{border-color:rgba(56,189,248,.24);background:rgba(56,189,248,.055)}
.sg-mitigation-kpi.is-limit{border-color:rgba(234,179,8,.26);background:rgba(234,179,8,.055)}
.sg-mitigation-kpi.is-block{border-color:rgba(239,68,68,.30);background:rgba(239,68,68,.06)}
.sg-mitigation-kpi.is-review{border-color:rgba(167,139,250,.26);background:rgba(167,139,250,.055)}
.sg-sensor-grid,.sg-defense-ladder,.sg-mitigation-list{display:grid;gap:10px}
.sg-sensor,.sg-defense-step,.sg-mitigation-event{
  border:1px solid var(--sg-line-soft);
  background:rgba(255,255,255,.025);
  border-radius:17px;
  padding:12px;
}
.sg-sensor{display:grid;grid-template-columns:34px 1fr;gap:10px;align-items:center}
.sg-sensor>span{width:34px;height:34px;border-radius:12px;display:grid;place-items:center;background:rgba(255,255,255,.055)}
.sg-sensor b,.sg-defense-step b{display:block;font-size:13px}
.sg-sensor small,.sg-defense-step small{display:block;margin-top:3px;font-size:11px}
.sg-sensor.is-on{border-color:rgba(34,197,94,.22);background:rgba(34,197,94,.045)}
.sg-sensor.is-off{border-color:rgba(234,179,8,.26);background:rgba(234,179,8,.055)}
.sg-defense-step{display:grid;grid-template-columns:34px 1fr;gap:10px;align-items:start}
.sg-defense-step>span{width:34px;height:34px;border-radius:12px;display:grid;place-items:center;background:rgba(255,255,255,.055);font:900 14px/1 var(--sg-mono)}
.sg-defense-step.is-pass{border-color:rgba(34,197,94,.22);background:rgba(34,197,94,.045)}
.sg-defense-step.is-warn{border-color:rgba(234,179,8,.26);background:rgba(234,179,8,.055)}
.sg-mitigation-event{display:grid;gap:8px}
.sg-mitigation-event h4{margin:0}
.sg-mitigation-event p{margin:0;font-size:13px}
.sg-mitigation-event-top{display:flex;justify-content:space-between;gap:12px;align-items:center}
.sg-mitigation-event-top span{font:800 11px/1 var(--sg-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--sg-ink-2)}
.sg-mitigation-event-top b{font:800 11px/1 var(--sg-mono);color:var(--sg-ink-3)}
.sg-mitigation-event details{border-top:1px solid var(--sg-line-soft);padding-top:8px}
.sg-mitigation-event summary{cursor:pointer;color:var(--sg-ink-2);font-weight:800;font-size:12px}
.sg-mitigation-event.is-observe{border-color:rgba(56,189,248,.22)}
.sg-mitigation-event.is-limit{border-color:rgba(234,179,8,.25)}
.sg-mitigation-event.is-block{border-color:rgba(239,68,68,.32);background:rgba(239,68,68,.045)}
.sg-mitigation-event.is-review{border-color:rgba(167,139,250,.25)}

.sg-connection.is-pass{border-color:rgba(34,197,94,.22)}
.sg-connection.is-warn{border-color:rgba(234,179,8,.25)}
.sg-connection.is-fail{border-color:rgba(239,68,68,.30)}
.sg-ai-state,.sg-release-gate{
  display:grid;grid-template-columns:48px 1fr;gap:12px;align-items:center;
  border:1px solid var(--sg-line-soft);
  background:rgba(255,255,255,.03);
  border-radius:18px;padding:14px;margin:12px 0;
}
.sg-ai-state span,.sg-release-gate span{width:48px;height:48px;display:grid;place-items:center;border-radius:16px;background:rgba(255,255,255,.055);font-size:24px}
.sg-ai-state b,.sg-release-gate b{display:block;margin-bottom:3px}.sg-ai-state small,.sg-release-gate p{margin:0;color:var(--sg-ink-2)}
.sg-ai-state.is-on{border-color:rgba(34,197,94,.25);background:rgba(34,197,94,.055)}
.sg-release-gate.is-block{border-color:rgba(239,68,68,.32);background:rgba(239,68,68,.065)}
.sg-release-gate.is-warn{border-color:rgba(234,179,8,.28);background:rgba(234,179,8,.055)}
.sg-release-gate.is-pass{border-color:rgba(34,197,94,.25);background:rgba(34,197,94,.055)}
.sg-report{font-family:var(--sg-mono);font-size:12px;background:#080808;border-color:rgba(255,255,255,.12);color:#e7e5e4}

.sg-empty{border:1px dashed var(--sg-line);border-radius:18px;padding:18px;text-align:center;background:rgba(255,255,255,.02)}
.sg-empty strong{display:block;margin-bottom:5px}.sg-empty p{margin:0;font-size:13px}
.sg-toast{position:fixed;right:20px;bottom:20px;z-index:99999;max-width:360px;border:1px solid var(--sg-line-soft);background:#111;color:var(--sg-ink);border-radius:16px;padding:12px 14px;box-shadow:var(--sg-shadow-soft);transform:translateY(16px);opacity:0;transition:opacity .22s ease,transform .22s ease;font-weight:700}
.sg-toast.is-show{opacity:1;transform:translateY(0)}
.sg-toast.is-good{border-color:rgba(34,197,94,.34);background:#07130c}.sg-toast.is-warn{border-color:rgba(234,179,8,.34);background:#151104}.sg-toast.is-info{border-color:rgba(56,189,248,.34);background:#061018}

@media (max-width:1180px){
  .sg-hero{grid-template-columns:132px minmax(0,1fr) 190px}.sg-hero-brand img{width:124px}.sg-workspace{grid-template-columns:1fr}.sg-sidebar{position:relative;top:auto;grid-template-columns:1fr 1fr}.sg-metrics-stack{grid-template-columns:repeat(2,minmax(0,1fr))}.sg-grid-2{grid-template-columns:1fr}.sg-project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sg-mitigation-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.sg-target-form,.sg-connection-form{grid-template-columns:repeat(2,minmax(0,1fr))}.sg-target-card{grid-template-columns:1fr}.sg-target-actions{justify-content:flex-start}.sg-radar-wrap{grid-template-columns:1fr;text-align:center}.sg-radar{margin:auto}
}
@media (max-width:760px){
  .sg-standalone-header{display:block}.sg-standalone-badges{justify-content:flex-start;margin-top:16px}.sg-standalone-main{padding-inline:14px}.sg-hero{grid-template-columns:1fr;padding:20px}.sg-hero-brand{place-items:start}.sg-hero-brand img{width:118px}.sg-score-ring{width:150px;height:150px}.sg-score-ring span{font-size:44px}.sg-sidebar{grid-template-columns:1fr}.sg-metrics-stack{grid-template-columns:1fr}.sg-project-grid,.sg-profile-grid,.sg-playbook-grid,.sg-phase-list,.sg-mitigation-kpis{grid-template-columns:1fr}.sg-target-form,.sg-connection-form{grid-template-columns:1fr}.sg-control-category summary{grid-template-columns:34px 1fr;}.sg-control-category summary small,.sg-control-category summary em{grid-column:2}.sg-nav-item span{display:none}
}
@media (prefers-reduced-motion:reduce){
  .sg-pulse-dot,.sg-radar.is-running .sg-radar-sweep{animation:none!important}.ags-sg *{transition:none!important}
}
.sg-action-explainer {
  margin: 10px 0 0;
  padding: 9px 12px;
  border: 1px solid rgba(132, 179, 223, .35);
  border-radius: 9px;
  background: rgba(31, 57, 86, .45);
  color: #dcecff;
  font-size: 12px;
  line-height: 1.45;
}

/* Manual diagnostics own their scope; the inventory selector is not shown here. */
.ags-sg[data-view="assessments"] .sg-workspace{grid-template-columns:1fr}
.sg-assessment-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:14px 0}
.sg-assessment-form label{display:grid;gap:7px;font-size:13px;color:var(--sg-ink-2)}
.sg-assessment-form textarea{min-height:90px;resize:vertical}
.sg-assessment-evidence{white-space:pre-wrap;overflow-wrap:anywhere;font:12px/1.5 var(--sg-mono);background:#080808;padding:12px;border-radius:10px;max-height:260px;overflow:auto}
.sg-assessment-client-plan>summary{cursor:pointer;font-weight:800}
.sg-profile-chip.is-planned{opacity:.65}
@media(max-width:760px){.sg-assessment-form{grid-template-columns:1fr}.sg-nav-item span{display:inline-flex}}