/* Restored dashboard-only visual layer. The surrounding site shell remains the active ShadowTelemetry theme. */

/* --------------------------------------------------------------------------
 * Threat Intel Dashboard
 * -------------------------------------------------------------------------- */
.st-ti-dashboard {
    max-width: 1280px;
    margin: 0 auto;
    padding: 28px 22px 44px;
    color: #172033;
}
.st-ti-head {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 18px;
}
.st-ti-kicker {
    margin: 0 0 4px;
    color: #64748b;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .12em;
    text-transform: uppercase;
}
.st-ti-head h1 {
    margin: 0;
    color: #0f172a;
    font-size: clamp(30px, 4vw, 44px);
    line-height: 1.05;
    letter-spacing: -.04em;
}
.st-ti-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}
.st-ti-actions a {
    display: inline-flex;
    align-items: center;
    min-height: 36px;
    padding: 0 13px;
    border: 1px solid #cbd5e1;
    border-radius: 8px;
    color: #334155;
    background: #fff;
    font-size: 13px;
    font-weight: 700;
}
.st-ti-metrics,
.st-ti-layout {
    display: grid;
    gap: 14px;
}
.st-ti-metrics {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin-bottom: 14px;
}
.st-ti-metric,
.st-ti-panel {
    border: 1px solid #d8e0ea;
    border-radius: 12px;
    background: #fff;
    box-shadow: none;
}
.st-ti-metric {
    padding: 16px;
}
.st-ti-metric span,
.st-ti-panel-head span {
    color: #64748b;
    font-size: 12px;
    font-weight: 700;
}
.st-ti-metric span {
    display: block;
    text-transform: uppercase;
    letter-spacing: .07em;
}
.st-ti-metric strong {
    display: block;
    margin-top: 7px;
    color: #0f172a;
    font-size: 32px;
    line-height: 1;
    letter-spacing: -.03em;
}
.st-ti-metric small {
    display: block;
    margin-top: 7px;
    color: #64748b;
}
.st-ti-metric.st-high strong {
    color: #dc2626;
}
.st-ti-layout {
    grid-template-columns: minmax(0, 1.2fr) minmax(300px, .8fr);
}
.st-ti-wide,
.st-ti-map-panel {
    grid-column: span 1;
}
.st-ti-panel-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    min-height: 48px;
    padding: 0 16px;
    border-bottom: 1px solid #e2e8f0;
}
.st-ti-panel-head h2 {
    margin: 0;
    color: #0f172a;
    font-size: 15px;
    font-weight: 800;
    letter-spacing: -.01em;
}
.st-ti-bars {
    display: grid;
    gap: 11px;
    padding: 16px;
}
.st-ti-bar-row {
    display: grid;
    grid-template-columns: 96px 1fr 42px;
    align-items: center;
    gap: 10px;
    color: #475569;
    font-size: 13px;
}
.st-ti-bar-row div {
    height: 10px;
    border-radius: 999px;
    background: #eef2f7;
    overflow: hidden;
}
.st-ti-bar-row i {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: #2563eb;
}
.st-ti-bar-row b {
    color: #0f172a;
    text-align: right;
}
.st-ti-donut {
    width: 150px;
    height: 150px;
    margin: 18px auto 12px;
    border-radius: 50%;
    background: conic-gradient(#dc2626 0 var(--high), #f59e0b var(--high) var(--med), #3b82f6 var(--med) var(--low), #22c55e var(--low) 100%);
    position: relative;
}
.st-ti-donut:after {
    content: '';
    position: absolute;
    inset: 28px;
    border-radius: 50%;
    background: #fff;
    border: 1px solid #e2e8f0;
}
.st-ti-legend {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 8px;
    padding: 0 16px 16px;
    color: #475569;
    font-size: 12px;
}
.st-ti-legend i {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    margin-right: 6px;
}
.sev-high { background: #dc2626; }
.sev-med { background: #f59e0b; }
.sev-low { background: #3b82f6; }
.sev-info { background: #22c55e; }
.st-ti-map-wrap {
    padding: 12px 12px 0;
}
.st-ti-world {
    display: block;
    width: 100%;
    min-height: 260px;
    border-radius: 10px;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
}
.st-map-grid {
    stroke: #e2e8f0;
    stroke-width: 1;
}
.st-land {
    fill: #cbd5e1;
    stroke: #94a3b8;
    stroke-width: 1;
}
.st-country-dot {
    fill: rgba(220, 38, 38, .72);
    stroke: #7f1d1d;
    stroke-width: 1.5;
}
.st-ti-country-list {
    display: grid;
    gap: 1px;
    padding: 12px;
}
.st-ti-country-list div {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    padding: 9px 10px;
    background: #f8fafc;
    color: #475569;
    font-size: 13px;
}
.st-ti-country-list b {
    color: #0f172a;
}
.st-ti-heat {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 7px;
    padding: 16px;
}
.st-ti-heat div {
    min-height: 76px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 9px;
    border-radius: 8px;
    background: color-mix(in srgb, #dc2626 calc(var(--level) * 1%), #f1f5f9);
    border: 1px solid #e2e8f0;
}
.st-ti-heat span {
    color: #64748b;
    font-size: 12px;
    font-weight: 700;
}
.st-ti-heat b {
    color: #0f172a;
    font-size: 22px;
}
.st-ti-feed-table {
    display: grid;
}
.st-ti-feed-table a {
    display: grid;
    grid-template-columns: 76px 1fr 126px;
    gap: 12px;
    align-items: center;
    min-height: 46px;
    padding: 9px 14px;
    border-bottom: 1px solid #e2e8f0;
    color: #334155;
}
.st-ti-feed-table a:hover {
    background: #f8fafc;
}
.st-ti-feed-table strong {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #0f172a;
    font-size: 13px;
}
.st-ti-feed-table time {
    color: #64748b;
    font-size: 12px;
    text-align: right;
}
.st-sev {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 22px;
    border-radius: 999px;
    padding: 0 8px;
    font-size: 10px;
    font-weight: 900;
    text-transform: uppercase;
}
.st-sev-high { background: #fee2e2; color: #991b1b; }
.st-sev-medium { background: #fef3c7; color: #92400e; }
.st-sev-low { background: #dbeafe; color: #1d4ed8; }
.st-sev-info { background: #dcfce7; color: #166534; }
body.dark-mode .st-ti-dashboard { color: #e2e8f0; }
body.dark-mode .st-ti-head h1,
body.dark-mode .st-ti-panel-head h2,
body.dark-mode .st-ti-metric strong,
body.dark-mode .st-ti-bar-row b,
body.dark-mode .st-ti-country-list b,
body.dark-mode .st-ti-heat b,
body.dark-mode .st-ti-feed-table strong { color: #f8fafc; }
body.dark-mode .st-ti-metric,
body.dark-mode .st-ti-panel,
body.dark-mode .st-ti-actions a { background: #151f2e; border-color: #26364a; }
body.dark-mode .st-ti-panel-head,
body.dark-mode .st-ti-feed-table a { border-color: #26364a; }
body.dark-mode .st-ti-actions a,
body.dark-mode .st-ti-bar-row,
body.dark-mode .st-ti-feed-table a { color: #cbd5e1; }
body.dark-mode .st-ti-world,
body.dark-mode .st-ti-country-list div { background: #101927; border-color: #26364a; }
body.dark-mode .st-land { fill: #26364a; stroke: #475569; }
body.dark-mode .st-map-grid { stroke: #1e293b; }
body.dark-mode .st-ti-bar-row div { background: #101927; }
body.dark-mode .st-ti-donut:after { background: #151f2e; border-color: #26364a; }
body.dark-mode .st-ti-heat div { background: color-mix(in srgb, #dc2626 calc(var(--level) * 1%), #101927); border-color: #26364a; }
body.dark-mode .st-ti-feed-table a:hover { background: #101927; }
@media (min-width: 1024px) {
    .st-ti-map-panel { grid-row: span 2; }
}
@media (max-width: 900px) {
    .st-ti-metrics,
    .st-ti-layout { grid-template-columns: 1fr; }
    .st-ti-head { align-items: flex-start; flex-direction: column; }
    .st-ti-feed-table a { grid-template-columns: 72px 1fr; }
    .st-ti-feed-table time { grid-column: 2; text-align: left; }
}
@media (max-width: 640px) {
    .st-ti-dashboard { padding: 20px 12px 34px; }
    .st-ti-metrics { grid-template-columns: 1fr; }
    .st-ti-heat { grid-template-columns: repeat(2, 1fr); }
    .st-ti-legend { grid-template-columns: 1fr; }
}

/* --------------------------------------------------------------------------
 * Threat Intel Dashboard — editorial intelligence console overrides
 * Purpose: dense, evidence-led research presentation; no decorative glow/map UI.
 * -------------------------------------------------------------------------- */
.st-ti-dashboard {
    --ti-ink: #101922; --ti-muted: #697583; --ti-rule: #d7dde2;
    --ti-surface: #fff; --ti-subtle: #f4f6f7; --ti-accent: #e94b28; --ti-blue: #2f6f8f;
    max-width: 1240px; margin: 0 auto; padding: 34px 24px 54px; color: var(--ti-ink);
    font-family: "Open Sans", Arial, sans-serif;
}
.st-ti-head { display:flex; align-items:flex-end; justify-content:space-between; gap:24px; margin:0 0 24px; padding:0 0 18px; border-bottom:3px solid var(--ti-ink); }
.st-ti-kicker { margin:0 0 7px; color:var(--ti-accent); font-family:Montserrat,Arial,sans-serif; font-size:10px; font-weight:800; letter-spacing:.18em; text-transform:uppercase; }
.st-ti-head h1 { margin:0; color:var(--ti-ink); font-family:Montserrat,Arial,sans-serif; font-size:clamp(27px,3.2vw,38px); font-weight:800; line-height:1.1; letter-spacing:-.035em; }
.st-ti-actions { display:flex; gap:18px; padding-bottom:2px; }
.st-ti-actions a { color:var(--ti-ink); font-family:Montserrat,Arial,sans-serif; font-size:11px; font-weight:800; letter-spacing:.08em; text-decoration:none; text-transform:uppercase; }
.st-ti-actions a:first-child, .st-ti-actions a:hover { color:var(--ti-accent); }
.st-ti-metrics, .st-ti-layout { display:grid; gap:16px; }
.st-ti-metrics { grid-template-columns:repeat(4,minmax(0,1fr)); margin-bottom:16px; border-top:1px solid var(--ti-rule); border-bottom:1px solid var(--ti-rule); }
.st-ti-metric, .st-ti-panel { border:1px solid var(--ti-rule); border-radius:0; background:var(--ti-surface); box-shadow:none; }
.st-ti-metric { min-height:116px; padding:15px 16px 13px; border-top:0; border-bottom:0; }
.st-ti-metric + .st-ti-metric { border-left:0; }
.st-ti-metric span, .st-ti-panel-head span { color:var(--ti-muted); font-family:Montserrat,Arial,sans-serif; font-size:10px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }
.st-ti-metric span { display:block; }
.st-ti-metric strong { display:block; margin-top:13px; color:var(--ti-ink); font-family:Montserrat,Arial,sans-serif; font-size:31px; font-weight:800; line-height:.9; letter-spacing:-.04em; }
.st-ti-metric small { display:block; margin-top:11px; color:var(--ti-muted); font-size:11px; }
.st-ti-metric.st-high strong { color:#b83220; }
.st-ti-layout { grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr); }
.st-ti-panel-head { display:flex; align-items:baseline; justify-content:space-between; gap:14px; min-height:48px; padding:0 16px; border-bottom:2px solid var(--ti-ink); }
.st-ti-panel-head h2 { margin:0; color:var(--ti-ink); font-family:Montserrat,Arial,sans-serif; font-size:13px; font-weight:800; letter-spacing:.02em; text-transform:uppercase; }
.st-ti-bars { display:grid; gap:12px; padding:17px 16px 18px; }
.st-ti-bar-row { display:grid; grid-template-columns:100px 1fr 35px; align-items:center; gap:10px; color:#3f4b56; font-size:12px; }
.st-ti-bar-row div { height:7px; border-radius:0; background:#e7ebed; overflow:hidden; }
.st-ti-bar-row i { height:100%; border-radius:0; background:var(--ti-blue); }
.st-ti-bar-row b { color:var(--ti-ink); font-family:Montserrat,Arial,sans-serif; font-size:11px; text-align:right; }
.st-ti-donut { width:132px; height:132px; margin:18px auto 14px; background:conic-gradient(#b83220 0 var(--high),#bb7620 var(--high) var(--med),#2f6f8f var(--med) var(--low),#83909a var(--low) 100%); }
.st-ti-donut:after { inset:27px; background:var(--ti-surface); border-color:var(--ti-rule); }
.st-ti-legend { padding:0 16px 18px; color:#47535d; font-size:11px; }
.st-ti-legend i { width:8px; height:8px; border-radius:0; }
.sev-high { background:#b83220; }.sev-med { background:#bb7620; }.sev-low { background:#2f6f8f; }.sev-info { background:#83909a; }
.st-ti-country-list { gap:0; padding:12px 16px 16px; }
.st-ti-country-list div { display:grid; grid-template-columns:1fr 36px; gap:12px; padding:10px 0; border-bottom:1px solid #e5e9eb; background:transparent; color:#44505b; font-size:12px; }
.st-ti-country-list div:last-child { border-bottom:0; }.st-ti-country-list b { color:var(--ti-ink); font-family:Montserrat,Arial,sans-serif; font-size:11px; text-align:right; }
.st-ti-heat { gap:5px; padding:16px; }.st-ti-heat div { min-height:66px; padding:8px; border-radius:0; border:1px solid #dce2e5; background:color-mix(in srgb,var(--ti-accent) calc(var(--level) * .5%),#f5f6f6); }
.st-ti-heat span { font-family:Montserrat,Arial,sans-serif; font-size:9px; letter-spacing:.04em; text-transform:uppercase; }.st-ti-heat b { color:var(--ti-ink); font-family:Montserrat,Arial,sans-serif; font-size:20px; }
.st-ti-feed-table a { grid-template-columns:70px 1fr 130px; min-height:49px; padding:9px 16px; border-color:#e0e5e7; color:#43505a; text-decoration:none; }.st-ti-feed-table a:hover { background:var(--ti-subtle); }
.st-ti-feed-table strong { color:var(--ti-ink); font-family:Montserrat,Arial,sans-serif; font-size:12px; font-weight:700; }.st-ti-feed-table time { color:var(--ti-muted); font-size:10px; }
.st-sev { min-height:19px; padding:0 6px; border:1px solid currentColor; border-radius:0; background:transparent; font-family:Montserrat,Arial,sans-serif; font-size:8px; letter-spacing:.08em; }.st-sev-high { color:#a72c1c; }.st-sev-medium { color:#9d6115; }.st-sev-low { color:#28627f; }.st-sev-info { color:#64727c; }
body.dark-mode .st-ti-dashboard { --ti-ink:#edf1f2; --ti-muted:#9ba8af; --ti-rule:#303a40; --ti-surface:#151b1f; --ti-subtle:#1c252a; --ti-accent:#f06445; --ti-blue:#5aa1bd; }
body.dark-mode .st-ti-metric strong, body.dark-mode .st-ti-panel-head h2, body.dark-mode .st-ti-bar-row b, body.dark-mode .st-ti-country-list b, body.dark-mode .st-ti-heat b, body.dark-mode .st-ti-feed-table strong { color:var(--ti-ink); }
body.dark-mode .st-ti-bar-row div { background:#283238; } body.dark-mode .st-ti-donut:after { background:var(--ti-surface); border-color:var(--ti-rule); } body.dark-mode .st-ti-country-list div, body.dark-mode .st-ti-feed-table a { border-color:#2d373d; } body.dark-mode .st-ti-heat div { border-color:#344047; background:color-mix(in srgb,var(--ti-accent) calc(var(--level) * .42%),#1a2227); }
@media (max-width:900px) { .st-ti-metrics,.st-ti-layout { grid-template-columns:1fr; }.st-ti-head { align-items:flex-start; flex-direction:column; }.st-ti-metric + .st-ti-metric { border-left:1px solid var(--ti-rule); border-top:0; }.st-ti-feed-table a { grid-template-columns:70px 1fr; }.st-ti-feed-table time { grid-column:2; text-align:left; } }
@media (max-width:640px) { .st-ti-dashboard { padding:24px 14px 40px; }.st-ti-metrics { gap:0; }.st-ti-metric { min-height:92px; }.st-ti-heat { grid-template-columns:repeat(4,1fr); }.st-ti-actions { gap:14px; } }
body.dark-mode .st-ti-country-list div { background:transparent; color:#c2ccd2; }
body.dark-mode .st-ti-legend { color:#c2ccd2; }

/* --------------------------------------------------------------------------
 * Threat Intel Dashboard — target-reference layout
 * -------------------------------------------------------------------------- */
.st-ti-reference { --ref-bg:#07121c; --ref-panel:#0a1723; --ref-panel-2:#0c1b29; --ref-rule:#253645; --ref-text:#e7eef4; --ref-muted:#93a4b3; --ref-blue:#3a8ddd; --ref-orange:#e78b1f; --ref-red:#db5051; max-width:920px; padding:30px 26px 38px; background:radial-gradient(ellipse at 72% 0%,rgba(24,72,106,.26),transparent 32%),var(--ref-bg); color:var(--ref-text); font-family:"Open Sans",Arial,sans-serif; }
.st-ti-reference .st-ti-head { align-items:flex-start; margin:0 0 18px; padding:0; border:0; }.st-ti-reference .st-ti-kicker { margin:0 0 8px; color:#59a5e7; font-size:11px; letter-spacing:.08em; }.st-ti-reference .st-ti-head h1 { color:#f2f6f8; font-size:31px; letter-spacing:-.025em; }.st-ti-reference .st-ti-intro { max-width:500px; margin:10px 0 0; color:#a9b6c0; font-size:15px; line-height:1.48; }.st-ti-reference .st-ti-status { display:flex; flex-direction:column; align-items:flex-end; gap:15px; min-width:170px; }.st-ti-reference .st-ti-status a { padding:10px 18px; border:1px solid #405364; border-radius:5px; color:#e6edf3; font-size:12px; font-weight:700; text-decoration:none; }.st-ti-reference .st-ti-status span { color:#a4b1ba; font-size:10px; white-space:nowrap; }.st-ti-reference .st-ti-status i { display:inline-block; width:6px; height:6px; margin-right:7px; border-radius:50%; background:#31b777; }
.st-ti-reference .st-ti-filters { display:flex; gap:9px; margin:0 0 23px; }.st-ti-reference .st-ti-filters a,.st-ti-reference .st-ti-filters span { display:inline-flex; align-items:center; min-height:35px; padding:0 13px; border:1px solid #2c4050; border-radius:4px; color:#b1bfca; background:rgba(7,18,28,.35); font-size:12px; font-weight:600; text-decoration:none; }.st-ti-reference .st-ti-filters .is-active,.st-ti-reference .st-ti-filters .is-selected { border-color:#347dc0; color:#6eb2ed; box-shadow:inset 0 0 0 1px rgba(72,148,216,.14); }.st-ti-reference .st-ti-filters b { margin-left:11px; font-size:14px; }
.st-ti-reference .st-ti-metrics { gap:0; grid-template-columns:repeat(4,1fr); margin-bottom:16px; border:1px solid var(--ref-rule); border-radius:5px; background:rgba(11,27,40,.82); }.st-ti-reference .st-ti-metric { position:relative; min-height:148px; padding:20px; border:0; border-radius:0; background:transparent; }.st-ti-reference .st-ti-metric + .st-ti-metric { border-left:1px solid var(--ref-rule); }.st-ti-reference .st-ti-metric span,.st-ti-reference .st-ti-panel-head span { color:#a4b3be; font-size:9px; letter-spacing:.06em; }.st-ti-reference .st-ti-metric strong { margin-top:13px; color:#f0f5f7; font-size:28px; }.st-ti-reference .st-ti-metric small { margin-top:10px; color:#a2b0ba; font-size:11px; }.st-ti-reference .st-ti-metric.st-high strong { color:#f0f5f7; }.st-ti-reference .st-ti-metric svg { position:absolute; bottom:17px; left:18px; width:calc(100% - 36px); height:29px; fill:none; }.st-ti-reference .st-ti-metric polyline { fill:none; stroke:var(--ref-blue); stroke-width:1.4; }.st-ti-reference .st-ti-metric.st-high polyline { stroke:var(--ref-red); }.st-ti-reference .st-ti-metric > i { position:absolute; right:20px; bottom:46px; color:#536777; font-family:Arial,sans-serif; font-size:31px; font-style:normal; }
.st-ti-reference .st-ti-layout { grid-template-columns:1fr 1fr; gap:16px; align-items:start; }.st-ti-reference .st-ti-column { display:grid; gap:16px; min-width:0; }.st-ti-reference .st-ti-panel { border:1px solid var(--ref-rule); border-radius:5px; background:rgba(10,23,35,.9); overflow:hidden; }.st-ti-reference .st-ti-panel-head { min-height:48px; padding:0 16px; border-bottom:1px solid #213444; }.st-ti-reference .st-ti-panel-head h2 { color:#e6edf2; font-size:11px; letter-spacing:.035em; }.st-ti-reference .st-ti-panel-head a { color:#62a7e4; font-family:Montserrat,Arial,sans-serif; font-size:9px; font-weight:800; letter-spacing:.05em; text-decoration:none; text-transform:uppercase; }
.st-ti-reference .st-ti-bars { gap:12px; padding:17px 16px 15px; }.st-ti-reference .st-ti-bar-row { grid-template-columns:70px 1fr 29px; gap:8px; color:#c0ccd4; font-size:11px; }.st-ti-reference .st-ti-bar-row div { height:5px; background:#172936; }.st-ti-reference .st-ti-bar-row i { background:#398bd7; }.st-ti-reference .st-ti-bar-row b { color:#dce6ed; font-size:10px; }.st-ti-reference .st-ti-categories .st-ti-bars { padding-bottom:22px; }
.st-ti-reference .st-ti-severity-body { display:grid; grid-template-columns:1fr 1.15fr; align-items:center; min-height:197px; }.st-ti-reference .st-ti-donut { width:128px; height:128px; margin:0 auto; background:conic-gradient(#da4b4b 0 var(--high),#ec911f var(--high) var(--med),#2779bd var(--med) var(--low),#8b99a5 var(--low) 100%); }.st-ti-reference .st-ti-donut:after { inset:32px; background:var(--ref-panel); border:0; }.st-ti-reference .st-ti-legend { display:grid; grid-template-columns:1fr; gap:14px; padding:0 16px 0 0; color:#d3dde3; font-size:11px; }.st-ti-reference .st-ti-legend span { display:grid; grid-template-columns:10px 1fr auto; align-items:center; gap:6px; }.st-ti-reference .st-ti-legend i { width:8px; height:8px; margin:0; }.st-ti-reference .st-ti-legend b { color:#c5d1d9; font-weight:400; }
.st-ti-reference .st-ti-region-body { position:relative; min-height:156px; }.st-ti-reference .st-ti-country-list { position:relative; z-index:1; width:48%; gap:0; padding:10px 0 8px 16px; }.st-ti-reference .st-ti-country-list div { display:flex; align-items:center; gap:0; padding:5px 0; border:0; color:#d7e0e6; font-size:11px; }.st-ti-reference .st-ti-country-list div::before { content:'•'; flex:0 0 auto; color:#5aa0dd; margin-right:6px; }.st-ti-reference .st-ti-country-list span { display:flex; flex:1; align-items:center; }.st-ti-reference .st-ti-country-list b { color:#9aadb9; font-size:10px; }.st-ti-reference .st-ti-map { position:absolute; right:6px; bottom:6px; width:57%; height:132px; }.st-ti-reference .st-ti-map path { fill:#102534; stroke:#274254; stroke-width:1; }.st-ti-reference .st-ti-map circle { fill:#3686cf; opacity:.75; stroke:#69ace7; stroke-width:1; }
.st-ti-reference .st-ti-volume .st-ti-line-chart { padding:12px 16px 15px; }.st-ti-reference .st-ti-line-chart svg { display:block; width:100%; height:101px; overflow:visible; }.st-ti-reference .st-ti-line-chart polyline { fill:none; stroke:#428fdf; stroke-width:2; vector-effect:non-scaling-stroke; }.st-ti-reference .st-ti-line-chart div { display:grid; grid-template-columns:repeat(7,1fr); }.st-ti-reference .st-ti-line-chart span { color:#94a7b4; font-size:9px; text-align:center; text-transform:uppercase; }.st-ti-reference .st-ti-line-chart b { display:block; margin-bottom:5px; color:#dce7ee; font-size:10px; }.st-ti-reference .st-ti-keyword-list { display:flex; flex-wrap:wrap; gap:8px; padding:14px 16px 16px; }.st-ti-reference .st-ti-keyword-list span { display:flex; gap:12px; min-width:calc(50% - 4px); padding:7px 8px; border:1px solid #29404f; border-radius:3px; color:#c5d1d9; background:#0c1b28; font-size:10px; }.st-ti-reference .st-ti-keyword-list b { margin-left:auto; color:#9caeb9; font-weight:600; }
.st-ti-reference .st-ti-feed-table a { position:relative; grid-template-columns:57px 1fr 62px 5px; gap:9px; min-height:47px; padding:8px 15px; border-bottom:1px solid #203342; color:#cbd5dc; background:transparent; }.st-ti-reference .st-ti-feed-table a:last-child { border-bottom:0; }.st-ti-reference .st-ti-feed-table a:hover { background:#102331; }.st-ti-reference .st-ti-feed-table strong { white-space:normal; color:#dce5ea; font-family:"Open Sans",Arial,sans-serif; font-size:10px; font-weight:600; line-height:1.25; }.st-ti-reference .st-ti-feed-table time { color:#8fa1ae; font-size:9px; text-align:right; }.st-ti-reference .st-ti-feed-table a > i { width:5px; height:5px; border-radius:50%; background:#4a9ce5; }.st-ti-reference .st-sev { min-height:19px; justify-self:start; min-width:52px; padding:0 5px; border-radius:2px; background:transparent; font-size:8px; }.st-ti-reference .st-sev-high { color:#f07171; border-color:#883e43; }.st-ti-reference .st-sev-medium { color:#e6a251; border-color:#805d32; }.st-ti-reference .st-sev-low { color:#65a9e6; border-color:#315f89; }.st-ti-reference .st-sev-info { color:#afbec8; border-color:#526774; }
body.dark-mode .st-ti-reference { --ref-bg:#07121c; --ref-panel:#0a1723; --ref-panel-2:#0c1b29; --ref-rule:#253645; --ref-text:#e7eef4; --ref-muted:#93a4b3; --ref-blue:#3a8ddd; --ref-orange:#e78b1f; --ref-red:#db5051; }.st-ti-reference .st-ti-actions { display:none; }
@media (max-width:760px) { .st-ti-reference { padding:24px 14px 32px; }.st-ti-reference .st-ti-head { flex-direction:column; }.st-ti-reference .st-ti-status { align-items:flex-start; }.st-ti-reference .st-ti-metrics,.st-ti-reference .st-ti-layout { grid-template-columns:1fr; }.st-ti-reference .st-ti-metric + .st-ti-metric { border-left:0; border-top:1px solid var(--ref-rule); }.st-ti-reference .st-ti-filters { flex-wrap:wrap; }.st-ti-reference .st-ti-severity-body { min-height:190px; } }