.overview-view {
  --scan-blue: #58b4fb;
  --scan-clean: #56d5a5;
  --scan-warning: #f2c76a;
  --scan-detected: #ff7f95;
  --scan-muted: #9aadc5;
  --scan-divider: #83b5ed22;
  --overview-gap: 16px;
  position: relative;
  isolation: isolate;
}

.overview-view::before {
  content: '';
  position: absolute;
  z-index: -1;
  inset: 0 0 auto;
  height: 660px;
  pointer-events: none;
  background:
    radial-gradient(ellipse at 12% 9%, #176dd336, transparent 58%),
    radial-gradient(ellipse at 94% 40%, #1b5fa621, transparent 65%);
  background-size: 140% 120%;
  animation: overview-background 19s ease-in-out infinite alternate;
}
.overview-view .overview-heading {
  min-height: 137px;
  align-items: center;
  padding: clamp(18px, 2.4vw, 30px);
  margin-bottom: 19px;
  border: 1px solid #79b5ff26;
  border-radius: 17px;
  background:
    radial-gradient(circle, #bbd7fb2d .65px, transparent 1px) right center / 17px 17px,
    linear-gradient(110deg, #101b2cf7 20%, #142843d9 68%, #14213ad4);
  box-shadow: inset 0 1px #ffffff0a;
}
.overview-heading .eyebrow { color: #88bbf3; }
.overview-heading h1 { color: #f2f7ff; font-weight: 650; }
.overview-heading p { color: #b0c2d8; }
.overview-refresh { display: inline-flex; align-items: center; justify-content: center; gap: 8px; white-space: nowrap; }
.overview-refresh svg { width: 15px; height: 15px; }
.scan-overview [data-verdict='total'] { --verdict-color: var(--scan-blue); }
.scan-overview [data-verdict='clean'] { --verdict-color: var(--scan-clean); }
.scan-overview [data-verdict='warning'] { --verdict-color: var(--scan-warning); }
.scan-overview [data-verdict='detected'] { --verdict-color: var(--scan-detected); }
.scan-overview [data-verdict='none'] { --verdict-color: var(--scan-muted); }

.overview-data { display: grid; gap: var(--overview-gap); }
.overview-data[hidden] { display: none; }
.overview-meta { display: flex; align-items: baseline; justify-content: space-between; flex-wrap: wrap; gap: 6px 16px; padding-inline: 2px; }
.overview-scope,.overview-refreshed { color: var(--scan-muted); font-size: 11px; margin: 0; }
.overview-refreshed { white-space: nowrap; }
.overview-status { color: #b4c6da; margin: 0 0 14px; padding: 16px 20px; }
.overview-metrics { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--overview-gap); }
.workspace-main .overview-metric {
  min-width: 0;
  min-height: 126px;
  padding: 15px 17px 42px;
  position: relative;
  overflow: hidden;
  border-color: #78a7dc2b;
  background: linear-gradient(150deg, #172a43, #111e30 76%);
}
.overview-metric::after { content: ''; position: absolute; right: 16px; top: 18px; width: 7px; height: 7px; border-radius: 50%; background: var(--verdict-color); box-shadow: 0 0 12px var(--verdict-color); }
.overview-metric h2 { color: #b4c8df; font-size: 12px; font-weight: 500; letter-spacing: normal; padding-inline-end: 16px; }
.overview-metric strong { display: block; color: #f2f8ff; font-size: clamp(25px, 2.8vw, 35px); line-height: 1.2; font-variant-numeric: tabular-nums; margin-top: 5px; }
.overview-metric svg { position: absolute; bottom: 0; left: 0; width: 100%; height: 39px; color: var(--verdict-color); }
.overview-spark-fill { fill: currentColor; opacity: .17; }
.overview-spark-line { fill: none; stroke: currentColor; stroke-width: 1.5; vector-effect: non-scaling-stroke; }
.overview-charts { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.55fr); gap: var(--overview-gap); }
.overview-insights { grid-template-columns: minmax(0, 1.55fr) minmax(0, 1fr); }
.workspace-main .overview-card { min-width: 0; padding: 21px; border-color: #78a7dc26; background: linear-gradient(155deg, #142035f5, #101925fa); }
.workspace-main .overview-card h2 { color: #edf5ff; font-weight: 600; }
.workspace-main .overview-card p { color: var(--scan-muted); margin: 4px 0 0; }
.overview-card-heading { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 8px 14px; }
.overview-view-all,.overview-tag { color: #afd0f2; font-size: 11px; border: 1px solid #98c6f82e; padding: 5px 9px; border-radius: 7px; background: #6aaff30e; line-height: 1.4; }
.workspace-main .overview-card .overview-tag { margin: 0; line-height: 1.4; }
.overview-view-all:hover { background: #6aaff32b; }
.overview-view-all span { margin-inline-start: 2px; }

.overview-recent,.overview-legend,.overview-activity,.overview-breakdown { margin: 12px 0 0; padding: 0; list-style: none; }
.workspace-main .overview-card .overview-empty { display: grid; place-items: center; min-height: 137px; border: 1px dashed #87b5e32a; border-radius: 10px; text-align: center; padding: 16px; margin-top: 15px; background: #09111b66; }
.workspace-main .overview-card .overview-empty[hidden] { display: none; }
.overview-recent li + li { border-top: 1px solid var(--scan-divider); }
.overview-scan-link { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 10px; padding: 9px 2px; }
.overview-scan-link:hover .overview-scan-description strong { color: #9accff; }
.overview-scan-icon {
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  border-radius: 8px;
  background: #18324b;
  color: #d3e7ff;
  font-weight: 650;
  position: relative;
}
.overview-scan-icon::after { content: ''; position: absolute; bottom: -2px; right: -2px; width: 8px; height: 8px; border: 2px solid #101927; border-radius: 50%; background: var(--verdict-color); box-sizing: content-box; }
.overview-scan-description { display: grid; min-width: 0; gap: 3px; }
.overview-scan-description strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 13px; }
.overview-scan-details { display: flex; flex-wrap: wrap; gap: 2px 7px; color: var(--scan-muted); font-size: 10px; }
.overview-scan-code { padding: 3px 6px; border-radius: 5px; background: #172e45; color: #bad7f2; font-size: 10px; letter-spacing: .08em; }
.overview-scan-labels { display: flex; flex-wrap: wrap; gap: 5px; }
.overview-scan-badge { border-radius: 4px; padding: 2px 5px; background: #20446a; color: #c3e0ff; font-size: 10px; line-height: 1.2; }
.overview-self-scan { background: #4d2033; color: #ffafbd; }

.overview-trend { display: block; width: 100%; height: auto; margin-top: 12px; overflow: visible; }
.overview-trend text { fill: var(--scan-muted); font-family: inherit; font-size: 12px; }
.overview-gridline { stroke: var(--scan-divider); stroke-width: 1; }
.overview-result-fill { fill: var(--verdict-color); opacity: .10; }
.overview-result-line { fill: none; stroke: var(--verdict-color); stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; vector-effect: non-scaling-stroke; }
.overview-result-point { fill: var(--verdict-color); }
.overview-legend { display: flex; justify-content: center; flex-wrap: wrap; gap: 8px 16px; color: #bbcade; font-size: 11px; }
.overview-legend li { display: inline-flex; align-items: center; gap: 5px; }
.overview-legend li::before { content: ''; background: var(--verdict-color); width: 7px; height: 7px; border-radius: 50%; }
.overview-chart-table { margin-top: 14px; color: #b2c5dc; font-size: 11px; }
.overview-chart-table summary { cursor: pointer; width: fit-content; }
.overview-chart-table table { width: 100%; border-collapse: collapse; margin-top: 9px; text-align: right; font-size: 11px; }
.overview-chart-table th,.overview-chart-table td { padding: 5px 3px; border-bottom: 1px solid var(--scan-divider); }
.overview-chart-table th:first-child { text-align: left; }
.overview-visually-hidden { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }

.overview-calendar-labels,.overview-activity { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 6px; }
.overview-calendar-labels { margin-top: 17px; margin-bottom: 6px; text-align: center; color: var(--scan-muted); font-size: 10px; }
.overview-activity { margin: 0; }
.overview-activity-cell { display: grid; align-content: center; justify-items: center; gap: 3px; min-height: 52px; padding: 5px 2px; border-radius: 7px; border: 1px solid #98c6f818; background: #203048; color: #c1d0e2; font-size: 10px; font-variant-numeric: tabular-nums; }
.overview-activity-cell:not([data-verdict='none']) { background: color-mix(in srgb, var(--verdict-color) var(--activity-strength), #152139); border-color: color-mix(in srgb, var(--verdict-color) 48%, transparent); }
.overview-activity-cell strong { color: #edf5ff; font-size: 13px; }
.overview-activity-cell[data-verdict='none'] strong { color: var(--scan-muted); }
.workspace-main .overview-card .overview-calendar-note { margin-top: 10px; font-size: 11px; }
.overview-breakdown-bar { display: flex; overflow: hidden; gap: 2px; height: 8px; margin-top: 17px; border-radius: 5px; background: #233450; }
.overview-breakdown-segment { background: var(--verdict-color); }
.overview-breakdown { display: grid; gap: 7px; }
.overview-breakdown li { display: grid; grid-template-columns: minmax(0, 1fr) auto 36px; align-items: baseline; gap: 7px; padding-bottom: 7px; border-bottom: 1px solid var(--scan-divider); color: #dce8f7; font-size: 12px; }
.overview-breakdown-label { display: inline-flex; align-items: center; gap: 7px; }
.overview-breakdown-label::before { content: ''; width: 7px; height: 7px; border-radius: 50%; background: var(--verdict-color); }
.overview-breakdown small { color: var(--scan-muted); text-align: end; font-variant-numeric: tabular-nums; }

.overview-data.is-revealing .overview-result-line,.overview-data.is-revealing .overview-spark-line { animation: overview-draw .78s ease-out both; }
.overview-data.is-revealing .overview-result-fill,.overview-data.is-revealing .overview-result-point,.overview-data.is-revealing .overview-spark-fill,.overview-data.is-revealing .overview-breakdown-segment { animation: overview-fade .42s .16s ease-out both; }
@keyframes overview-draw { from { stroke-dasharray: 1; stroke-dashoffset: 1; } to { stroke-dasharray: 1; stroke-dashoffset: 0; } }
@keyframes overview-fade { from { opacity: 0; } }
@keyframes overview-background { from { background-position: 0 0, 100% 50%; } to { background-position: 45% 40%, 50% 10%; } }

@media (min-width: 761px) and (max-width: 1090px), (max-width: 690px) {
  .overview-charts { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 620px) {
  .overview-view { --overview-gap: 13px; }
  .overview-view .overview-heading { min-height: 117px; gap: 11px; flex-wrap: wrap; }
  .overview-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  .workspace-main .overview-metric { min-height: 103px; padding: 11px 12px 34px; }
  .overview-metric::after { right: 12px; top: 15px; }
  .overview-metric svg { height: 29px; }
  .workspace-main .overview-card { padding: 15px; }
  .overview-trend text { font-size: 15px; }
  .overview-calendar-labels,.overview-activity { gap: 4px; }
  .overview-activity-cell { min-height: 45px; font-size: 9px; }
}
@media (max-width: 385px) { .overview-day-label { display: none; } }
@media (prefers-reduced-motion: reduce) {
  .overview-view::before,.overview-data.is-revealing * { animation: none; }
}

/* Customer insights use the same retained scan window as the overview. */
.overview-view { --overview-gap: 18px; --scan-divider: #94b3da1c; }
.overview-view .overview-heading {
  min-height: 118px;
  padding: 23px 25px;
  border-color: #40659042;
  border-radius: 8px;
  background: radial-gradient(ellipse at 94% 0, #165da334, transparent 55%), #111e30;
}
.overview-welcome { display: flex; align-items: center; gap: 15px; min-width: 0; }
.overview-welcome > div { min-width: 0; }
.overview-heading .overview-welcome-avatar { display: grid; place-items: center; width: 45px; height: 45px; flex: 0 0 auto; border: 1px solid #76a9e72b; border-radius: 50%; overflow: hidden; background: #243a55; }
.overview-welcome-avatar img { width: 100%; height: 100%; object-fit: cover; }
.overview-view .overview-heading h1 { font-size: clamp(19px, 2vw, 25px); font-weight: 600; letter-spacing: -.04em; margin: 5px 0 3px; overflow-wrap: anywhere; }
.overview-heading .eyebrow { font-size: 8px; letter-spacing: .11em; }
.overview-view .overview-heading p { font-size: 11px; }
.workspace-main .overview-card,.workspace-main .overview-metric {
  border-radius: 8px;
  border-color: #769ac421;
  background: #111a28f2;
  box-shadow: none;
}
.workspace-main .overview-card { padding: 21px; }
.workspace-main .overview-card h2 { font-size: 16px; font-weight: 500; letter-spacing: -.025em; }
.workspace-main .overview-card p { font-size: 11px; }
.workspace-main .overview-metric { background: linear-gradient(155deg, #14243a, #111c2b); }
.overview-metric::after { box-shadow: none; width: 6px; height: 6px; }
.overview-metric strong { font-size: 29px; }
.overview-card-heading { align-items: flex-start; }
.overview-tag,.overview-view-all { border-radius: 4px; font-size: 10px; }
.overview-scan-link { padding-block: 11px; }
.overview-scan-icon { border-radius: 5px; width: 35px; height: 35px; }
.overview-scan-code { background: #20314a; border-radius: 3px; }
.overview-trend-wrap { position: relative; }
.overview-trend-tooltip {
  position: absolute;
  z-index: 3;
  top: 12px;
  left: clamp(78px, var(--tooltip-x, 50%), calc(100% - 78px));
  transform: translateX(-50%);
  display: grid;
  gap: 6px;
  min-width: 144px;
  padding: 11px 12px;
  color: #c9d8eb;
  border: 1px solid #4b6b934f;
  border-radius: 5px;
  background: #0a121ef5;
  box-shadow: 0 8px 24px #0007;
  pointer-events: none;
  font-size: 10px;
}
.overview-trend-tooltip[hidden] { display: none; }
.overview-trend-tooltip > strong { margin-bottom: 2px; font-size: 11px; color: #e1ebf8; }
.overview-trend-tooltip > span { display: flex; align-items: center; gap: 6px; }
.overview-trend-tooltip > span::before { content: ''; width: 5px; height: 5px; border-radius: 50%; background: var(--verdict-color); }
.overview-trend-tooltip b { margin-left: auto; font-weight: 500; font-variant-numeric: tabular-nums; }
.overview-chart-hit { fill: transparent; cursor: crosshair; }
.overview-chart-hit:focus { outline: none; }
.overview-chart-hit:focus-visible { stroke: #6c9ed280; stroke-width: 1px; }
.overview-chart-cursor { stroke: #9db5d25e; stroke-width: 1; stroke-dasharray: 3 3; pointer-events: none; }
.overview-trend-totals { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin-top: 21px; }
.overview-trend-totals > div { display: flex; align-items: center; gap: 8px; }
.overview-trend-total-mark { display: grid; place-items: center; width: 28px; height: 28px; border-radius: 4px; color: var(--verdict-color); background: color-mix(in srgb, var(--verdict-color) 12%, transparent); font-size: 18px; }
.overview-trend-totals small { display: block; color: #7d91ab; font-size: 10px; line-height: 1.4; }
.overview-trend-totals strong { display: block; color: #d5e2f2; font-size: 13px; font-weight: 500; font-variant-numeric: tabular-nums; }
.overview-chart-table { margin-top: 16px; font-size: 10px; color: #6f88a9; }

.overview-section-heading { margin: 8px 0 15px; }
.overview-section-heading h2 { margin: 0; color: #e1eaf6; font-size: 20px; letter-spacing: -.035em; font-weight: 500; }
.overview-section-heading p { margin: 4px 0 0; font-size: 11px; color: #8297b1; line-height: 1.7; }
.overview-statistics { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); margin: 0; padding: 20px 10px; border: 1px solid #769ac41c; background: #111a28c9; border-radius: 6px; }
.overview-stat { display: flex; align-items: flex-start; gap: 9px; min-width: 0; padding: 0 12px; }
.overview-stat + .overview-stat { border-left: 1px solid #93b3dd1b; }
.overview-stat > svg { width: 17px; height: 17px; margin-top: 5px; flex: 0 0 auto; fill: none; stroke: #4baaff; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
.overview-stat:nth-child(3) > svg { stroke: #ef7b93; }
.overview-stat:nth-child(5) > svg { stroke: #e5bd68; }
.overview-stat-copy { display: flex; flex-direction: column; min-width: 0; }
.overview-stat dt { order: 1; color: #8da1bc; font-size: 10px; margin-top: 2px; }
.overview-stat dd { margin: 0; color: #dce8f7; font-size: 20px; line-height: 1.35; font-weight: 500; font-variant-numeric: tabular-nums; letter-spacing: -.03em; }
.overview-stat small { order: 2; color: #617793; font-size: 8px; line-height: 1.5; margin-top: 3px; }
.overview-insights { grid-template-columns: minmax(0, 1fr); }
.overview-calendar-labels { margin-top: 20px; }
.overview-activity-cell { min-height: 44px; border-radius: 3px; border-color: #8cb1db14; background: #1a2a40; }
.overview-activity-cell strong { font-size: 12px; }
.overview-activity-cell time { font-size: 9px; }
.overview-details-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--overview-gap); }
.overview-details-grid > .overview-card { min-height: 275px; }
.overview-game-mark { display: grid; place-items: center; width: 32px; height: 34px; color: #56b9ff; border: 1px solid #399bdf4a; border-radius: 4px; background: #3299e512; font-size: 23px; font-weight: 700; font-style: italic; }
.overview-game-card .overview-breakdown-bar { margin-top: 25px; height: 14px; border-radius: 3px; }
.overview-game-card .overview-breakdown { gap: 9px; margin-top: 23px; }
.overview-detections,.overview-players,.overview-distribution { list-style: none; padding: 0; margin: 18px 0 0; }
.overview-detections { display: grid; gap: 13px; }
.overview-detections li:not(.overview-insight-empty) { display: grid; grid-template-columns: 16px minmax(0, 1fr) auto; gap: 4px 5px; align-items: baseline; }
.overview-detection-rank { color: #6d83a0; font: 9px/1.5 Consolas, monospace; }
.overview-detection-label { color: #c5d3e6; font-size: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.overview-detection-count { color: #8ea3bf; font-size: 9px; white-space: nowrap; font-variant-numeric: tabular-nums; }
.overview-detection-track { grid-column: 2 / -1; background: #26344a; height: 4px; border-radius: 2px; overflow: hidden; }
.overview-detection-track > span { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, #d96787, #f497ad); }
.workspace-main .overview-card .overview-peak { min-height: 15px; margin-top: 20px; color: #728bab; font-size: 9px; line-height: 1.7; }
.overview-peak strong { color: #c8daef; font-size: 9px; font-weight: 500; }
.overview-hours { display: grid; grid-template-columns: repeat(24, minmax(0, 1fr)); gap: 3px; height: 88px; margin-top: 15px; border-bottom: 1px solid #39516c44; }
.overview-hour { position: relative; display: flex; align-items: flex-end; min-width: 0; height: 100%; border-radius: 2px 2px 0 0; }
.overview-hour::after { content: ''; position: absolute; inset: auto 0 0; height: 1px; background: #5a75944d; }
.overview-hour-stack { display: flex; flex-direction: column-reverse; width: 100%; overflow: hidden; border-radius: 2px 2px 0 0; }
.overview-hour-stack i { display: block; background: var(--verdict-color); opacity: .85; }
.overview-hour-tooltip { display: none; position: absolute; z-index: 3; bottom: calc(100% + 8px); left: 50%; transform: translateX(-50%); width: 142px; border: 1px solid #4765886b; border-radius: 4px; padding: 8px 9px; background: #0a121f; color: #d7e3f4; box-shadow: 0 5px 15px #0005; font-size: 9px; line-height: 1.6; pointer-events: none; }
.overview-hour:hover .overview-hour-tooltip,.overview-hour:focus-visible .overview-hour-tooltip { display: block; }
.overview-hour:nth-child(-n+7) .overview-hour-tooltip { left: 0; transform: none; }
.overview-hour:nth-child(n+18) .overview-hour-tooltip { left: auto; right: 0; transform: none; }
.overview-hour:focus-visible { outline: 1px solid #90bdff; outline-offset: 3px; }
.overview-hour-labels { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin-top: 7px; font-size: 8px; color: #617e9f; }
.overview-weekdays { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 4px; margin-top: 18px; }
.overview-weekday { display: grid; justify-items: stretch; gap: 5px; min-width: 0; }
.overview-weekday-chart { display: flex; align-items: flex-end; height: 24px; border-bottom: 1px solid #354c6844; }
.overview-weekday-chart > i { display: block; width: 100%; border-radius: 2px 2px 0 0; background: #328cd6; }
.overview-weekday small { color: #6e89a9; font-size: 8px; text-align: center; }
.overview-people-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--overview-gap); }
.overview-players { margin-top: 14px; }
.overview-players li + li { border-top: 1px solid #8cb1db12; }
.overview-player { display: grid; grid-template-columns: 32px minmax(0, 1fr) 12px; align-items: center; gap: 10px; padding: 10px 0; }
.overview-player-avatar { display: grid; place-items: center; width: 32px; height: 32px; border: 1px solid #6889ae26; border-radius: 5px; background: #1f3046; color: #a8bfdc; font-size: 14px; }
.overview-player-copy { display: grid; gap: 3px; min-width: 0; }
.overview-player-heading { display: flex; flex-wrap: wrap; align-items: center; gap: 3px 7px; min-width: 0; }
.overview-player-heading strong { max-width: 100%; color: #c8d8ec; font-size: 11px; font-weight: 500; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.overview-player-detected { color: #eb8a9f; background: #963a542e; border-radius: 3px; padding: 2px 5px; font-size: 8px; white-space: nowrap; }
.overview-player-copy small { color: #718bab; font-size: 9px; }
.overview-player-arrow { color: #579bd3; font-size: 11px; }
a.overview-player:hover .overview-player-heading strong { color: #79b6ff; }
.overview-environment-columns { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; margin-top: 20px; }
.overview-environment-columns h3 { margin: 0; color: #9db5d2; font-size: 10px; font-weight: 500; }
.overview-distribution { display: grid; gap: 13px; margin-top: 13px; }
.overview-distribution li:not(.overview-insight-empty) { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: baseline; gap: 4px 5px; }
.overview-distribution-label { color: #c1d0e5; font-size: 9px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.overview-distribution strong { color: #c7d8ed; font-size: 9px; font-weight: 500; white-space: nowrap; font-variant-numeric: tabular-nums; }
.overview-distribution strong small { color: #6582a2; font-size: 8px; }
.overview-distribution-track { grid-column: 1 / -1; height: 3px; overflow: hidden; background: #26344a; border-radius: 2px; }
.overview-distribution-track > span { display: block; height: 100%; background: #549ee5; border-radius: inherit; }
#overviewScannerVersions .overview-distribution-track > span { background: #52b6b6; }
.overview-insight-empty { color: #6f87a6; font-size: 11px; line-height: 1.8; padding: 10px 0; }
@media (max-width: 1300px) {
  .overview-stat { padding-inline: 9px; gap: 7px; }
  .overview-stat > svg { width: 14px; height: 14px; }
  .overview-stat dd { font-size: 18px; }
  .overview-environment-columns { grid-template-columns: 1fr; }
}
@media (min-width: 761px) and (max-width: 1150px), (max-width: 700px) {
  .overview-statistics { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px 0; }
  .overview-stat:nth-child(3n+1) { border-left: 0; }
  .overview-details-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .overview-details-grid > .overview-card:last-child { grid-column: 1 / -1; }
  .overview-people-grid { grid-template-columns: 1fr; }
  .overview-environment-columns { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 620px) {
  .overview-view { --overview-gap: 14px; }
  .overview-view .overview-heading { padding: 19px; gap: 16px; }
  .overview-welcome { gap: 11px; }
  .overview-heading .overview-welcome-avatar { width: 36px; height: 36px; }
  .overview-view .overview-heading h1 { font-size: 20px; }
  .workspace-main .overview-card { padding: 18px; }
  .overview-statistics { grid-template-columns: repeat(2, minmax(0, 1fr)); padding-block: 18px; }
  .overview-stat:nth-child(3n+1) { border-left: 1px solid #93b3dd1b; }
  .overview-stat:nth-child(2n+1) { border-left: 0; }
  .overview-details-grid,.overview-people-grid { grid-template-columns: minmax(0, 1fr); }
  .overview-details-grid > .overview-card { min-height: 0; }
  .overview-environment-columns { grid-template-columns: minmax(0, 1fr); gap: 22px; }
  .overview-trend-totals { gap: 8px; }
  .overview-trend-total-mark { width: 24px; height: 26px; }
  .overview-trend-totals small { font-size: 9px; }
}
@media (prefers-reduced-motion: no-preference) {
  .overview-distribution-track > span,.overview-detection-track > span { animation: overview-insight-bar .6s ease-out both; transform-origin: left; }
  @keyframes overview-insight-bar { from { transform: scaleX(0); } }
}