/*
 * premium-signal-steel-20260705
 * AgentAIShield — Black Glass / Signal Steel polish layer
 * Purpose: production-wide premium security surface normalization.
 * Green is semantic-only: safe/pass/healthy. Brand/CTA/focus use steel + signal blue.
 */
:root,
html[data-palette="monochrome-signal"] {
  --bg:#07090c;
  --bg-alt:#0b0e13;
  --surface:#10141b;
  --surface-2:#151a22;
  --surface-3:#1b212b;
  --border:rgba(148,163,184,0.12);
  --border-light:rgba(203,213,225,0.2);
  --hairline:rgba(255,255,255,0.06);
  --text:#f8fafc;
  --text-1:#f8fafc;
  --text-2:#b6c0cc;
  --text-3:#7b8794;
  --text-muted:#596575;
  --text-inverse:#07090c;
  --primary:#e7edf5;
  --primary2:#aeb9c7;
  --primary-hover:#ffffff;
  --primary-dim:rgba(231,237,245,0.10);
  --primary-glow:rgba(231,237,245,0.18);
  --accent:#7dd3fc;
  --accent-dim:rgba(125,211,252,0.12);
  --accent-glow:rgba(56,189,248,0.20);
  --signal:#7dd3fc;
  --signal-2:#38bdf8;
  --signal-dim:rgba(125,211,252,0.12);
  --signal-glow:rgba(56,189,248,0.20);
  --proof:#d6b56d;
  --proof-dim:rgba(214,181,109,0.12);
  --security:#aeb9c7;
  --safe:#22c55e;
  --safe-dim:rgba(34,197,94,0.10);
  --success:var(--safe);
  --success-dim:var(--safe-dim);
  --warning:#f59e0b;
  --warning-dim:rgba(245,158,11,0.12);
  --danger:#f43f5e;
  --danger-dim:rgba(244,63,94,0.12);
}
html[data-palette="monochrome-signal"] body {
  background:
    radial-gradient(circle at 20% -10%, rgba(125,211,252,0.08), transparent 30%),
    radial-gradient(circle at 90% 10%, rgba(214,181,109,0.05), transparent 32%),
    linear-gradient(180deg, #07090c 0%, #0b0e13 48%, #07090c 100%) !important;
  color:var(--text) !important;
}
html[data-palette="monochrome-signal"] body::selection { background:rgba(125,211,252,0.28); color:#fff; }
html[data-palette="monochrome-signal"] .btn-primary,
html[data-palette="monochrome-signal"] button.btn-primary,
html[data-palette="monochrome-signal"] a.btn-primary,
html[data-palette="monochrome-signal"] .cta-primary,
html[data-palette="monochrome-signal"] .hero-cta-primary,
html[data-palette="monochrome-signal"] .pricing-cta.primary,
html[data-palette="monochrome-signal"] .btn-wizard-primary,
html[data-palette="monochrome-signal"] [class*="primary-cta"] {
  background:linear-gradient(135deg, #f8fafc 0%, #cbd5e1 100%) !important;
  color:#07090c !important;
  border-color:rgba(248,250,252,0.36) !important;
  box-shadow:0 12px 36px rgba(231,237,245,0.16), inset 0 1px 0 rgba(255,255,255,0.78) !important;
}
html[data-palette="monochrome-signal"] .btn-primary:hover,
html[data-palette="monochrome-signal"] .cta-primary:hover,
html[data-palette="monochrome-signal"] .hero-cta-primary:hover {
  box-shadow:0 18px 52px rgba(231,237,245,0.22), inset 0 1px 0 rgba(255,255,255,0.86) !important;
}
html[data-palette="monochrome-signal"] a:not(.btn):not(.nav-logo):not(.footer-brand),
html[data-palette="monochrome-signal"] .nav-link:hover,
html[data-palette="monochrome-signal"] .footer a:hover {
  color:var(--signal) !important;
}
html[data-palette="monochrome-signal"] input:focus,
html[data-palette="monochrome-signal"] textarea:focus,
html[data-palette="monochrome-signal"] select:focus,
html[data-palette="monochrome-signal"] .form-control:focus {
  border-color:rgba(125,211,252,0.72) !important;
  box-shadow:0 0 0 3px rgba(125,211,252,0.14) !important;
}
html[data-palette="monochrome-signal"] .card,
html[data-palette="monochrome-signal"] .pricing-card,
html[data-palette="monochrome-signal"] .feature-card,
html[data-palette="monochrome-signal"] .metric-card,
html[data-palette="monochrome-signal"] .auth-card,
html[data-palette="monochrome-signal"] .scanner-panel,
html[data-palette="monochrome-signal"] .dashboard-card {
  background:linear-gradient(180deg, rgba(16,20,27,0.94), rgba(11,14,19,0.92)) !important;
  border-color:rgba(148,163,184,0.14) !important;
  box-shadow:0 18px 60px rgba(0,0,0,0.28), inset 0 1px 0 rgba(255,255,255,0.04) !important;
}
html[data-palette="monochrome-signal"] .pricing-card.featured,
html[data-palette="monochrome-signal"] .pricing-card.popular,
html[data-palette="monochrome-signal"] .plan-card.featured {
  border-color:rgba(231,237,245,0.30) !important;
  box-shadow:0 24px 72px rgba(0,0,0,0.34), 0 0 0 1px rgba(231,237,245,0.10), inset 0 1px 0 rgba(255,255,255,0.08) !important;
}
/* Neutralize decorative brand/accent green/lime/teal without suppressing semantic status states. */
html[data-palette="monochrome-signal"] .nav-logo-icon circle,
html[data-palette="monochrome-signal"] .brand-mark circle,
html[data-palette="monochrome-signal"] svg.nav-logo-icon circle {
  stroke:var(--primary2) !important;
  fill:none !important;
}
html[data-palette="monochrome-signal"] .pricing-card li i,
html[data-palette="monochrome-signal"] .feature-list i,
html[data-palette="monochrome-signal"] .check,
html[data-palette="monochrome-signal"] .checkmark,
html[data-palette="monochrome-signal"] .pricing-hero-eyebrow,
html[data-palette="monochrome-signal"] .eyebrow,
html[data-palette="monochrome-signal"] .badge:not(.status):not(.success):not(.safe):not(.healthy):not(.pass),
html[data-palette="monochrome-signal"] .pill:not(.status):not(.success):not(.safe):not(.healthy):not(.pass) {
  color:var(--primary2) !important;
  border-color:rgba(174,185,199,0.18) !important;
  background:rgba(174,185,199,0.08) !important;
}
html[data-palette="monochrome-signal"] .toggle-pill.on,
html[data-palette="monochrome-signal"] .billing-toggle .active,
html[data-palette="monochrome-signal"] .save-badge,
html[data-palette="monochrome-signal"] .popular-badge {
  background:var(--proof-dim) !important;
  border-color:rgba(214,181,109,0.28) !important;
  color:var(--proof) !important;
}
/* Semantic allowlist: green remains only for explicit safe/pass/healthy/success. */
html[data-palette="monochrome-signal"] .safe,
html[data-palette="monochrome-signal"] .success,
html[data-palette="monochrome-signal"] .healthy,
html[data-palette="monochrome-signal"] .pass,
html[data-palette="monochrome-signal"] .status-dot.up,
html[data-palette="monochrome-signal"] .status-success,
html[data-palette="monochrome-signal"] .badge-success,
html[data-palette="monochrome-signal"] .verdict-safe {
  color:var(--safe) !important;
  border-color:rgba(34,197,94,0.24) !important;
  background:var(--safe-dim) !important;
}
html[data-palette="monochrome-signal"] .warning,
html[data-palette="monochrome-signal"] .caution,
html[data-palette="monochrome-signal"] .status-warning { color:var(--warning) !important; }
html[data-palette="monochrome-signal"] .danger,
html[data-palette="monochrome-signal"] .blocked,
html[data-palette="monochrome-signal"] .critical,
html[data-palette="monochrome-signal"] .status-danger { color:var(--danger) !important; }
@media (prefers-reduced-motion: reduce) {
  html[data-palette="monochrome-signal"] *,
  html[data-palette="monochrome-signal"] *::before,
  html[data-palette="monochrome-signal"] *::after { animation-duration:0.01ms !important; transition-duration:0.01ms !important; }
}


/* Phase-1 visible drift suppression for legacy page-local islands. */
html[data-palette="monochrome-signal"] .trust-ring-grade,
html[data-palette="monochrome-signal"] .grade-badge,
html[data-palette="monochrome-signal"] .grade-a-plus,
html[data-palette="monochrome-signal"] .grade-a,
html[data-palette="monochrome-signal"] .feature-icon,
html[data-palette="monochrome-signal"] .mode-card-icon,
html[data-palette="monochrome-signal"] .mcpg-stat-value,
html[data-palette="monochrome-signal"] .annual-pill,
html[data-palette="monochrome-signal"] .quarter-badge.done,
html[data-palette="monochrome-signal"] .card-icon.shipped {
  color:var(--primary2) !important;
  background:rgba(174,185,199,0.08) !important;
  border-color:rgba(174,185,199,0.18) !important;
  box-shadow:none !important;
}
html[data-palette="monochrome-signal"] .legend-dot.shipped,
html[data-palette="monochrome-signal"] .live-dot {
  background:var(--primary2) !important;
  box-shadow:0 0 0 3px rgba(174,185,199,0.12) !important;
}
html[data-palette="monochrome-signal"] .ph-cookie,
html[data-palette="monochrome-signal"] .ph-medal,
html[data-palette="monochrome-signal"] .ph-envelope,
html[data-palette="monochrome-signal"] .ph-credit-card,
html[data-palette="monochrome-signal"] .ph-arrows-counter-clockwise,
html[data-palette="monochrome-signal"] .ph-lock-key,
html[data-palette="monochrome-signal"] .mode-card-icon i,
html[data-palette="monochrome-signal"] .feature-icon i,
html[data-palette="monochrome-signal"] .card-icon.shipped i,
html[data-palette="monochrome-signal"] i[style*="#84cc16"],
html[data-palette="monochrome-signal"] i[style*="#10b981"],
html[data-palette="monochrome-signal"] i[style*="#22c55e"],
html[data-palette="monochrome-signal"] i[style*="132,204,22"],
html[data-palette="monochrome-signal"] i[style*="16,185,129"] {
  color:var(--primary2) !important;
}
html[data-palette="monochrome-signal"] .ph-check-circle,
html[data-palette="monochrome-signal"] .ph-check {
  color:var(--primary2) !important;
}
html[data-palette="monochrome-signal"] .status-success .ph-check-circle,
html[data-palette="monochrome-signal"] .safe .ph-check-circle,
html[data-palette="monochrome-signal"] .success .ph-check-circle,
html[data-palette="monochrome-signal"] .healthy .ph-check-circle,
html[data-palette="monochrome-signal"] .pass .ph-check-circle {
  color:var(--safe) !important;
}
html[data-palette="monochrome-signal"] button[style*="#84cc16"],
html[data-palette="monochrome-signal"] button[style*="132,204,22"],
html[data-palette="monochrome-signal"] [style*="background:#84cc16"],
html[data-palette="monochrome-signal"] [style*="background: #84cc16"],
html[data-palette="monochrome-signal"] [style*="background:rgb(132, 204, 22)"] {
  background:linear-gradient(135deg, #f8fafc 0%, #cbd5e1 100%) !important;
  color:#07090c !important;
  border-color:rgba(248,250,252,0.32) !important;
}
html[data-palette="monochrome-signal"] .ai,
html[data-palette="monochrome-signal"] .nav-logo .ai,
html[data-palette="monochrome-signal"] .brand-ai {
  color:var(--primary) !important;
}

html[data-palette="monochrome-signal"] .quarter-badge.progress,
html[data-palette="monochrome-signal"] .card-icon.progress {
  color:var(--signal) !important;
  background:var(--signal-dim) !important;
  border-color:rgba(125,211,252,0.24) !important;
}
html[data-palette="monochrome-signal"] .card-icon.progress i,
html[data-palette="monochrome-signal"] .quarter-badge.progress i,
html[data-palette="monochrome-signal"] .ph-spinner-gap,
html[data-palette="monochrome-signal"] .ph-plugs-connected,
html[data-palette="monochrome-signal"] .ph-code {
  color:var(--signal) !important;
}