:root {
    --bg: #080b12; --surface: #0f131d; --surface-2: #131824; --border: #222938;
    --text: #f2f4f8; --muted: #8d97aa; --subtle: #5f697a; --accent: #8b7cf6;
    --accent-2: #a99fff; --green: #55d99a; --amber: #f4b860; --coral: #ee7779;
    font-family: "DM Sans", system-ui, sans-serif; color: var(--text); background: var(--bg);
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; min-height: 100vh; background: var(--bg); }
button, input { font: inherit; }
button { cursor: pointer; }
svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.ambient { position: fixed; border-radius: 50%; filter: blur(120px); pointer-events: none; opacity: .12; }
.ambient-one { width: 420px; height: 420px; background: #6959e9; top: -200px; left: 20%; }
.ambient-two { width: 360px; height: 360px; background: #2aa978; bottom: -220px; right: 5%; }
.sidebar { width: 248px; position: fixed; inset: 0 auto 0 0; background: #0a0e16; border-right: 1px solid var(--border); padding: 27px 18px 20px; display: flex; flex-direction: column; z-index: 20; }
.brand { display: flex; align-items: center; gap: 11px; color: white; text-decoration: none; padding: 0 8px; font: 800 19px/1 Manrope, sans-serif; letter-spacing: -.5px; }
.brand-mark { width: 33px; height: 33px; display: grid; place-items: center; border-radius: 10px; color: white; background: linear-gradient(145deg, #9b8cf8, #6657d5); box-shadow: 0 8px 24px #6e5be440; }
.brand-mark svg { width: 21px; height: 21px; }
.sidebar nav { margin-top: 38px; flex: 1; }
.nav-label { color: #535d6e; font-size: 10px; font-weight: 700; letter-spacing: 1.3px; text-transform: uppercase; margin: 26px 11px 9px; }
.nav-item { width: 100%; height: 43px; display: flex; align-items: center; gap: 12px; border: 0; border-radius: 9px; padding: 0 11px; color: #7d879a; text-decoration: none; background: transparent; font-size: 14px; font-weight: 500; text-align: left; transition: .2s; }
.nav-item svg { width: 18px; }
.nav-item:hover { color: #dadde5; background: #111722; }
.nav-item.active { color: white; background: linear-gradient(90deg, #282540, #171a29); box-shadow: inset 3px 0 var(--accent); }
.nav-count { margin-left: auto; min-width: 22px; padding: 2px 6px; border-radius: 10px; background: #252b38; color: #9ba5b7; font-size: 11px; text-align: center; }
.sidebar-footer { padding: 16px 7px 0; border-top: 1px solid var(--border); display: grid; grid-template-columns: 34px 1fr auto; gap: 10px; align-items: center; }
.workspace-avatar { width: 34px; height: 34px; border-radius: 10px; display: grid; place-items: center; color: #dcd8ff; font-weight: 700; font-size: 11px; background: #292643; border: 1px solid #3a3561; }
.sidebar-footer strong, .sidebar-footer span { display: block; white-space: nowrap; }
.sidebar-footer strong { font-size: 12px; color: #d6dae3; }.sidebar-footer span { font-size: 10px; color: var(--subtle); margin-top: 2px; }
.sidebar-footer button { border: 0; color: #667085; background: none; }
.app-shell { margin-left: 248px; min-height: 100vh; position: relative; }
.topbar { height: 68px; padding: 0 4.2vw; border-bottom: 1px solid var(--border); background: #080b12d9; backdrop-filter: blur(18px); display: flex; justify-content: space-between; align-items: center; position: sticky; top: 0; z-index: 15; }
.topbar-status { color: #8993a4; font-size: 12px; display: flex; align-items: center; gap: 8px; }
.pulse-dot { display: inline-block; width: 7px; height: 7px; border-radius: 50%; background: var(--green); box-shadow: 0 0 0 4px #55d99a18; }
.topbar-actions { display: flex; align-items: center; gap: 12px; }
.last-updated { color: #636d7e; font-size: 11px; }
.icon-button, .mobile-menu { width: 35px; height: 35px; display: grid; place-items: center; border: 1px solid var(--border); border-radius: 9px; color: #8791a4; background: #10151f; }
.icon-button svg { width: 16px; }.icon-button:hover { color: white; border-color: #353e51; }
.plan-badge { padding: 7px 11px; border: 1px solid #383255; border-radius: 8px; color: #c5bcff; background: #1d1a2e; font-size: 11px; font-weight: 700; }.plan-badge span { color: #a99fff; }
.mobile-menu { display: none; }
main { width: min(1380px, 91%); margin: 0 auto; padding: 52px 0 70px; }
.hero { display: flex; align-items: flex-end; justify-content: space-between; gap: 30px; margin-bottom: 34px; }
.eyebrow { color: var(--accent-2); font-size: 10px; font-weight: 800; letter-spacing: 1.5px; text-transform: uppercase; margin-bottom: 12px; }
h1, h2 { font-family: Manrope, sans-serif; }
h1 { margin: 0; font-size: clamp(29px, 3vw, 40px); line-height: 1.15; letter-spacing: -1.4px; }
.hero p { color: var(--muted); max-width: 700px; margin: 10px 0 0; font-size: 14px; line-height: 1.65; }
.value-strip { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; margin-bottom: 14px; }
.value-strip article { padding: 18px 18px 16px; border: 1px solid var(--border); border-radius: 13px; background: linear-gradient(145deg, #101520f0, #0c1018f0); box-shadow: 0 14px 30px #00000018; }
.value-strip span { display: inline-block; margin-bottom: 10px; color: var(--accent-2); font-size: 10px; font-weight: 800; letter-spacing: 1.2px; text-transform: uppercase; }
.value-strip strong { display: block; margin-bottom: 7px; color: var(--text); font: 700 15px/1.35 Manrope, sans-serif; letter-spacing: -.3px; }
.value-strip p { margin: 0; color: var(--muted); font-size: 12px; line-height: 1.6; }
.benefit-grid { display: grid; grid-template-columns: 1.35fr 1fr 1fr 1fr; gap: 14px; margin-bottom: 14px; }
.benefit-card, .onboarding-panel { border: 1px solid var(--border); border-radius: 13px; background: linear-gradient(145deg, #101520f0, #0c1018f0); box-shadow: 0 14px 30px #00000018; }
.benefit-card { padding: 18px; }
.benefit-card.featured { padding: 22px; background: linear-gradient(145deg, #151a28f0, #0c1018f0); }
.benefit-card h2 { margin-top: 8px; font-size: 24px; line-height: 1.2; }
.benefit-card strong { display: block; margin-bottom: 8px; color: var(--accent-2); font-size: 11px; text-transform: uppercase; letter-spacing: 1.1px; }
.benefit-card p { margin: 0; color: var(--muted); font-size: 12px; line-height: 1.6; }
.onboarding-panel { padding: 20px; margin-bottom: 14px; }
.onboarding-steps { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin-top: 16px; }
.onboarding-steps article { display: flex; gap: 12px; padding: 15px; border-radius: 11px; border: 1px solid #24304a; background: #0b1018; }
.onboarding-steps span { width: 28px; height: 28px; display: grid; place-items: center; border-radius: 999px; color: #fff; background: linear-gradient(135deg, #8c7cf6, #7162e5); font-size: 12px; font-weight: 800; flex: 0 0 auto; }
.onboarding-steps strong { display: block; margin-bottom: 6px; font-size: 13px; line-height: 1.35; }
.onboarding-steps p { margin: 0; color: var(--muted); font-size: 12px; line-height: 1.55; }
.primary-button { display: flex; align-items: center; gap: 9px; border: 0; border-radius: 10px; padding: 12px 17px; color: white; background: linear-gradient(135deg, #8c7cf6, #7162e5); box-shadow: 0 8px 25px #7565e22c; font-size: 13px; font-weight: 700; white-space: nowrap; transition: .2s; }
.primary-button:hover { transform: translateY(-1px); box-shadow: 0 10px 30px #7565e245; }.primary-button svg { width: 17px; }
.metric-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; }
.metric-card, .panel { border: 1px solid var(--border); background: linear-gradient(145deg, #111620e8, #0d1119e8); border-radius: 13px; box-shadow: 0 18px 40px #0000001f; }
.metric-card { padding: 20px; min-height: 174px; position: relative; overflow: hidden; transition: transform .2s, border-color .2s; }
.metric-card:hover { transform: translateY(-2px); border-color: #303849; }
.metric-card::after { content: ""; position: absolute; width: 100px; height: 100px; right: -55px; bottom: -60px; border-radius: 50%; background: var(--accent); filter: blur(40px); opacity: .07; }
.metric-top { display: flex; align-items: center; justify-content: space-between; margin-bottom: 18px; }
.metric-icon { width: 34px; height: 34px; border-radius: 9px; display: grid; place-items: center; }.metric-icon svg { width: 17px; }
.metric-icon.violet { color: #ac9fff; background: #27233f; }.metric-icon.green { color: var(--green); background: #162e27; }.metric-icon.amber { color: var(--amber); background: #30271a; }.metric-icon.coral { color: var(--coral); background: #322024; }
.trend { padding: 4px 7px; border-radius: 6px; font-size: 9px; font-weight: 700; text-transform: uppercase; letter-spacing: .5px; }
.trend.neutral { color: #8c96a8; background: #1b202b; }.trend.positive { color: var(--green); background: #142a23; }.trend.warning { color: var(--amber); background: #2d2519; }.trend.danger { color: var(--coral); background: #302024; }
.trend .pulse-dot { width: 5px; height: 5px; margin-right: 3px; box-shadow: none; }
.metric-label { color: #7f899b; font-size: 12px; display: block; }
.metric-card > strong { display: block; margin: 3px 0 7px; font: 700 32px/1.2 Manrope, sans-serif; letter-spacing: -1px; }
.metric-foot { color: #5f6979; font-size: 10px; }.metric-foot span { color: #a49af2; font-weight: 700; }
.content-grid { display: grid; grid-template-columns: .78fr 1.22fr; gap: 14px; margin-top: 14px; }
.posture-panel { margin-top: 14px; display: grid; grid-template-columns: 1.35fr 1fr; gap: 26px; align-items: center; scroll-margin-top: 85px; }
.posture-summary { display: flex; align-items: center; gap: 24px; }
.score-orbit { --score: 360deg; width: 104px; height: 104px; flex: 0 0 auto; border-radius: 50%; padding: 1px; background: conic-gradient(var(--accent) var(--score), #272d39 0); position: relative; box-shadow: 0 0 34px #8b7cf612; }
.score-orbit::before { content: ""; position: absolute; inset: 7px; border-radius: inherit; background: #10151f; }
.score-orbit > div { position: absolute; inset: 0; display: grid; place-content: center; text-align: center; z-index: 1; }.score-orbit strong { font: 700 27px/1 Manrope; }.score-orbit span { color: #697385; margin-top: 5px; font-size: 8px; text-transform: uppercase; letter-spacing: .8px; }
.posture-copy { flex: 1; }.posture-copy .eyebrow { margin-bottom: 7px; }.posture-copy h2 { font-size: 18px; }.posture-copy > p { margin: 7px 0 13px; color: #778193; font-size: 10px; line-height: 1.55; }.risk-text.low { color: var(--green); }.risk-text.moderate { color: var(--amber); }.risk-text.high,.risk-text.critical { color: var(--coral); }
.coverage-row { display: grid; grid-template-columns: auto 1fr auto; gap: 9px; align-items: center; color: #687284; font-size: 8px; }.coverage-track { height: 4px; border-radius: 3px; background: #252b36; overflow: hidden; }.coverage-track i { display: block; width: 0; height: 100%; border-radius: inherit; background: linear-gradient(90deg, #7061db, #a093fa); transition: width .5s; }.coverage-row strong { color: #aaa2e5; }
.severity-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; }
.severity-tile { min-height: 77px; position: relative; overflow: hidden; padding: 12px; border: 1px solid #252c39; border-radius: 9px; color: #778193; background: #0d121a; text-align: left; transition: .2s; }.severity-tile:hover,.severity-tile.selected { transform: translateY(-1px); border-color: #3a4354; background: #141a24; }.severity-tile span { display: block; font-size: 8px; text-transform: uppercase; letter-spacing: .7px; }.severity-tile strong { display: block; margin-top: 4px; color: #e3e6eb; font: 700 21px Manrope; }.severity-tile i { position: absolute; inset: auto 0 0; height: 2px; background: #657082; }.severity-tile.critical i { background: #f06e76; }.severity-tile.high i { background: #ef925f; }.severity-tile.medium i { background: #edbd63; }.severity-tile.low i { background: #63cfa0; }
.findings-panel { margin-top: 14px; padding: 0; overflow: hidden; scroll-margin-top: 85px; }
.segmented { display: flex; align-items: center; padding: 3px; border: 1px solid #282f3c; border-radius: 8px; background: #0b1018; }.segmented button { height: 25px; padding: 0 9px; border: 0; border-radius: 5px; color: #687284; background: transparent; font-size: 8px; }.segmented button:hover { color: #bbc2ce; }.segmented button.active { color: #dcd9ff; background: #292542; }
.export-button { text-decoration: none; }.findings-list { min-height: 75px; }.finding-skeleton { padding: 18px; }
.finding-card { border-bottom: 1px solid #1d2330; }.finding-main { width: 100%; min-height: 67px; display: grid; grid-template-columns: 68px minmax(210px, 1.7fr) minmax(140px, 1fr) 54px 18px; gap: 15px; align-items: center; padding: 11px 20px; border: 0; color: #8c96a7; background: transparent; text-align: left; }.finding-main:hover { background: #131924; }
.severity-flag { justify-self: start; padding: 4px 7px; border-radius: 5px; font-size: 8px; font-weight: 800; text-transform: uppercase; letter-spacing: .5px; }.severity-flag.critical { color: #ff8c91; background: #342126; }.severity-flag.high { color: #f1a072; background: #33251e; }.severity-flag.medium { color: #e9bd6e; background: #30291d; }.severity-flag.low { color: #65d59e; background: #172c24; }
.finding-title strong,.finding-title small { display: block; }.finding-title strong { color: #dfe3ea; font-size: 11px; }.finding-title small { color: #657082; margin-top: 4px; font-size: 9px; }.finding-evidence { display: flex; align-items: center; gap: 8px; font-size: 9px; }.finding-evidence b { padding: 3px 5px; border: 1px solid #303849; border-radius: 4px; color: #aba4e7; background: #1c1a2a; font-family: ui-monospace, monospace; }.risk-score { text-align: center; }.risk-score small,.risk-score strong { display: block; }.risk-score small { color: #566071; font-size: 7px; text-transform: uppercase; }.risk-score strong { color: #b7bdc8; font: 700 15px Manrope; }.chevron { width: 14px; transition: transform .2s; }.finding-card.expanded .chevron { transform: rotate(90deg); }
.finding-detail { max-height: 0; overflow: hidden; display: grid; grid-template-columns: 1fr 1fr 1.2fr; gap: 22px; padding: 0 20px; background: #0b1017; transition: max-height .3s, padding .3s; }.finding-card.expanded .finding-detail { max-height: 300px; padding: 17px 20px; border-top: 1px solid #1c2230; }.finding-detail span { color: #646f80; font-size: 8px; font-weight: 700; text-transform: uppercase; letter-spacing: .5px; }.finding-detail p { margin: 5px 0 0; color: #969faf; font-size: 9px; line-height: 1.55; }.finding-detail .remediation { padding-left: 13px; border-left: 2px solid #6358bc; }.finding-meta { grid-column: 1 / -1; display: flex; gap: 18px; padding-top: 10px; border-top: 1px solid #1e2531; }.finding-meta span { font-weight: 400; text-transform: none; letter-spacing: 0; }
.findings-empty { display: flex; justify-content: center; align-items: center; gap: 13px; padding: 28px; }.findings-empty > span { width: 31px; height: 31px; display: grid; place-items: center; border-radius: 50%; color: var(--green); background: #162b24; }.findings-empty strong { font-size: 11px; }.findings-empty p { margin: 4px 0 0; color: #667183; font-size: 9px; }
.analyst-note { display: flex; align-items: center; gap: 10px; padding: 11px 20px; color: #697486; background: #0b1018; border-top: 1px solid #1d2330; }.analyst-note svg { width: 15px; color: #756bdd; flex: 0 0 auto; }.analyst-note p { margin: 0; font-size: 8px; }.analyst-note strong { color: #8f98a8; }
.panel { padding: 21px; }
.panel-header { display: flex; justify-content: space-between; align-items: flex-start; gap: 16px; }
h2 { margin: 0; font-size: 15px; letter-spacing: -.3px; }.panel-header p { color: #6f798b; font-size: 11px; margin: 5px 0 0; }
.panel-chip { color: #8e98a9; background: #181e29; border: 1px solid #262e3c; border-radius: 7px; padding: 5px 8px; font-size: 9px; text-transform: uppercase; letter-spacing: .6px; }
.exposure-body { display: flex; align-items: center; gap: 32px; padding: 21px 5px 2px; }
.health-ring { --score: 360deg; width: 128px; height: 128px; border-radius: 50%; background: conic-gradient(var(--green) var(--score), #252b36 0); position: relative; flex: 0 0 auto; }
.health-ring::before { content: ""; position: absolute; inset: 8px; border-radius: 50%; background: #10151f; }
.health-ring > div { position: absolute; inset: 0; display: grid; place-content: center; text-align: center; z-index: 1; }.health-ring strong { font: 700 28px/1 Manrope; }.health-ring span { color: #6f798a; font-size: 9px; margin-top: 6px; }
.health-details { flex: 1; }.health-details > div { display: flex; justify-content: space-between; align-items: center; padding: 8px 0; color: #7d8798; font-size: 11px; border-bottom: 1px solid #1c2230; }.health-details > div:last-child { border: 0; }.health-details strong { color: #dbe0e8; }
.legend { display: inline-block; width: 6px; height: 6px; border-radius: 50%; margin-right: 7px; }.green-dot { background: var(--green); }.gray-dot { background: #566071; }.amber-dot { background: var(--amber); }
.shield-icon { width: 34px; height: 34px; display: grid; place-items: center; border-radius: 9px; color: #9e92f7; background: #24203c; }.shield-icon svg { width: 17px; }
#scan-form { margin-top: 21px; }#scan-form label { display: block; font-size: 10px; color: #8b95a6; margin-bottom: 7px; font-weight: 600; }
.input-row { height: 43px; display: flex; align-items: center; border: 1px solid #2b3342; border-radius: 9px; background: #0a0e15; overflow: hidden; transition: .2s; }.input-row:focus-within { border-color: #6f62d7; box-shadow: 0 0 0 3px #7162e514; }
.input-icon { color: #5f697b; margin-left: 12px; display: grid; }.input-icon svg { width: 16px; }
input { color: #e9ecf1; background: transparent; border: 0; outline: 0; min-width: 0; }
.input-row input { flex: 1; padding: 0 10px; font-family: ui-monospace, SFMono-Regular, Consolas, monospace; font-size: 12px; }
.input-row button { align-self: stretch; margin: 4px; border: 0; border-radius: 6px; padding: 0 15px; color: white; background: #7364df; font-size: 11px; font-weight: 700; }.input-row button:disabled { opacity: .65; cursor: wait; }
.form-note { display: flex; align-items: center; gap: 5px; color: #596475; font-size: 9px; margin: 8px 0 0; }.form-note svg { width: 12px; }
.scanner-ready{color:var(--green);font-weight:700}.scanner-unavailable{color:var(--coral);font-weight:700}
.message { margin-top: 10px; font-size: 10px; min-height: 14px; }.message.success { color: var(--green); }.message.error, .error-text { color: var(--coral) !important; }
.table-panel { margin-top: 14px; padding: 0; overflow: hidden; scroll-margin-top: 90px; }.table-header { padding: 20px 21px 17px; align-items: center; border-bottom: 1px solid var(--border); }
.table-actions { display: flex; gap: 8px; }.search-box { height: 33px; width: 190px; display: flex; align-items: center; gap: 7px; padding: 0 10px; border: 1px solid #282f3d; border-radius: 8px; background: #0b1018; color: #626c7d; }.search-box svg { width: 14px; }.search-box input { width: 100%; font-size: 10px; }
.secondary-button { height: 33px; display: flex; align-items: center; gap: 6px; padding: 0 10px; color: #9ca5b5; border: 1px solid #292f3d; border-radius: 8px; background: #151a24; font-size: 10px; }.secondary-button svg { width: 13px; }
.table-wrap { overflow-x: auto; }table { width: 100%; border-collapse: collapse; }th, td { text-align: left; padding: 13px 17px; border-bottom: 1px solid #1c222e; font-size: 11px; white-space: nowrap; }th { color: #626c7d; background: #0c1119; font-size: 9px; font-weight: 700; letter-spacing: .4px; text-transform: uppercase; }tbody tr { transition: background .15s; }tbody tr:hover { background: #131924; }tbody tr:last-child td { border-bottom: 0; }
.asset-cell { display: flex; align-items: center; gap: 10px; }.asset-avatar { width: 30px; height: 30px; display: grid; place-items: center; border-radius: 8px; color: #b9b2ec; background: #252238; font-size: 11px; font-weight: 700; }.asset-cell strong, .asset-cell small { display: block; }.asset-cell strong { color: #dce0e8; font-size: 11px; }.asset-cell small { color: #626c7d; margin-top: 3px; font-family: ui-monospace, monospace; font-size: 9px; }
.status { display: inline-flex; align-items: center; gap: 6px; padding: 4px 7px; border-radius: 6px; color: #a0a9b8; background: #202632; font-size: 9px; font-weight: 600; }.status i { width: 5px; height: 5px; border-radius: 50%; background: currentColor; }.status.online,.status.completed { color: var(--green); background: #142a23; }.status.failed { color: var(--coral); background: #302024; }.status.running,.status.queued { color: var(--amber); background: #2e2619; }
.criticality { padding: 3px 6px; border-radius: 5px; font-size: 9px; color: #9ba4b5; background: #1b212c; }.criticality.high,.criticality.critical { color: #ef8587; background: #2e2024; }.criticality.medium { color: #e2ae62; background: #2b251b; }.criticality.low { color: #6ed7a2; background: #172a24; }
.service-list { display: flex; align-items: center; gap: 4px; }.service-pill { padding: 3px 6px; color: #9ba4b5; border: 1px solid #293141; border-radius: 5px; background: #171d28; font-family: ui-monospace, monospace; font-size: 9px; }.service-pill b { color: #656f80; font-weight: 400; }.more-pill { color: #9f94ef; font-size: 9px; }.muted { color: #697385; }.mono { font-family: ui-monospace, monospace; }.scan-id { color: #aaa1ee; }.empty-state { padding: 30px; text-align: center; color: #6e7889; }.empty-state > span { display: block; font-size: 28px; color: #514a80; }.empty-state strong { display: block; color: #abb3c1; margin-top: 4px; }.empty-state p { margin: 5px 0 0; font-size: 10px; }
.skeleton-row { height: 22px; border-radius: 6px; background: linear-gradient(90deg, #161c27 25%, #222938 50%, #161c27 75%); background-size: 200% 100%; animation: shimmer 1.4s infinite; }
footer { width: min(1380px, 91%); margin: 0 auto; padding: 20px 0 25px; border-top: 1px solid var(--border); color: #505a6b; font-size: 9px; display: flex; justify-content: space-between; }footer span:first-child { color: #777f8e; font-weight: 700; }
.toast-region { position: fixed; right: 22px; bottom: 22px; z-index: 50; display: grid; gap: 8px; }.toast { min-width: 270px; max-width: 380px; display: flex; align-items: center; gap: 10px; padding: 12px 14px; color: #dce3e9; background: #151b25f5; border: 1px solid #2a3342; border-radius: 10px; box-shadow: 0 16px 40px #0008; transform: translateY(15px); opacity: 0; transition: .25s; }.toast.visible { opacity: 1; transform: none; }.toast > span { width: 22px; height: 22px; display: grid; place-items: center; border-radius: 50%; color: #0b1812; background: var(--green); font-weight: 800; }.toast.error > span { background: var(--coral); }.toast p { margin: 0; font-size: 11px; }
.modal-backdrop { position: fixed; inset: 0; display: grid; place-items: center; background: #05070bb8; backdrop-filter: blur(6px); z-index: 60; opacity: 0; visibility: hidden; transition: .2s; }.modal-backdrop.open { opacity: 1; visibility: visible; }.modal { width: min(580px, 92vw); max-height: 76vh; padding: 22px; border: 1px solid #2a3241; border-radius: 14px; background: #10151f; box-shadow: 0 30px 90px #000b; transform: translateY(10px); transition: .2s; }.modal-backdrop.open .modal { transform: none; }.modal .icon-button { font-size: 20px; }.audit-list { margin-top: 20px; max-height: 55vh; overflow-y: auto; }.audit-item { display: grid; grid-template-columns: 10px 1fr; gap: 10px; padding: 13px 4px; border-bottom: 1px solid var(--border); }.audit-mark { width: 7px; height: 7px; border-radius: 50%; background: var(--accent); margin-top: 5px; box-shadow: 0 0 0 4px #8b7cf618; }.audit-item strong { font-size: 11px; }.audit-item p { margin: 4px 0; color: #8a94a5; font-size: 10px; }.audit-item small { color: #596374; font-size: 9px; }
.button-spinner { width: 11px; height: 11px; display: inline-block; border: 2px solid #ffffff50; border-top-color: white; border-radius: 50%; animation: spin .7s linear infinite; vertical-align: -2px; margin-right: 4px; }.spinning svg { animation: spin .8s linear infinite; }
@keyframes spin { to { transform: rotate(360deg); } }@keyframes shimmer { to { background-position: -200% 0; } }
@media (max-width: 1050px) { .metric-grid { grid-template-columns: repeat(2, 1fr); }.content-grid { grid-template-columns: 1fr; } }
@media (max-width: 760px) {
    .sidebar { transform: translateX(-100%); transition: .25s; box-shadow: 20px 0 60px #0009; }.sidebar.open { transform: none; }
    .app-shell { margin-left: 0; }.mobile-menu { display: grid; }.topbar-status, .last-updated { display: none; }.topbar { padding: 0 4.5vw; }
    main { width: 91%; padding-top: 35px; }.hero { align-items: flex-start; flex-direction: column; }.metric-grid { grid-template-columns: 1fr 1fr; }
    .metric-card { min-height: 155px; padding: 16px; }.content-grid { grid-template-columns: 1fr; }.table-header { align-items: flex-start; flex-direction: column; }.table-actions { width: 100%; }.search-box { flex: 1; }.exposure-body { gap: 20px; }.plan-badge { display: none; }
    .posture-panel { grid-template-columns: 1fr; }.finding-main { grid-template-columns: 65px 1fr 50px 16px; }.finding-evidence { display: none; }.finding-detail { grid-template-columns: 1fr; }.finding-meta { grid-column: auto; }.segmented { overflow-x: auto; }.table-actions { flex-wrap: wrap; }
}
@media (max-width: 480px) { .metric-grid { grid-template-columns: 1fr; }.input-row { height: auto; flex-wrap: wrap; padding-top: 10px; }.input-row input { height: 32px; }.input-row button { width: calc(100% - 8px); height: 37px; }.health-ring { width: 110px; height: 110px; }.topbar-actions { gap: 7px; }footer { flex-direction: column; gap: 6px; }.posture-summary { align-items: flex-start; flex-direction: column; }.severity-grid { grid-template-columns: 1fr 1fr; }.finding-main { grid-template-columns: 62px 1fr 16px; }.risk-score { display: none; } }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; transition-duration: .01ms !important; } }

/* Themes and operational security features */
[data-theme="midnight"] { --bg:#07111f;--surface:#0c1a2b;--surface-2:#102239;--border:#203651;--text:#edf5ff;--muted:#8ba3bd;--subtle:#607a95;--accent:#3e9af0;--accent-2:#79baff;--green:#40d8b0;--amber:#f0bd63;--coral:#f07178;color-scheme:dark }
[data-theme="light"] { --bg:#f3f5f8;--surface:#fff;--surface-2:#f7f8fb;--border:#dfe3ea;--text:#172033;--muted:#627086;--subtle:#8994a6;--accent:#6557d8;--accent-2:#7568e7;--green:#198d60;--amber:#ad741c;--coral:#cf4d54;color-scheme:light }
[data-theme="contrast"] { --bg:#000;--surface:#0a0a0a;--surface-2:#111;--border:#4a4a4a;--text:#fff;--muted:#d4d4d4;--subtle:#aaa;--accent:#b7a8ff;--accent-2:#d0c8ff;--green:#5cffb4;--amber:#ffd36b;--coral:#ff7f86;color-scheme:dark }
.theme-picker{position:relative}.theme-menu{position:absolute;top:43px;right:0;width:182px;padding:6px;border:1px solid var(--border);border-radius:10px;background:var(--surface);box-shadow:0 18px 50px #0008;opacity:0;visibility:hidden;transform:translateY(-5px);transition:.18s;z-index:30}.theme-menu.open{opacity:1;visibility:visible;transform:none}.theme-menu button{width:100%;display:grid;grid-template-columns:19px 1fr 15px;gap:8px;align-items:center;padding:8px;border:0;border-radius:7px;color:var(--muted);background:transparent;text-align:left;font-size:10px}.theme-menu button:hover,.theme-menu button.active{color:var(--text);background:var(--surface-2)}.theme-menu b{color:var(--accent-2)}.swatch{width:17px;height:17px;display:block;border:1px solid #ffffff28;border-radius:50%}.swatch.soc{background:linear-gradient(135deg,#080b12 50%,#8b7cf6 50%)}.swatch.midnight{background:linear-gradient(135deg,#07111f 50%,#3e9af0 50%)}.swatch.light{background:linear-gradient(135deg,#f3f5f8 50%,#6557d8 50%)}.swatch.contrast{background:linear-gradient(135deg,#000 50%,#fff 50%)}
.finding-card.expanded .finding-detail{max-height:430px}.finding-workflow{grid-column:1/-1;display:grid;grid-template-columns:160px 1fr auto;gap:10px;align-items:end;padding-top:4px}.finding-workflow label{color:var(--muted);font-size:8px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.finding-workflow select,.finding-workflow input{width:100%;height:32px;margin-top:5px;padding:0 9px;border:1px solid var(--border);border-radius:6px;color:var(--text);background:var(--surface-2);font-size:9px;text-transform:none}.save-disposition{height:32px;padding:0 11px;border:0;border-radius:6px;color:#fff;background:var(--accent);font-size:9px;font-weight:700}.criticality-select{padding:4px 6px;border:1px solid transparent;border-radius:5px;color:#9ba4b5;background:#1b212c;font-size:9px;outline:none}.criticality-select.high,.criticality-select.critical{color:#ef8587;background:#2e2024}.criticality-select.medium{color:#e2ae62;background:#2b251b}.criticality-select.low{color:#6ed7a2;background:#172a24}
.operations-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:14px;margin-top:14px;scroll-margin-top:85px}.alerts-list,.readiness-list{margin-top:16px}.alert-row{display:grid;grid-template-columns:8px 1fr auto;gap:10px;align-items:center;padding:11px 0;border-bottom:1px solid var(--border)}.alert-row:last-child{border:0}.alert-indicator{width:6px;height:6px;border-radius:50%;background:var(--muted)}.alert-indicator.critical,.alert-indicator.high{background:var(--coral)}.alert-indicator.medium{background:var(--amber)}.alert-indicator.low{background:var(--green)}.alert-row strong{font-size:10px}.alert-row p{margin:3px 0;color:var(--muted);font-size:9px}.alert-row small{color:var(--subtle);font-size:8px}.alert-row button{padding:6px 8px;border:1px solid var(--border);border-radius:6px;color:var(--accent-2);background:var(--surface-2);font-size:8px}.acknowledged{color:var(--green);font-size:8px}.readiness-panel .panel-header>strong{color:var(--accent-2);font:700 20px Manrope}.readiness-track{height:5px;margin-top:16px;border-radius:4px;background:var(--border);overflow:hidden}.readiness-track i{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--accent),var(--green));transition:width .5s}.readiness-list{max-height:260px;overflow-y:auto}.readiness-row{display:grid;grid-template-columns:23px 1fr;gap:9px;padding:9px 0;border-bottom:1px solid var(--border)}.readiness-row>i{width:20px;height:20px;display:grid;place-items:center;border-radius:50%;font-style:normal;font-size:9px}.readiness-row>i.ready{color:var(--green);background:#183126}.readiness-row>i.action_required{color:var(--amber);background:#302719}.readiness-row strong{display:block;font-size:9px}.readiness-row p{margin:3px 0 0;color:var(--muted);font-size:8px;line-height:1.45}
.login-gate{position:fixed;inset:0;display:grid;place-items:center;padding:20px;background:var(--bg);z-index:100;opacity:0;visibility:hidden;transition:.2s}.login-gate.open{opacity:1;visibility:visible}.login-card{width:min(390px,100%);padding:30px;border:1px solid var(--border);border-radius:16px;background:var(--surface);box-shadow:0 30px 90px #0008}.login-card>.brand-mark{margin-bottom:22px}.login-card h2{margin:0;font-size:20px}.login-card>div p{margin:6px 0 22px;color:var(--muted);font-size:11px}.login-card label{display:block;color:var(--muted);font-size:9px;font-weight:700;text-transform:uppercase}.login-card input{width:100%;height:42px;margin:7px 0 12px;padding:0 12px;border:1px solid var(--border);border-radius:8px;color:var(--text);background:var(--surface-2)}.login-card .primary-button{width:100%;justify-content:center}.login-message{min-height:15px;margin:10px 0 0;color:var(--coral);font-size:9px;text-align:center}
[data-theme="light"] body{background:var(--bg);color:var(--text)}[data-theme="light"] .sidebar,[data-theme="light"] .topbar,[data-theme="light"] .metric-card,[data-theme="light"] .panel{background:var(--surface);color:var(--text)}[data-theme="light"] .nav-item.active{color:#332a7d;background:#ebe8ff}[data-theme="light"] .input-row,[data-theme="light"] .search-box,[data-theme="light"] th,[data-theme="light"] .finding-detail,[data-theme="light"] .analyst-note{background:#f7f8fb}[data-theme="light"] .metric-card,[data-theme="light"] .panel{box-shadow:0 12px 32px #2635520d}[data-theme="light"] .health-ring::before,[data-theme="light"] .score-orbit::before{background:#fff}[data-theme="light"] h1,[data-theme="light"] h2,[data-theme="light"] .metric-card>strong{color:var(--text)}
[data-theme="midnight"] .sidebar,[data-theme="midnight"] .topbar,[data-theme="midnight"] .metric-card,[data-theme="midnight"] .panel{background:linear-gradient(145deg,#0d1b2beF,#091522ef);border-color:var(--border)}[data-theme="midnight"] .nav-item.active{background:#122b47;box-shadow:inset 3px 0 var(--accent)}[data-theme="midnight"] .brand-mark,[data-theme="midnight"] .primary-button{background:linear-gradient(145deg,#4ba8f6,#2378c8)}[data-theme="contrast"] .sidebar,[data-theme="contrast"] .topbar,[data-theme="contrast"] .metric-card,[data-theme="contrast"] .panel{background:#080808;border-color:#555}[data-theme="contrast"] .nav-item.active{background:#242424;box-shadow:inset 4px 0 var(--accent)}[data-theme="contrast"] .muted,[data-theme="contrast"] .panel-header p{color:#c5c5c5}
@media(max-width:760px){.operations-grid{grid-template-columns:1fr}.finding-workflow{grid-template-columns:1fr}}

/* Theme Studio — cohesive visual identities */
.theme-menu{width:234px;max-height:min(520px,calc(100vh - 76px));overflow-y:auto;padding:8px;border-radius:14px;backdrop-filter:blur(24px);scrollbar-width:thin;scrollbar-color:var(--border) transparent}
.theme-menu button{grid-template-columns:24px 1fr 15px;padding:9px;gap:10px}
.theme-menu button span strong,.theme-menu button span small{display:block}.theme-menu button span strong{font-size:10px;color:var(--text)}.theme-menu button span small{margin-top:2px;color:var(--subtle);font-size:8px}.theme-menu .swatch{width:23px;height:23px;box-shadow:inset 0 0 0 1px #fff1,0 3px 10px #0003}.swatch.ember{background:linear-gradient(135deg,#19100c 48%,#ff713d 50%)}
.swatch.neon{background:linear-gradient(135deg,#05070c 42%,#00e5ff 43% 70%,#fa4bff 71%)}.swatch.forest{background:linear-gradient(135deg,#07130f 48%,#28d18c 49% 75%,#e8bd58 76%)}.swatch.solar{background:linear-gradient(135deg,#f1ead9 48%,#173b5c 49% 75%,#e89124 76%)}.swatch.crimson{background:linear-gradient(135deg,#100b0e 48%,#ef3f5c 49% 75%,#ff9a55 76%)}
.swatch.ocean{background:linear-gradient(135deg,#f3f9fc 48%,#138eb8 49% 75%,#74d2e8 76%)}.swatch.lavender{background:linear-gradient(135deg,#f8f5fc 48%,#7658c8 49% 75%,#dc8bb7 76%)}.swatch.mint{background:linear-gradient(135deg,#f1faf6 48%,#16866c 49% 75%,#76d8b2 76%)}

/* Aurora Glass */
[data-theme="soc"] body{background:
 radial-gradient(circle at 78% -5%,#713dba26 0,transparent 29%),
 radial-gradient(circle at 30% 105%,#20b88b1c 0,transparent 32%),
 linear-gradient(145deg,#070910,#0a0d16 54%,#080b12)}
[data-theme="soc"] body::before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.22;background-image:linear-gradient(#ffffff05 1px,transparent 1px),linear-gradient(90deg,#ffffff05 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,#000,transparent 70%)}
[data-theme="soc"] .sidebar{background:#080b12dd;backdrop-filter:blur(24px)}
[data-theme="soc"] .topbar{background:#080b12b8}
[data-theme="soc"] .metric-card,[data-theme="soc"] .panel{background:linear-gradient(145deg,#151927c9,#0c1019d9);border-color:#ffffff12;box-shadow:inset 0 1px #ffffff08,0 22px 55px #0004;backdrop-filter:blur(18px)}
[data-theme="soc"] .metric-card:hover{border-color:#9f91f744;box-shadow:inset 0 1px #ffffff0d,0 25px 65px #0006,0 0 30px #8b7cf60b}
[data-theme="soc"] .nav-item.active{background:linear-gradient(90deg,#8b7cf624,#50d5aa0a);box-shadow:inset 3px 0 #9d8fff}
[data-theme="soc"] .primary-button{background:linear-gradient(120deg,#9a89fa,#6e5ee2 58%,#4ebf9b)}

/* Cobalt Matrix */
[data-theme="midnight"]{--accent:#2eb8ff;--accent-2:#7dd7ff;--green:#38e0c1}
[data-theme="midnight"] body{background:radial-gradient(circle at 75% 0,#006caa2e,transparent 32%),linear-gradient(150deg,#03101d,#06182a 55%,#04111d)}
[data-theme="midnight"] body::before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(#29b6f60a 1px,transparent 1px),linear-gradient(90deg,#29b6f60a 1px,transparent 1px);background-size:32px 32px;mask-image:radial-gradient(circle at 60% 30%,black,transparent 70%)}
[data-theme="midnight"] .ambient-one{background:#058de8;opacity:.2}.ambient-two{background:#00e6b8;opacity:.13}
[data-theme="midnight"] .sidebar{background:#03101df0;border-right-color:#163854}
[data-theme="midnight"] .topbar{background:#041321d6;border-color:#163854}
[data-theme="midnight"] .metric-card,[data-theme="midnight"] .panel{background:linear-gradient(145deg,#0c2237e8,#071725ed);border-color:#1a3a55;box-shadow:inset 0 1px #58c8ff0d,0 20px 50px #00101f66}
[data-theme="midnight"] .metric-card::after{background:#25b9ff;opacity:.15}
[data-theme="midnight"] .nav-item.active{color:#d9f4ff;background:linear-gradient(90deg,#0c4164,#08273e);box-shadow:inset 3px 0 #35c5ff}
[data-theme="midnight"] .brand-mark,[data-theme="midnight"] .primary-button{background:linear-gradient(135deg,#18b9ee,#176ed0);box-shadow:0 9px 28px #00a8ff35}
[data-theme="midnight"] th{background:#061521;color:#5f8ba7}

/* Ember Command */
[data-theme="ember"]{--bg:#0d0907;--surface:#17100d;--surface-2:#211713;--border:#3a2921;--text:#fff4ed;--muted:#b49a8b;--subtle:#80695e;--accent:#ff713d;--accent-2:#ff9b66;--green:#7bd89e;--amber:#ffc35f;--coral:#ff626c;color-scheme:dark}
[data-theme="ember"] body{background:radial-gradient(circle at 85% 0,#b12b132e,transparent 31%),radial-gradient(circle at 20% 100%,#ff8b1820,transparent 28%),linear-gradient(145deg,#0b0807,#130b08)}
[data-theme="ember"] body::before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.2;background:repeating-linear-gradient(115deg,transparent 0 26px,#ff8a3d08 27px 28px)}
[data-theme="ember"] .ambient-one{background:#ff4f1f;opacity:.16}.ambient-two{background:#ffae32;opacity:.12}
[data-theme="ember"] .sidebar{background:#100b09ed;border-color:#38251d}
[data-theme="ember"] .topbar{background:#100a08d9;border-color:#38251d}
[data-theme="ember"] .metric-card,[data-theme="ember"] .panel{background:linear-gradient(145deg,#1e1511eb,#120d0bea);border-color:#3b2921;box-shadow:inset 0 1px #ffb78c0b,0 22px 55px #05020188}
[data-theme="ember"] .nav-item.active{color:#ffe2d1;background:linear-gradient(90deg,#51261a,#24140f);box-shadow:inset 3px 0 #ff7542}
[data-theme="ember"] .brand-mark,[data-theme="ember"] .primary-button{background:linear-gradient(135deg,#ff8b4b,#df3e20);box-shadow:0 9px 28px #ff582f2b}
[data-theme="ember"] .metric-icon.violet{color:#ff9b66;background:#3c2117}[data-theme="ember"] .score-orbit{background:conic-gradient(#ff713d var(--score),#38251e 0)}
[data-theme="ember"] th{background:#130d0b;color:#85695c}

/* Arctic Frost */
[data-theme="light"] body{background:radial-gradient(circle at 78% -10%,#879bf02d,transparent 30%),radial-gradient(circle at 15% 90%,#78d9e326,transparent 28%),linear-gradient(145deg,#edf2f9,#f7f9fc 55%,#eaf1f8)}
[data-theme="light"] body::before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.35;background-image:radial-gradient(#6781a51c 1px,transparent 1px);background-size:18px 18px;mask-image:linear-gradient(to bottom,#000,transparent 72%)}
[data-theme="light"] .sidebar{background:#f9fbfdde;border-color:#d9e2ed;backdrop-filter:blur(22px)}
[data-theme="light"] .topbar{background:#f7f9fbc9;border-color:#d9e2ed}
[data-theme="light"] .metric-card,[data-theme="light"] .panel{background:linear-gradient(145deg,#ffffffeb,#f7faffdd);border-color:#dbe4ef;box-shadow:inset 0 1px #fff,0 18px 45px #506b9020;backdrop-filter:blur(18px)}
[data-theme="light"] .nav-item{color:#718096}[data-theme="light"] .nav-item:hover{color:#29374d;background:#edf2fa}[data-theme="light"] .nav-item.active{color:#423798;background:linear-gradient(90deg,#e7e5ff,#eff7ff);box-shadow:inset 3px 0 #6c5ce7}
[data-theme="light"] .brand-mark,[data-theme="light"] .primary-button{background:linear-gradient(135deg,#7567e6,#4e7cde);box-shadow:0 9px 25px #596fd62c}
[data-theme="light"] .eyebrow{color:#5b50c4}[data-theme="light"] .metric-label,[data-theme="light"] .metric-foot{color:#758298}
[data-theme="light"] .brand,[data-theme="light"] .sidebar-footer strong{color:#172033}[data-theme="light"] .sidebar-footer span{color:#77859a}[data-theme="light"] .sidebar-footer{border-color:#d9e2ed}

/* Signal Contrast */
[data-theme="contrast"]{--accent:#b7ff36;--accent-2:#d0ff75;--green:#48ffab;--amber:#ffda45;--coral:#ff5c70}
[data-theme="contrast"] body{background:#000}
[data-theme="contrast"] body::before{content:"";position:fixed;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,transparent 0 3px,#fff 4px);opacity:.018}
[data-theme="contrast"] .ambient{display:none}
[data-theme="contrast"] .sidebar,[data-theme="contrast"] .topbar,[data-theme="contrast"] .metric-card,[data-theme="contrast"] .panel{background:#050505;border-color:#505050;box-shadow:none}
[data-theme="contrast"] .metric-card:hover{border-color:#b7ff36;transform:none}
[data-theme="contrast"] .nav-item{color:#d7d7d7}[data-theme="contrast"] .nav-item.active{color:#000;background:#b7ff36;box-shadow:none;font-weight:800}
[data-theme="contrast"] .brand-mark,[data-theme="contrast"] .primary-button{color:#000;background:#b7ff36;box-shadow:none}
[data-theme="contrast"] .eyebrow,[data-theme="contrast"] .metric-foot span{color:#b7ff36}[data-theme="contrast"] th{color:#fff;background:#111;border-bottom-color:#777}
[data-theme="contrast"] .metric-icon.violet{color:#b7ff36;background:#182300}[data-theme="contrast"] .plan-badge{color:#d7ff8d;background:#152000;border-color:#719f1b}

/* Obsidian Neon — vivid threat-hunting console */
[data-theme="neon"]{--bg:#03050a;--surface:#090d16;--surface-2:#101725;--border:#20304a;--text:#f2fbff;--muted:#91a6bb;--subtle:#61778d;--accent:#00d9f5;--accent-2:#70efff;--green:#27e5a1;--amber:#ffc857;--coral:#ff4f78;color-scheme:dark}
[data-theme="neon"] body{background:radial-gradient(circle at 78% 4%,#da22ff20,transparent 28%),radial-gradient(circle at 25% 100%,#00d9f51c,transparent 34%),linear-gradient(150deg,#020409,#080c15 58%,#050711)}
[data-theme="neon"] body::before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.27;background:linear-gradient(90deg,transparent 49.8%,#00ddff10 50%,transparent 50.2%),linear-gradient(#ffffff06 1px,transparent 1px);background-size:84px 26px;mask-image:linear-gradient(to bottom,#000,transparent 80%)}
[data-theme="neon"] .ambient-one{background:#00dcff;opacity:.17}[data-theme="neon"] .ambient-two{background:#f442ff;opacity:.15}
[data-theme="neon"] .sidebar,[data-theme="neon"] .topbar{background:#050811dc;border-color:#18314b;backdrop-filter:blur(22px)}
[data-theme="neon"] .metric-card,[data-theme="neon"] .panel{background:linear-gradient(145deg,#0d1421e8,#070b13ee);border-color:#1b3850;box-shadow:inset 0 1px #6eecff12,0 22px 58px #0008}
[data-theme="neon"] .nav-item.active{color:#eaffff;background:linear-gradient(90deg,#043a48,#16132c);box-shadow:inset 3px 0 #00e5ff}
[data-theme="neon"] .brand-mark,[data-theme="neon"] .primary-button{background:linear-gradient(135deg,#00d9f5,#5368ed 62%,#d442e8);box-shadow:0 9px 30px #00d9f52c}
[data-theme="neon"] th{background:#070b13;color:#688ca4}[data-theme="neon"] .metric-icon.violet{color:#fa70ff;background:#281432}

/* Forest Sentinel — calm intelligence and infrastructure monitoring */
[data-theme="forest"]{--bg:#06100d;--surface:#0b1914;--surface-2:#10231b;--border:#244336;--text:#effbf5;--muted:#91ad9e;--subtle:#657f71;--accent:#28c887;--accent-2:#67e7ac;--green:#3bdd9b;--amber:#e8bd58;--coral:#ff6f68;color-scheme:dark}
[data-theme="forest"] body{background:radial-gradient(ellipse at 75% 0,#20b77a24,transparent 32%),radial-gradient(ellipse at 8% 100%,#d5a93212,transparent 30%),linear-gradient(145deg,#040c09,#0a1711 58%,#07100d)}
[data-theme="forest"] body::before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.23;background-image:radial-gradient(circle at center,#58d7a31c 1px,transparent 1.5px);background-size:24px 24px;mask-image:radial-gradient(circle at 65% 35%,black,transparent 72%)}
[data-theme="forest"] .ambient-one{background:#22bd7f;opacity:.16}[data-theme="forest"] .ambient-two{background:#dcae3e;opacity:.1}
[data-theme="forest"] .sidebar,[data-theme="forest"] .topbar{background:#07130fed;border-color:#1d3b2e}
[data-theme="forest"] .metric-card,[data-theme="forest"] .panel{background:linear-gradient(145deg,#10241be8,#091610ed);border-color:#244536;box-shadow:inset 0 1px #81e8ba0c,0 22px 55px #01080588}
[data-theme="forest"] .nav-item.active{color:#eafff4;background:linear-gradient(90deg,#164c36,#10271e);box-shadow:inset 3px 0 #36d995}
[data-theme="forest"] .brand-mark,[data-theme="forest"] .primary-button{background:linear-gradient(135deg,#35d695,#137653);box-shadow:0 9px 28px #22c98729}
[data-theme="forest"] th{background:#091610;color:#6c9780}[data-theme="forest"] .metric-icon.violet{color:#e8bd58;background:#302814}

/* Solar Tactical — warm daylight operations room */
[data-theme="solar"]{--bg:#ede6d7;--surface:#fffaf0;--surface-2:#f3ebdc;--border:#d8cbb7;--text:#172e42;--muted:#64717a;--subtle:#89918f;--accent:#d87818;--accent-2:#a94f0f;--green:#187c61;--amber:#b56b12;--coral:#c84949;color-scheme:light}
[data-theme="solar"] body{background:radial-gradient(circle at 82% 0,#f5b64d3b,transparent 30%),radial-gradient(circle at 10% 100%,#2f779c20,transparent 30%),linear-gradient(145deg,#ebe1d0,#f8f3e9 55%,#e8dfcf)}
[data-theme="solar"] body::before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.32;background:repeating-linear-gradient(120deg,transparent 0 39px,#3d536b0b 40px 41px)}
[data-theme="solar"] .sidebar,[data-theme="solar"] .topbar{background:#fffaf0df;border-color:#d7c9b4;backdrop-filter:blur(20px)}
[data-theme="solar"] .metric-card,[data-theme="solar"] .panel{color:var(--text);background:linear-gradient(145deg,#fffdf7ed,#f5eddfeb);border-color:#d8cab5;box-shadow:inset 0 1px #fff,0 18px 42px #5b49351d}
[data-theme="solar"] .nav-item{color:#65717a}[data-theme="solar"] .nav-item:hover{color:#17354c;background:#efe5d4}[data-theme="solar"] .nav-item.active{color:#173b5c;background:linear-gradient(90deg,#f4d5a9,#f5ead9);box-shadow:inset 3px 0 #d8791c}
[data-theme="solar"] .brand-mark,[data-theme="solar"] .primary-button{background:linear-gradient(135deg,#ed9a32,#c76416);box-shadow:0 9px 26px #c76c232c}
[data-theme="solar"] th,[data-theme="solar"] .input-row,[data-theme="solar"] .search-box,[data-theme="solar"] .finding-detail,[data-theme="solar"] .analyst-note{background:#f4ecde}[data-theme="solar"] th{color:#7d756b}
[data-theme="solar"] .brand,[data-theme="solar"] h1,[data-theme="solar"] h2,[data-theme="solar"] .metric-card>strong,[data-theme="solar"] .sidebar-footer strong{color:#172e42}[data-theme="solar"] .health-ring::before,[data-theme="solar"] .score-orbit::before{background:#fffaf0}

/* Crimson Ops — focused incident-response command center */
[data-theme="crimson"]{--bg:#0c080a;--surface:#160e12;--surface-2:#21141a;--border:#40242e;--text:#fff3f5;--muted:#b49aa2;--subtle:#806770;--accent:#e83f59;--accent-2:#ff7589;--green:#57d69a;--amber:#ffb858;--coral:#ff536a;color-scheme:dark}
[data-theme="crimson"] body{background:radial-gradient(circle at 80% 0,#d61f462b,transparent 32%),radial-gradient(circle at 12% 100%,#f4773020,transparent 28%),linear-gradient(150deg,#090608,#150a0f 58%,#0b0709)}
[data-theme="crimson"] body::before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.24;background:repeating-linear-gradient(135deg,transparent 0 48px,#ff52650a 49px 50px)}
[data-theme="crimson"] .ambient-one{background:#ee294f;opacity:.18}[data-theme="crimson"] .ambient-two{background:#ff783d;opacity:.12}
[data-theme="crimson"] .sidebar,[data-theme="crimson"] .topbar{background:#110a0edc;border-color:#3a2029;backdrop-filter:blur(20px)}
[data-theme="crimson"] .metric-card,[data-theme="crimson"] .panel{background:linear-gradient(145deg,#211218e8,#120b0eed);border-color:#40232c;box-shadow:inset 0 1px #ff87980c,0 22px 55px #05010288}
[data-theme="crimson"] .nav-item.active{color:#fff1f3;background:linear-gradient(90deg,#541a29,#261018);box-shadow:inset 3px 0 #f04a62}
[data-theme="crimson"] .brand-mark,[data-theme="crimson"] .primary-button{background:linear-gradient(135deg,#f25368,#b8183b);box-shadow:0 9px 30px #e52c4a30}
[data-theme="crimson"] th{background:#120b0e;color:#89646e}[data-theme="crimson"] .metric-icon.violet{color:#ff9a55;background:#361c16}

/* Coastal Intelligence — airy blue daylight workspace */
[data-theme="ocean"]{--bg:#eaf4f8;--surface:#fbfdfe;--surface-2:#eef7fa;--border:#c9dfe8;--text:#173548;--muted:#5e7785;--subtle:#849aa5;--accent:#1285ad;--accent-2:#09698e;--green:#158367;--amber:#a86b18;--coral:#c64f61;color-scheme:light}
[data-theme="ocean"] body{background:radial-gradient(circle at 82% -8%,#79d0e84a,transparent 31%),radial-gradient(circle at 8% 100%,#5d9fc72b,transparent 28%),linear-gradient(145deg,#e7f2f7,#f8fbfc 56%,#e6f1f5)}
[data-theme="ocean"] body::before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.35;background-image:linear-gradient(#187ca90a 1px,transparent 1px),linear-gradient(90deg,#187ca90a 1px,transparent 1px);background-size:36px 36px;mask-image:linear-gradient(to bottom,#000,transparent 76%)}
[data-theme="ocean"] .sidebar,[data-theme="ocean"] .topbar{background:#fafdfee3;border-color:#c8dfe8;backdrop-filter:blur(22px)}
[data-theme="ocean"] .metric-card,[data-theme="ocean"] .panel{background:linear-gradient(145deg,#ffffffef,#f0f8fae8);border-color:#cbdfe7;box-shadow:inset 0 1px #fff,0 18px 44px #315c7018}
[data-theme="ocean"] .nav-item{color:#647d8a}[data-theme="ocean"] .nav-item:hover{color:#183b50;background:#e9f4f8}[data-theme="ocean"] .nav-item.active{color:#075c7c;background:linear-gradient(90deg,#d5edf5,#edf8fb);box-shadow:inset 3px 0 #1594bd}
[data-theme="ocean"] .brand-mark,[data-theme="ocean"] .primary-button{background:linear-gradient(135deg,#29a9ce,#08749e);box-shadow:0 9px 25px #1686ad28}

/* Lavender Cloud — soft, polished executive reporting */
[data-theme="lavender"]{--bg:#f0edf7;--surface:#fdfbff;--surface-2:#f3eef9;--border:#ddd3eb;--text:#302746;--muted:#736985;--subtle:#9a90aa;--accent:#7356bf;--accent-2:#5c409f;--green:#2f8669;--amber:#a36c19;--coral:#c45270;color-scheme:light}
[data-theme="lavender"] body{background:radial-gradient(circle at 78% -6%,#b99de65a,transparent 30%),radial-gradient(circle at 14% 100%,#e7a9ca3b,transparent 29%),linear-gradient(145deg,#eeeaf6,#fbf9fd 58%,#f1ebf7)}
[data-theme="lavender"] body::before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.3;background-image:radial-gradient(#7657b91b 1px,transparent 1.5px);background-size:22px 22px;mask-image:radial-gradient(circle at 65% 28%,black,transparent 72%)}
[data-theme="lavender"] .sidebar,[data-theme="lavender"] .topbar{background:#fdfbffe3;border-color:#ddd3e9;backdrop-filter:blur(22px)}
[data-theme="lavender"] .metric-card,[data-theme="lavender"] .panel{background:linear-gradient(145deg,#fffefeef,#f5f0fae8);border-color:#ded4eb;box-shadow:inset 0 1px #fff,0 18px 44px #4c356d17}
[data-theme="lavender"] .nav-item{color:#766d86}[data-theme="lavender"] .nav-item:hover{color:#35294d;background:#f0eaf7}[data-theme="lavender"] .nav-item.active{color:#543697;background:linear-gradient(90deg,#e8ddf6,#f7eff8);box-shadow:inset 3px 0 #7957c6}
[data-theme="lavender"] .brand-mark,[data-theme="lavender"] .primary-button{background:linear-gradient(135deg,#9272dc,#6744ad 65%,#c76c9f);box-shadow:0 9px 25px #7653b72b}

/* Mint Circuit — clean teal operations workspace */
[data-theme="mint"]{--bg:#e9f5f0;--surface:#fbfefc;--surface-2:#edf7f3;--border:#cae2d9;--text:#173c35;--muted:#5e7b72;--subtle:#879f97;--accent:#168369;--accent-2:#0b6955;--green:#137a5d;--amber:#a36e1b;--coral:#c6515b;color-scheme:light}
[data-theme="mint"] body{background:radial-gradient(circle at 82% -7%,#76d7b54d,transparent 31%),radial-gradient(circle at 8% 100%,#62ad9a2d,transparent 29%),linear-gradient(145deg,#e4f2ec,#f9fcfa 57%,#e7f3ee)}
[data-theme="mint"] body::before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.3;background:repeating-linear-gradient(120deg,transparent 0 47px,#1878610a 48px 49px)}
[data-theme="mint"] .sidebar,[data-theme="mint"] .topbar{background:#fbfefce3;border-color:#c9e1d8;backdrop-filter:blur(22px)}
[data-theme="mint"] .metric-card,[data-theme="mint"] .panel{background:linear-gradient(145deg,#ffffffef,#eff8f4e8);border-color:#cce2da;box-shadow:inset 0 1px #fff,0 18px 44px #315e5017}
[data-theme="mint"] .nav-item{color:#647f76}[data-theme="mint"] .nav-item:hover{color:#173f36;background:#eaf5f0}[data-theme="mint"] .nav-item.active{color:#075f4d;background:linear-gradient(90deg,#d5eee5,#eff9f5);box-shadow:inset 3px 0 #1a9475}
[data-theme="mint"] .brand-mark,[data-theme="mint"] .primary-button{background:linear-gradient(135deg,#31b48f,#10745d);box-shadow:0 9px 25px #16826927}

/* Shared daylight component treatment */
:is([data-theme="ocean"],[data-theme="lavender"],[data-theme="mint"]) :is(.brand,h1,h2,.metric-card>strong,.sidebar-footer strong){color:var(--text)}
:is([data-theme="ocean"],[data-theme="lavender"],[data-theme="mint"]) :is(th,.input-row,.search-box,.finding-detail,.analyst-note,.report-command){background:var(--surface-2);color:var(--text)}
:is([data-theme="ocean"],[data-theme="lavender"],[data-theme="mint"]) :is(.health-ring::before,.score-orbit::before){background:var(--surface)}
:is([data-theme="ocean"],[data-theme="lavender"],[data-theme="mint"]) .theme-menu{box-shadow:0 18px 50px #334b5b24}

/* Light palettes — keep every application surface light, not only the page shell. */
:is([data-theme="light"],[data-theme="solar"],[data-theme="ocean"],[data-theme="lavender"],[data-theme="mint"]) :is(.value-strip article,.benefit-card,.benefit-card.featured,.onboarding-panel,.onboarding-steps article,.severity-tile,.segmented,.modal,.toast,.secondary-button,.icon-button,.mobile-menu){
    color:var(--text);background:var(--surface);border-color:var(--border);box-shadow:0 14px 34px color-mix(in srgb,var(--text) 8%,transparent)
}
:is([data-theme="light"],[data-theme="solar"],[data-theme="ocean"],[data-theme="lavender"],[data-theme="mint"]) :is(.input-row,.search-box,.finding-detail,.analyst-note,.report-command,.report-host,.report-summary>div,.schedule-card,.billing-benefits>div,.apikey-value,.segmented button.active){
    color:var(--text);background:var(--surface-2);border-color:var(--border)
}
:is([data-theme="light"],[data-theme="solar"],[data-theme="ocean"],[data-theme="lavender"],[data-theme="mint"]) :is(.value-strip strong,.benefit-card h2,.finding-title strong,.asset-cell strong,.health-details strong,.severity-tile strong,.empty-state strong,.apikey-value){color:var(--text)}
:is([data-theme="light"],[data-theme="solar"],[data-theme="ocean"],[data-theme="lavender"],[data-theme="mint"]) :is(.value-strip p,.benefit-card p,.finding-main,.finding-detail p,.health-details>div,.empty-state,.toast,.secondary-button){color:var(--muted)}
:is([data-theme="light"],[data-theme="solar"],[data-theme="ocean"],[data-theme="lavender"],[data-theme="mint"]) :is(.finding-main:hover,tbody tr:hover,.severity-tile:hover,.severity-tile.selected){background:color-mix(in srgb,var(--accent) 7%,var(--surface))}
:is([data-theme="light"],[data-theme="solar"],[data-theme="ocean"],[data-theme="lavender"],[data-theme="mint"]) :is(.nav-count,.trend.neutral,.criticality,.status){color:var(--muted);background:color-mix(in srgb,var(--text) 7%,var(--surface))}
:is([data-theme="light"],[data-theme="solar"],[data-theme="ocean"],[data-theme="lavender"],[data-theme="mint"]) .modal-backdrop{background:color-mix(in srgb,var(--text) 28%,transparent)}
[data-theme] .input-row button,[data-theme] .save-disposition{background:var(--accent)}
[data-theme] .workspace-avatar{color:var(--accent-2);background:color-mix(in srgb,var(--accent) 15%,var(--surface));border-color:color-mix(in srgb,var(--accent) 35%,var(--border))}
[data-theme] .plan-badge{color:var(--accent-2);background:color-mix(in srgb,var(--accent) 12%,var(--surface));border-color:color-mix(in srgb,var(--accent) 28%,var(--border))}
[data-theme] .panel-chip{background:var(--surface-2);border-color:var(--border)}

/* Persistent scan reports */
.scan-result{display:flex;align-items:center;justify-content:space-between;gap:10px}.report-button{padding:5px 8px;border:1px solid var(--border);border-radius:6px;color:var(--accent-2);background:var(--surface-2);font-size:8px;white-space:nowrap}.report-button:hover{border-color:var(--accent);color:var(--text)}
.report-modal{width:min(820px,94vw);max-height:86vh}.scan-report-content{margin-top:18px;max-height:68vh;overflow-y:auto;padding-right:4px}.report-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.report-summary>div{padding:12px;border:1px solid var(--border);border-radius:8px;background:var(--surface-2)}.report-summary span,.report-command>span{display:block;color:var(--subtle);font-size:8px;text-transform:uppercase;letter-spacing:.6px}.report-summary strong{display:block;margin-top:5px;color:var(--text);font-size:11px}.report-command{margin-top:10px;padding:11px 12px;border:1px solid var(--border);border-radius:8px;background:#080c13}.report-command code{display:block;margin-top:6px;color:#a9a1ec;font:9px/1.5 ui-monospace,monospace;white-space:normal;word-break:break-word}.report-warning{margin-top:10px;padding:10px 12px;border-left:3px solid var(--amber);background:#2e26191f}.report-warning strong{color:var(--amber);font-size:9px}.report-warning p{margin:4px 0 0;color:var(--muted);font-size:9px;line-height:1.5;white-space:pre-wrap}.report-hosts{display:grid;gap:9px;margin-top:12px}.report-host{border:1px solid var(--border);border-radius:9px;background:var(--surface-2);overflow:hidden}.report-host-head{display:flex;justify-content:space-between;align-items:center;padding:11px 13px;border-bottom:1px solid var(--border)}.report-host-head strong,.report-host-head span{display:block}.report-host-head strong{font-size:11px}.report-host-head span{margin-top:3px;color:var(--muted);font:9px ui-monospace,monospace}.report-host-head b{padding:4px 7px;border-radius:5px;color:var(--accent-2);background:color-mix(in srgb,var(--accent) 12%,transparent);font-size:8px}.report-services>div{display:grid;grid-template-columns:80px 1fr auto;gap:10px;align-items:center;padding:9px 13px;border-bottom:1px solid var(--border)}.report-services>div:last-child{border:0}.report-services strong{color:var(--accent-2);font:9px ui-monospace,monospace}.report-services span{color:var(--muted);font-size:9px}.report-services i{color:var(--green);font-size:8px;font-style:normal}.report-services>p{margin:0;padding:12px;color:var(--muted);font-size:9px}
@media(max-width:600px){.report-summary{grid-template-columns:1fr 1fr}.report-services>div{grid-template-columns:65px 1fr}.report-services i{display:none}.scan-result{align-items:flex-start;flex-direction:column}}
.schedules-panel { padding-bottom: 18px; }
.schedule-form { display: grid; grid-template-columns: 1fr 1fr .8fr auto; gap: 12px; padding: 18px 20px; border-top: 1px solid var(--border); border-bottom: 1px solid var(--border); align-items: end; }
.schedule-form label { display: grid; gap: 7px; color: var(--muted); font-size: 12px; font-weight: 700; }
.schedule-form input, .schedule-form select { min-height: 42px; padding: 0 12px; border: 1px solid var(--border); border-radius: 10px; color: var(--text); background: var(--input, rgba(7, 14, 25, .6)); outline: none; }
.schedule-form input:focus, .schedule-form select:focus { border-color: var(--accent); box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent) 16%, transparent); }
.schedules-list { display: grid; gap: 10px; padding: 16px 20px 6px; }
.schedule-card { display: grid; grid-template-columns: 85px minmax(0, 1fr) auto; gap: 16px; align-items: center; padding: 14px; border: 1px solid var(--border); border-radius: 12px; background: color-mix(in srgb, var(--panel) 82%, transparent); }
.schedule-card.disabled { opacity: .66; }
.schedule-state { display: flex; gap: 7px; align-items: center; color: var(--success); font-size: 12px; font-weight: 700; }
.schedule-state i { width: 7px; height: 7px; border-radius: 50%; background: currentColor; box-shadow: 0 0 10px currentColor; }
.schedule-card.disabled .schedule-state { color: var(--muted); }
.schedule-copy { display: grid; gap: 4px; min-width: 0; }
.schedule-copy strong { font-size: 14px; }
.schedule-copy code { color: var(--accent); font: 600 12px/1.4 ui-monospace, SFMono-Regular, Consolas, monospace; }
.schedule-copy small, .schedule-runtime-note { color: var(--muted); }
.schedule-actions { display: flex; gap: 8px; align-items: center; }
.schedule-runtime-note { margin: 10px 20px 0; font-size: 12px; line-height: 1.55; }
.schedule-runtime-note strong { color: var(--text); }
@media (max-width: 900px) {
    .schedule-form { grid-template-columns: 1fr 1fr; }
    .schedule-card { grid-template-columns: 1fr; }
    .schedule-actions { flex-wrap: wrap; }
}
@media (max-width: 560px) { .schedule-form { grid-template-columns: 1fr; } }
.premium-mini { display: inline-flex; padding: 4px 7px; border: 1px solid color-mix(in srgb, var(--accent) 40%, transparent); border-radius: 999px; color: var(--accent); font-size: 10px; font-weight: 800; text-transform: uppercase; letter-spacing: .04em; }
.premium-workflow-note { padding: 12px 14px; border: 1px dashed color-mix(in srgb, var(--accent) 45%, var(--border)); border-radius: 10px; color: var(--accent); font-size: 12px; font-weight: 750; }
.premium-disabled { opacity: .55; cursor: not-allowed; }
.premium-section { position: relative; }
.premium-section.premium-locked > * { opacity: .28; pointer-events: none; filter: saturate(.45); }
.premium-section.premium-locked::after { content: "✦ PREMIUM  ·  Continuous monitoring, change alerts and operational controls"; position: absolute; z-index: 3; inset: 50% auto auto 50%; transform: translate(-50%, -50%); width: min(460px, calc(100% - 36px)); padding: 15px 18px; border: 1px solid color-mix(in srgb, var(--accent) 45%, var(--border)); border-radius: 12px; color: var(--text); background: color-mix(in srgb, var(--panel) 94%, transparent); box-shadow: 0 18px 50px rgba(0,0,0,.28); text-align: center; font-size: 12px; font-weight: 800; letter-spacing: .035em; }
.upgrade-button { min-height: 34px; padding: 0 13px; border: 1px solid color-mix(in srgb, var(--accent) 55%, transparent); border-radius: 9px; color: #fff; background: linear-gradient(135deg, var(--accent), #5a48d8); font-size: 12px; font-weight: 800; cursor: pointer; box-shadow: 0 8px 24px color-mix(in srgb, var(--accent) 22%, transparent); }
.upgrade-button:disabled { opacity: .5; cursor: not-allowed; }
.account-button { min-height: 34px; padding: 0 12px; border: 1px solid var(--border); border-radius: 9px; color: var(--text); background: color-mix(in srgb, var(--panel) 80%, transparent); font-size: 12px; font-weight: 750; cursor: pointer; }
.billing-modal { max-width: 520px; }
.billing-benefits { display: grid; gap: 10px; margin: 20px 0; }
.billing-benefits > div { display: flex; gap: 12px; padding: 13px; border: 1px solid var(--border); border-radius: 11px; background: color-mix(in srgb, var(--panel) 82%, transparent); }
.billing-benefits i { display: grid; place-items: center; flex: 0 0 24px; height: 24px; border-radius: 50%; color: var(--success); background: color-mix(in srgb, var(--success) 13%, transparent); font-style: normal; font-weight: 900; }
.billing-benefits span { display: grid; gap: 3px; }
.billing-benefits small, .billing-security { color: var(--muted); }
.billing-form { display: grid; gap: 9px; }
.billing-form label { color: var(--muted); font-size: 12px; font-weight: 700; }
.billing-form input { min-height: 45px; padding: 0 13px; border: 1px solid var(--border); border-radius: 10px; color: var(--text); background: var(--input, rgba(7,14,25,.6)); }
.billing-security { margin: 14px 0 0; font-size: 11px; line-height: 1.5; text-align: center; }
.asset-intelligence-button { width: 100%; padding: 0; border: 0; color: inherit; background: transparent; text-align: left; cursor: pointer; }
.asset-intelligence-button em { margin-left: auto; color: var(--accent); font-size: 8px; font-style: normal; font-weight: 800; opacity: 0; transition: .2s; }
.asset-intelligence-button:hover em { opacity: 1; }
.asset-intelligence-modal { width: min(1120px, 96vw); max-height: 92vh; }
.asset-intelligence-content { margin-top: 16px; max-height: 76vh; overflow-y: auto; padding-right: 3px; }
.intel-hero { display: flex; justify-content: space-between; gap: 24px; align-items: center; padding: 18px; border: 1px solid var(--border); border-radius: 13px; background: linear-gradient(135deg, color-mix(in srgb, var(--accent) 8%, var(--surface-2)), var(--surface-2)); }
.intel-asset { display: flex; gap: 13px; align-items: center; }
.intel-asset .asset-avatar { width: 44px; height: 44px; font-size: 15px; }
.intel-asset h3 { margin: 0 0 4px; font-size: 17px; }
.intel-asset code { color: var(--accent-2); font-size: 10px; }
.intel-asset p { margin: 6px 0 0; color: var(--muted); font-size: 10px; }
.intel-risk { display: flex; gap: 13px; align-items: center; }
.intel-risk > div { --risk-color: var(--green); width: 78px; height: 78px; display: grid; place-items: center; border-radius: 50%; background: conic-gradient(var(--risk-color) var(--score), color-mix(in srgb, var(--border) 70%, transparent) 0); position: relative; }
.intel-risk > div::after { content: ""; position: absolute; inset: 7px; border-radius: 50%; background: var(--panel); }
.intel-risk > div strong, .intel-risk > div span { position: relative; z-index: 1; }
.intel-risk > div strong { font-size: 21px; }
.intel-risk > div span { margin-top: -17px; color: var(--muted); font-size: 7px; text-transform: uppercase; }
.intel-risk p { width: 110px; color: var(--muted); font-size: 9px; line-height: 1.45; }
.intel-risk.critical > div { --risk-color: var(--red); }.intel-risk.high > div { --risk-color: #ff755f; }.intel-risk.medium > div { --risk-color: var(--amber); }
.intel-kpis { display: grid; grid-template-columns: repeat(6, 1fr); gap: 8px; margin: 10px 0; }
.intel-kpis > div { padding: 11px; border: 1px solid var(--border); border-radius: 9px; background: var(--surface-2); }
.intel-kpis span, .intel-kpis strong { display: block; }
.intel-kpis span { color: var(--subtle); font-size: 7px; text-transform: uppercase; letter-spacing: .45px; }
.intel-kpis strong { margin-top: 6px; font-size: 11px; }
.intel-tabs { display: flex; gap: 4px; margin: 14px 0 10px; padding-bottom: 8px; border-bottom: 1px solid var(--border); }
.intel-tabs button { padding: 8px 11px; border: 0; border-radius: 7px; color: var(--muted); background: transparent; font-size: 9px; font-weight: 750; cursor: pointer; }
.intel-tabs button.active { color: var(--text); background: color-mix(in srgb, var(--accent) 14%, transparent); }
.intel-tabs b { margin-left: 4px; color: var(--accent-2); }
.intel-tab { min-height: 235px; }
.intel-overview-grid { display: grid; grid-template-columns: 1fr 1.2fr .8fr; gap: 10px; }
.intel-overview-grid > article { padding: 14px; border: 1px solid var(--border); border-radius: 10px; background: var(--surface-2); }
.intel-overview-grid h4 { margin: 0 0 9px; font-size: 10px; }
.intel-overview-grid > article > p { color: var(--muted); font-size: 9px; line-height: 1.55; }
.risk-bars { display: grid; gap: 7px; margin-top: 14px; }
.risk-bars span { position: relative; overflow: hidden; padding: 6px 8px; border-radius: 5px; color: var(--text); background: color-mix(in srgb, var(--border) 32%, transparent); font-size: 8px; }
.risk-bars i { position: absolute; inset: 0 auto 0 0; z-index: 0; min-width: 3px; opacity: .2; }.risk-bars span { isolation: isolate; }.risk-bars i.critical { background: var(--red); }.risk-bars i.high { background: #ff755f; }.risk-bars i.medium { background: var(--amber); }.risk-bars i.low { background: var(--green); }
.attack-lens-row { display: grid; grid-template-columns: 54px 1fr auto; gap: 9px; padding: 9px 0; border-bottom: 1px solid var(--border); }
.attack-lens-row:last-child { border: 0; }.attack-lens-row > b { color: var(--accent-2); font: 800 8px ui-monospace,monospace; }.attack-lens-row strong { font-size: 9px; }.attack-lens-row p { margin: 3px 0 0; color: var(--muted); font-size: 8px; line-height: 1.4; }.attack-lens-row code { color: var(--subtle); font-size: 8px; }
.intel-identity dl { display: grid; gap: 0; margin: 0; }.intel-identity dl div { display: flex; justify-content: space-between; gap: 10px; padding: 9px 0; border-bottom: 1px solid var(--border); }.intel-identity dt { color: var(--muted); font-size: 8px; }.intel-identity dd { margin: 0; font-size: 8px; font-weight: 700; text-align: right; }
.transport { padding: 4px 7px; border-radius: 5px; font-size: 8px; font-weight: 750; }.transport.encrypted { color: var(--green); background: color-mix(in srgb, var(--green) 12%, transparent); }.transport.review { color: var(--amber); background: color-mix(in srgb, var(--amber) 12%, transparent); }
.intel-findings { display: grid; gap: 8px; }.intel-finding { display: grid; grid-template-columns: 65px 1fr 70px; gap: 12px; padding: 13px; border: 1px solid var(--border); border-radius: 9px; background: var(--surface-2); }.intel-finding > div > strong { font-size: 10px; }.intel-finding p { margin: 5px 0; color: var(--muted); font-size: 9px; }.intel-finding code { display: block; color: var(--accent-2); font-size: 8px; }.intel-finding small { display: block; margin-top: 8px; color: var(--muted); font-size: 8px; line-height: 1.45; }.intel-finding-score { text-align: right; }.intel-finding-score small,.intel-finding-score strong,.intel-finding-score span { display: block; }.intel-finding-score strong { font-size: 19px; }.intel-finding-score span { margin-top: 5px; color: var(--muted); font-size: 7px; }
.intel-activity-list { display: grid; }.intel-activity { display: grid; grid-template-columns: 12px 1fr auto; gap: 10px; padding: 11px 4px; border-bottom: 1px solid var(--border); }.intel-activity i { width: 8px; height: 8px; margin-top: 3px; border-radius: 50%; background: var(--accent); box-shadow: 0 0 0 4px color-mix(in srgb, var(--accent) 12%, transparent); }.intel-activity i.alert { background: var(--amber); }.intel-activity strong { font-size: 9px; }.intel-activity p { margin: 3px 0 0; color: var(--muted); font-size: 8px; }.intel-activity > span { color: var(--subtle); font-size: 8px; }
.intel-disclaimer { margin: 12px 0 0; padding: 9px 11px; border-left: 2px solid var(--accent); color: var(--muted); background: color-mix(in srgb, var(--accent) 6%, transparent); font-size: 8px; line-height: 1.5; }
@media(max-width:900px){.intel-kpis{grid-template-columns:repeat(3,1fr)}.intel-overview-grid{grid-template-columns:1fr}.intel-hero{align-items:flex-start}.asset-intelligence-button em{display:none}}
@media(max-width:560px){.intel-hero{display:grid}.intel-kpis{grid-template-columns:repeat(2,1fr)}.intel-tabs{overflow-x:auto}.intel-finding{grid-template-columns:1fr}.intel-finding-score{text-align:left}}

/* Approved-port baseline panel (asset intelligence → services) */
.baseline-panel { margin-bottom: 16px; padding: 14px 16px; border: 1px solid #262e3c; border-radius: 10px; background: linear-gradient(145deg, #121722, #0d1119); }
.baseline-head { display: flex; flex-direction: column; gap: 3px; margin-bottom: 11px; }
.baseline-head strong { color: #dfe3ea; font-size: 12px; }
.baseline-head small { color: #667183; font-size: 9px; }
.baseline-controls { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.baseline-controls input { flex: 1 1 160px; min-width: 140px; height: 34px; padding: 0 11px; border: 1px solid #2b3341; border-radius: 8px; color: var(--text); background: #0b1018; font-size: 12px; font-family: ui-monospace, monospace; }
.baseline-controls input:focus { outline: none; border-color: var(--accent); }
.baseline-controls button { height: 34px; padding: 0 13px; border: 0; border-radius: 8px; color: white; background: linear-gradient(135deg, #8c7cf6, #7162e5); font-size: 11px; font-weight: 700; cursor: pointer; transition: .2s; }
.baseline-controls button:hover { filter: brightness(1.08); }
.baseline-controls button.ghost { color: #9ba5b7; background: #1a2029; border: 1px solid #2b3341; }
.baseline-controls button.ghost:hover { color: #dadde5; background: #212836; }
.baseline-status { margin: 10px 0 0; color: #7c8698; font-size: 10px; }
.baseline-status b { color: #aba4e7; font-family: ui-monospace, monospace; }

/* Language picker (topbar) */
.lang-picker { position: relative; }
.lang-picker #lang-trigger { width: auto; gap: 5px; padding: 0 9px; font-size: 10px; font-weight: 700; color: #8791a4; }
.lang-picker #lang-trigger svg { width: 15px; }
.lang-picker #lang-code { letter-spacing: .5px; }
.lang-menu { position: absolute; top: 43px; right: 0; width: 150px; padding: 6px; border: 1px solid var(--border); border-radius: 10px; background: var(--surface); box-shadow: 0 18px 50px #0008; opacity: 0; visibility: hidden; transform: translateY(-5px); transition: .18s; z-index: 30; }
.lang-menu.open { opacity: 1; visibility: visible; transform: none; }
.lang-menu button { width: 100%; display: flex; justify-content: space-between; align-items: center; padding: 8px 10px; border: 0; border-radius: 7px; color: var(--muted); background: transparent; text-align: left; font-size: 11px; cursor: pointer; }
.lang-menu button:hover { color: var(--text); background: var(--surface-2); }
.lang-menu b { color: var(--accent-2); }

/* --- Threat intelligence / exploitability --- */
.intel-tabs button.has-threats { color: #f0a56a; }
.intel-tabs .kev-dot { display: inline-grid; place-items: center; min-width: 15px; height: 15px; margin-left: 4px; padding: 0 4px; border-radius: 8px; background: #d9434b; color: #fff; font-size: 8px; font-weight: 800; font-style: normal; }
.threats-banner { margin-bottom: 14px; padding: 12px 14px; border: 1px solid #33262b; border-radius: 10px; background: linear-gradient(145deg, #1a1015, #120d12); }
.threats-banner.critical { border-color: #7a2b31; background: linear-gradient(145deg, #251115, #170f12); }
.threats-banner strong { color: #f0dfe2; font-size: 12px; }
.threats-banner .kev-inline { color: #ff8c91; font-weight: 700; }
.threats-banner p { margin: 5px 0 0; color: #8a8090; font-size: 9px; }
.vuln-list { display: flex; flex-direction: column; gap: 12px; }
.vuln-card { border: 1px solid #262e3c; border-left: 3px solid #657082; border-radius: 10px; padding: 13px 15px; background: linear-gradient(145deg, #121722, #0d1119); }
.vuln-card.critical { border-left-color: #ee5a63; }
.vuln-card.high { border-left-color: #ef925f; }
.vuln-card.medium { border-left-color: #edbd63; }
.vuln-card header { display: flex; align-items: center; gap: 10px; }
.vuln-id { flex: 1; display: flex; flex-direction: column; }
.vuln-id strong { color: #e6e9ef; font: 700 13px Manrope; font-family: ui-monospace, monospace; }
.vuln-id span { color: #7c8698; font-size: 10px; }
.cvss-badge { padding: 4px 8px; border: 1px solid #34405a; border-radius: 6px; color: #b8c0d4; background: #141a26; font-size: 10px; font-weight: 700; white-space: nowrap; }
.vuln-badges { display: flex; flex-wrap: wrap; gap: 6px; margin: 11px 0; }
.vuln-badges span { padding: 3px 8px; border-radius: 5px; font-size: 8px; font-weight: 700; text-transform: uppercase; letter-spacing: .4px; }
.tag-kev { color: #fff; background: #c33b43; }
.tag-exploit { color: #f1b06f; background: #2f2216; }
.tag-exploit.weaponized { color: #ff9a80; background: #331a17; }
.tag-exploit.public { color: #f0c674; background: #2f2716; }
.tag-cat { color: #a89ff0; background: #211d33; }
.tag-conf { color: #8892a4; background: #191f29; }
.vuln-body p { margin: 6px 0 0; color: #9aa3b3; font-size: 10px; line-height: 1.6; }
.vuln-body b { color: #c3cad6; }
.vuln-fix { padding-left: 11px; border-left: 2px solid #4c8a63; }
.vuln-fix b { color: #7fd4a2; }

/* Attack-path panel (dashboard) */
.attackpaths-summary { display: flex; gap: 10px; flex-wrap: wrap; margin-bottom: 15px; }
.attackpaths-summary div { flex: 1; min-width: 110px; padding: 12px; border: 1px solid #252c39; border-radius: 9px; background: #0d121a; }
.attackpaths-summary span { display: block; color: #6b7688; font-size: 8px; text-transform: uppercase; letter-spacing: .6px; }
.attackpaths-summary strong { display: block; margin-top: 5px; color: #e3e6eb; font: 800 22px Manrope; }
.attackpaths-summary .kev strong { color: #ff8c91; }
.attackpaths-summary .exploitable strong { color: #f0a56a; }
.attack-path { border: 1px solid #262e3c; border-radius: 10px; padding: 14px 16px; margin-bottom: 11px; background: linear-gradient(145deg, #121722, #0d1119); }
.attack-path-head { display: flex; align-items: center; gap: 10px; margin-bottom: 8px; }
.attack-path-head strong { flex: 1; color: #e6e9ef; font-size: 12px; }
.attack-path .tactics { display: flex; flex-wrap: wrap; gap: 5px; margin: 9px 0; }
.attack-path .tactics span { padding: 2px 7px; border: 1px solid #2f3546; border-radius: 5px; color: #98a0f0; background: #1a1a2a; font-size: 8px; font-weight: 600; }
.attack-path p { margin: 0; color: #9aa3b3; font-size: 10px; line-height: 1.6; }
.attack-path .rec { margin-top: 8px; padding-left: 11px; border-left: 2px solid #6358bc; color: #b3aee0; }

/* Threat hunt */
.hunt-panel { margin-top: 14px; padding: 0; overflow: hidden; }
.hunt-metrics { display: grid; grid-template-columns: repeat(5, 1fr); gap: 10px; padding: 0 21px 14px; }
.hunt-metrics div { padding: 12px 14px; border: 1px solid #252c39; border-radius: 10px; background: #0d121a; }
.hunt-metrics span { display: block; color: #6b7688; font-size: 8px; text-transform: uppercase; letter-spacing: .6px; }
.hunt-metrics strong { display: block; margin-top: 5px; color: #e3e6eb; font: 800 20px Manrope; }
.hunt-panel .alerts-list { margin-top: 0; padding: 0 21px 16px; }
.hunt-panel .alert-row { grid-template-columns: 8px 1fr; padding: 11px 0; }
.hunt-panel .alert-row button, .hunt-panel .acknowledged { display: none; }
.hunt-timeline-header { display: flex; align-items: baseline; gap: 8px; padding: 0 21px 10px; }
.hunt-timeline-header strong { color: #e6e9ef; font-size: 12px; }
.hunt-timeline-header span { color: #6b7688; font-size: 9px; }
.hunt-timeline { display: grid; gap: 10px; padding: 0 21px 18px; }
.hunt-event { display: grid; grid-template-columns: 12px 1fr; gap: 10px; padding: 12px 0; border-top: 1px solid #1d2330; }
.hunt-event:first-child { border-top: 0; }
.hunt-event-mark { width: 9px; height: 9px; margin-top: 4px; border-radius: 50%; background: var(--accent); box-shadow: 0 0 0 4px #8b7cf618; }
.hunt-event-mark.alert { background: #f4b860; box-shadow: 0 0 0 4px #f4b86018; }
.hunt-event-mark.scan { background: #55d99a; box-shadow: 0 0 0 4px #55d99a18; }
.hunt-event-mark.containment { background: #ee7779; box-shadow: 0 0 0 4px #ee777918; }
.hunt-event-copy strong { display: block; color: #e6e9ef; font-size: 11px; }
.hunt-event-copy p { margin: 4px 0 0; color: #939cac; font-size: 10px; line-height: 1.5; }
.hunt-event-copy small { display: block; margin-top: 5px; color: #6b7688; font-size: 8px; }
@media(max-width:1000px){.hunt-metrics{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.hunt-metrics{grid-template-columns:1fr}}

/* Active verification probe */
.probe-bar { display: flex; align-items: center; gap: 12px; margin-bottom: 14px; padding: 12px 14px; border: 1px solid #262e3c; border-radius: 10px; background: linear-gradient(145deg, #121722, #0d1119); }
.probe-bar div { flex: 1; }
.probe-bar strong { display: block; color: #e6e9ef; font-size: 12px; }
.probe-bar small { color: #7c8698; font-size: 9px; }
.probe-bar button { height: 36px; padding: 0 15px; border: 0; border-radius: 8px; color: #fff; background: linear-gradient(135deg, #8c7cf6, #7162e5); font-size: 11px; font-weight: 700; cursor: pointer; white-space: nowrap; transition: .2s; }
.probe-bar button:hover { filter: brightness(1.08); }
.probe-bar button:disabled { opacity: .6; cursor: default; }
.probe-results { margin-bottom: 16px; }
.probe-summary { margin-bottom: 10px; padding: 8px 12px; border-radius: 8px; color: #b3bccb; background: #141a26; font-size: 10px; }
.probe-summary b { color: #e6e9ef; }
.probe-row { display: flex; gap: 11px; padding: 11px 12px; border: 1px solid #212836; border-radius: 9px; margin-bottom: 8px; background: #0d121a; }
.probe-row.confirmed { border-color: #6e3237; background: #171013; }
.probe-row.secure { border-color: #2c4a3a; }
.probe-status { flex: 0 0 auto; width: 22px; height: 22px; display: grid; place-items: center; border-radius: 50%; font-weight: 800; font-size: 12px; }
.probe-status.confirmed { color: #fff; background: #c33b43; }
.probe-status.secure { color: #63cfa0; background: #16311f; }
.probe-status.info, .probe-status.error { color: #8892a4; background: #1b212c; }
.probe-row strong { color: #e6e9ef; font-size: 11px; }
.probe-row strong em { color: #8b93a4; font-style: normal; font-family: ui-monospace, monospace; font-size: 9px; }
.probe-row p { margin: 4px 0; color: #939cac; font-size: 10px; line-height: 1.5; }
.probe-row code { display: block; padding: 5px 7px; border-radius: 5px; color: #b0a9e6; background: #10141d; font-size: 9px; word-break: break-all; }

/* Scan scope + depth options */
.scan-options { display: flex; gap: 10px; margin: 10px 0 8px; }
.scan-options label { flex: 1; display: flex; flex-direction: column; gap: 4px; }
.scan-options label span { color: #7c8698; font-size: 8px; text-transform: uppercase; letter-spacing: .5px; }
.scan-options select { height: 34px; padding: 0 9px; border: 1px solid #2b3341; border-radius: 8px; color: var(--text); background: #0b1018; font-size: 11px; }
.scan-options select:focus { outline: none; border-color: var(--accent); }

/* Scanner agents & API keys */
.agents-panel { padding: 20px 22px; }
.apikey-form { display: flex; gap: 10px; margin-bottom: 14px; }
.apikey-form input { flex: 1; height: 40px; padding: 0 13px; border: 1px solid #2b3341; border-radius: 9px; color: var(--text); background: #0b1018; font-size: 13px; }
.apikey-form input:focus { outline: none; border-color: var(--accent); }
.apikey-reveal { margin-bottom: 14px; padding: 13px 15px; border: 1px solid #2c4a3a; border-radius: 10px; background: #10201a; }
.apikey-reveal strong { display: block; color: #7fd4a2; font-size: 11px; margin-bottom: 8px; }
.apikey-value-row { display: flex; gap: 8px; align-items: center; }
.apikey-value { flex: 1; padding: 8px 10px; border-radius: 6px; color: #dfe3ea; background: #0b1018; font-family: ui-monospace, monospace; font-size: 12px; word-break: break-all; }
.apikey-reveal button { height: 34px; padding: 0 13px; border: 0; border-radius: 7px; color: #fff; background: linear-gradient(135deg, #8c7cf6, #7162e5); font-size: 11px; font-weight: 700; cursor: pointer; }
.apikeys-list { display: flex; flex-direction: column; gap: 8px; }
.apikey-row { display: flex; align-items: center; gap: 12px; padding: 11px 13px; border: 1px solid #212836; border-radius: 9px; background: #0d121a; }
.apikey-row.revoked { opacity: .5; }
.apikey-row > div { flex: 1; display: flex; flex-direction: column; gap: 2px; }
.apikey-row strong { color: #e6e9ef; font-size: 12px; }
.apikey-row code { color: #8b93a4; font-family: ui-monospace, monospace; font-size: 10px; }
.apikey-meta { color: #6b7688; font-size: 9px; }
.apikey-revoke { height: 30px; padding: 0 11px; border: 1px solid #4a2b2e; border-radius: 7px; color: #ef9a9f; background: #1c1113; font-size: 10px; font-weight: 700; cursor: pointer; }
.apikey-revoke:hover { background: #26161a; }
.agent-help { margin-top: 15px; padding: 12px 14px; border: 1px solid #262e3c; border-radius: 9px; background: #0b1018; }
.agent-help strong { color: #c3cad6; font-size: 11px; }
.agent-help pre { margin: 8px 0 6px; overflow-x: auto; }
.agent-help code { color: #a89ff0; font-family: ui-monospace, monospace; font-size: 10px; line-height: 1.6; }
.agent-help small { color: #6b7688; font-size: 9px; }
.authorized-targets-panel { padding-bottom: 17px; }
.authorized-target-form { display: grid; grid-template-columns: 1.1fr 1fr 1fr .9fr; gap: 11px; padding: 17px 20px; border-top: 1px solid var(--border); border-bottom: 1px solid var(--border); align-items: end; }
.authorized-target-form label { display: grid; gap: 6px; color: var(--muted); font-size: 8px; font-weight: 750; text-transform: uppercase; letter-spacing: .45px; }
.authorized-target-form input, .authorized-target-form textarea { min-height: 40px; padding: 0 11px; border: 1px solid var(--border); border-radius: 8px; color: var(--text); background: var(--input, rgba(7,14,25,.6)); outline: none; }
.authorized-target-form textarea { min-height: 62px; padding-top: 9px; resize: vertical; }
.authorized-target-form input:focus, .authorized-target-form textarea:focus { border-color: var(--accent); box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent) 14%, transparent); }
.authorization-justification { grid-column: 1 / 4; }
.authorized-targets-list { display: grid; gap: 8px; padding: 15px 20px 5px; }
.authorized-target-card { display: grid; grid-template-columns: 75px 1.1fr 1.4fr 90px auto; gap: 13px; align-items: center; padding: 13px; border: 1px solid var(--border); border-radius: 10px; background: var(--surface-2); }
.authorized-target-card.revoked, .authorized-target-card.expired { opacity: .62; }
.target-status { display: flex; align-items: center; gap: 6px; color: var(--green); font-size: 8px; font-weight: 800; text-transform: uppercase; }
.target-status i { width: 7px; height: 7px; border-radius: 50%; background: currentColor; box-shadow: 0 0 8px currentColor; }
.authorized-target-card.revoked .target-status { color: var(--red); }.authorized-target-card.expired .target-status { color: var(--amber); }
.target-scope { display: grid; gap: 4px; }.target-scope strong { font-size: 10px; }.target-scope code { color: var(--accent-2); font-size: 9px; }.target-scope small { color: var(--subtle); font-size: 7px; }
.target-evidence span, .target-expiry span { display: block; color: var(--subtle); font-size: 7px; text-transform: uppercase; letter-spacing: .4px; }
.target-evidence p { margin: 5px 0 0; color: var(--muted); font-size: 8px; line-height: 1.4; }
.target-expiry strong { display: block; margin-top: 5px; font-size: 9px; }
.authorization-note { margin: 10px 20px 0; padding: 9px 11px; border-left: 2px solid var(--accent); color: var(--muted); background: color-mix(in srgb, var(--accent) 5%, transparent); font-size: 8px; line-height: 1.5; }
@media(max-width:1000px){.authorized-target-form{grid-template-columns:1fr 1fr}.authorization-justification{grid-column:1 / 3}.authorized-target-card{grid-template-columns:80px 1fr auto}.target-evidence{grid-column:2 / 4}.benefit-grid{grid-template-columns:1fr 1fr}.benefit-card.featured{grid-column:1 / -1}.onboarding-steps{grid-template-columns:1fr}}
@media(max-width:600px){.authorized-target-form{grid-template-columns:1fr}.authorization-justification{grid-column:auto}.authorized-target-card{grid-template-columns:1fr}.target-evidence{grid-column:auto}.value-strip{grid-template-columns:1fr}.benefit-grid{grid-template-columns:1fr}.benefit-card.featured h2{font-size:21px}}
.admin-only[hidden] { display: none !important; }

/* Deep-scan detail: device tags, report meta, CPEs, NSE scripts, traceroute */
.device-tag { display: inline-block; margin-left: 7px; padding: 2px 7px; border-radius: 5px; color: #a89ff0; background: #211d33; font-size: 8px; font-weight: 700; text-transform: uppercase; letter-spacing: .4px; vertical-align: middle; }
.vendor-tag { display: block; margin-top: 3px; color: #6b7688; font-size: 8px; }
.report-meta { display: flex; flex-wrap: wrap; gap: 6px; margin: 9px 0; }
.report-meta span { padding: 3px 8px; border: 1px solid #2b3341; border-radius: 5px; color: #9aa3b3; background: #0d121a; font-size: 9px; }
.report-svc { padding: 8px 0; border-top: 1px solid #171d27; }
.report-svc:first-child { border-top: 0; }
.report-svc-head { display: flex; align-items: center; gap: 10px; }
.report-svc-head strong { color: #cdd3de; font-family: ui-monospace, monospace; font-size: 11px; min-width: 74px; }
.report-svc-head span { flex: 1; color: #939cac; font-size: 10px; }
.report-svc-head i { color: #63cfa0; font-size: 9px; font-style: normal; }
.report-svc .cpe { display: inline-block; margin-top: 5px; padding: 2px 6px; border-radius: 4px; color: #8b93a4; background: #10141d; font-family: ui-monospace, monospace; font-size: 8px; }
.report-scripts { margin-top: 7px; display: flex; flex-direction: column; gap: 5px; }
.scripts-label { color: #6b7688; font-size: 8px; text-transform: uppercase; letter-spacing: .5px; }
.report-scripts details { border: 1px solid #232a37; border-radius: 6px; background: #0b1018; }
.report-scripts summary { padding: 6px 9px; color: #a89ff0; font-size: 9px; font-family: ui-monospace, monospace; cursor: pointer; }
.report-scripts pre { margin: 0; padding: 8px 10px; border-top: 1px solid #1c2230; overflow-x: auto; color: #9aa3b3; font-size: 9px; line-height: 1.5; white-space: pre-wrap; word-break: break-word; }
.report-trace { margin-top: 9px; display: flex; flex-wrap: wrap; gap: 5px; align-items: center; }
.report-trace code { padding: 2px 7px; border: 1px solid #2b3341; border-radius: 4px; color: #8fa0c0; background: #0d121a; font-size: 8px; }

/* Red "can be hacked" danger flagging */
.hack-badge { display: inline-block; margin: 0 0 3px 8px; padding: 2px 8px; border-radius: 5px; color: #fff; background: #c8333b; font-size: 8px; font-weight: 800; text-transform: uppercase; letter-spacing: .4px; vertical-align: middle; box-shadow: 0 0 0 3px #c8333b22; }
.hack-badge.kev { background: #e01e28; animation: hackpulse 2s ease-in-out infinite; }
@keyframes hackpulse { 0%,100% { box-shadow: 0 0 0 3px #e01e2822; } 50% { box-shadow: 0 0 0 5px #e01e2810; } }
tr.at-risk td:first-child { box-shadow: inset 3px 0 #d9434b; }
tr.at-risk:hover td { background: #1a1013; }
.service-pill.danger { color: #ff9a9f; border-color: #6e3237 !important; background: #2a1417 !important; font-weight: 700; }
.service-pill.danger b { color: #ff8087; }

/* Daylight coverage for enterprise intelligence and operations components. */
:is([data-theme="light"],[data-theme="solar"],[data-theme="ocean"],[data-theme="lavender"],[data-theme="mint"]) :is(
    .attackpaths-summary div,.hunt-metrics div,.attack-path,.vuln-card,.baseline-panel,
    .probe-bar,.probe-row,.probe-summary,.apikey-row,.agent-help,.report-meta span,
    .report-scripts details,.report-trace code,.report-svc .cpe
){background:var(--surface-2);border-color:var(--border);color:var(--text)}
:is([data-theme="light"],[data-theme="solar"],[data-theme="ocean"],[data-theme="lavender"],[data-theme="mint"]) :is(
    .attackpaths-summary strong,.hunt-metrics strong,.hunt-timeline-header strong,
    .hunt-event-copy strong,.attack-path-head strong,.vuln-id strong,.vuln-body b,
    .baseline-head strong,.probe-bar strong,.probe-summary b,.probe-row strong,
    .apikey-row strong,.agent-help strong,.report-svc-head strong
){color:var(--text)}
:is([data-theme="light"],[data-theme="solar"],[data-theme="ocean"],[data-theme="lavender"],[data-theme="mint"]) :is(
    .attackpaths-summary span,.hunt-metrics span,.hunt-timeline-header span,
    .hunt-event-copy p,.hunt-event-copy small,.attack-path p,.vuln-id span,
    .vuln-body p,.baseline-head small,.baseline-status,.probe-bar small,.probe-row p,
    .apikey-meta,.agent-help small,.report-meta span,.report-svc-head span
){color:var(--muted)}
:is([data-theme="light"],[data-theme="solar"],[data-theme="ocean"],[data-theme="lavender"],[data-theme="mint"]) :is(
    .baseline-controls input,.scan-options select,.apikey-form input,.authorized-target-form input,
    .authorized-target-form textarea
){background:var(--surface);border-color:var(--border);color:var(--text)}
:is([data-theme="light"],[data-theme="solar"],[data-theme="ocean"],[data-theme="lavender"],[data-theme="mint"]) .hunt-event{border-color:var(--border)}
:is([data-theme="light"],[data-theme="solar"],[data-theme="ocean"],[data-theme="lavender"],[data-theme="mint"]) tr.at-risk:hover td{background:color-mix(in srgb,var(--coral) 8%,var(--surface))}