/* Shared visual refinement: restrained surfaces, clear hierarchy, teal actions. */
:root {
  --bg: #14191e;
  --surface: #19232c;
  --surface2: #202c36;
  --line: #303d47;
  --text: #ccd5dd;
  --muted: #a3afb9;
  --accent: #23b8ca;
  --accent-soft: #182c33;
  --soft: #182c33;
  --heading: #dce3e8;
  --number: #becad3;
  --critical: #e9a0af;
  --high: #d9b77b;
  --success: #9db7ac;
  --button-accent: #23b8ca;
  --button-accent-hover: #26c2d5;
  --button-accent-active: #1fa7b8;
  --pad: 20px;
  --radius: 8px;
  --shadow: none;
}
body { -webkit-font-smoothing: antialiased; }
body.workspace-app { --bg: #14191e; background: #14191e; }
/* Selected outer-divider treatment; preserve spacing and inner panel rules. */
.workspace-app > footer { border-top-color: transparent; }
/* Soften only the scan lettering; preserve the teal host mark. */
.brand-scan-image { opacity: .78; }
.button, .btn { border-radius: 6px; font-weight: 600; box-shadow: none; }
input, select, textarea, .search, .input-action, .password-input { border-radius: 6px; }
.eyebrow, .small-label { letter-spacing: 1.15px; }

/* Public pages: an editorial introduction to the working product. */
.public-header { min-height: 88px; }
.public-brand { width: 191.73px; height: 46.2px; }
.public-hero { gap: 64px; padding-block: 76px 70px; }
.hero-copy h1 { font-size: clamp(38px, 4.1vw, 58px); line-height: 1.13; letter-spacing: -1.9px; font-weight: 600; }
.hero-copy h1 em, .auth-intro em { color: #aebdca; }
.hero-copy .intro { font-size: 16px; line-height: 1.8; }
.hero-visual::before { display: none; }
.preview-window { transform: none; box-shadow: none; border-radius: 8px; border-color: #34414d; background: var(--surface); }
.preview-chrome { background: #19222c; border-color: var(--line); }
.preview-heading h2 { font-size: 25px; font-weight: 600; letter-spacing: -.6px; }
.preview-rail span { border-radius: 4px; }
.preview-metrics > div { background: transparent; border-radius: 5px; border-color: var(--line); }
.preview-metrics strong { font-size: 28px; font-weight: 550; }
.preview-findings { border-radius: 5px; border-color: var(--line); }
.preview-disclaimer { background: var(--bg); border-color: var(--line); }
.preview-avatar { border-radius: 6px; background: #283541; }
.preview-evidence { padding-top: 14px; border-top: 1px solid var(--line); }
.evidence-check { border: 0; background: transparent; border-radius: 0; }
.visual-caption { letter-spacing: 1px; color: var(--muted); }
.availability-strip .status-dot { background: #9caab7; }
.public-section { padding-block: 76px; }
.section-heading h2, .principles-section h2, .final-cta h2 { font-size: 34px; font-weight: 600; letter-spacing: -1px; line-height: 1.2; }
.step-number, .step-foot { color: var(--muted); }
.coverage-section { background: #111820; border-color: var(--line); }
.coverage-grid article { background: var(--surface); border-color: var(--line); border-radius: 8px; }
.feature-copy h3 { font-size: 23px; font-weight: 550; letter-spacing: -.5px; }
.code-preview, .browser-preview { border-radius: 5px; border-color: #33414d; }
.capture-tag { border-radius: 4px; background: #1a3038; box-shadow: none; }
.principles-list article > span { color: var(--muted); }
.final-cta { background: var(--surface); border-color: var(--line); border-radius: 8px; padding: 42px; }
.auth-card { background: var(--surface); border-color: #35414e; border-radius: 8px; box-shadow: none; }
.auth-card-icon { display: none; }
.auth-card h1 { font-size: 28px; font-weight: 600; letter-spacing: -.7px; }
.auth-intro h2 { font-size: 44px; line-height: 1.2; letter-spacing: -1.4px; font-weight: 550; }
.auth-steps > div > span { color: var(--muted); }
.auth-proof { color: var(--muted); }

/* Workspace: flat navigation, neutral data panels, compact status treatments. */
.workspace-app .topbar .brand { width: 203.28px; height: 50.82px; }
.workspace-app .project-switch { margin-left: 8px; }
.workspace-app .project-button, .workspace-app .pop { border-radius: 6px; }
.workspace-app .avatar { border-radius: 7px; background: #26333f; }
.workspace-app .pagehead h1 { font-weight: 600; letter-spacing: -.8px; }
.workspace-app .pagehead p { color: var(--muted); }
.workspace-app .panel, .workspace-app .stat { background: var(--surface); box-shadow: none; border-color: var(--line); }
.workspace-app .panel h2 { font-weight: 600; }
.workspace-app .stat { gap: 12px; }
.workspace-app .stat strong { font-weight: 550; font-variant-numeric: tabular-nums; }
.workspace-app .stat-icon { background: transparent; border-radius: 0; width: 30px; height: 34px; }
.workspace-app .stat-icon .icon { width: 23px; height: 23px; }
.workspace-app .tile-icon { border: 0; background: transparent; border-radius: 0; color: #a4b4c3; }
.workspace-app .badge { border-radius: 4px; font-weight: 550; }
.workspace-app .count { border-radius: 4px; background: #ffffff06; }
.workspace-app .demo-notice { background: #151d25; border-color: var(--line); border-left: 2px solid #526573; border-radius: 4px; }
.workspace-app .demo-notice > .icon { color: #91a4b4; }
.workspace-app .demo-notice > .badge { display: none; }
.workspace-app .banner, .workspace-app .scope-warning, .workspace-app .evidence,
.workspace-app .checkbox-card, .workspace-app .screenshot-card, .workspace-app .coverage-cards > div,
.workspace-app .selection-bar, .workspace-app .app-dialog { border-radius: 6px; box-shadow: none; }
.workspace-app .tabs { padding-bottom: 0; gap: 18px; }
.workspace-app .tabs button { border-radius: 0; border-bottom: 2px solid transparent; padding: 10px 1px 12px; }
.workspace-app .tabs .active { background: transparent; border-bottom-color: var(--button-accent); color: var(--text); }
.workspace-app .scan-subtabs .btn { border-radius: 4px; }
.workspace-app .data-table th { background: #ffffff02; color: #bdc7d0; font-weight: 600; }
.workspace-app .integration-logo { background: transparent; border: 1px solid var(--line); border-radius: 6px; font-size: 18px; }
.workspace-app .dock a { position: relative; border-radius: 5px; }
.workspace-app .dock .active { background: #1a2b33; color: #92d2db; }
.workspace-app .dock svg { width: 22px; height: 22px; }
@media (min-width: 600px) {
  .workspace-app .dock { background: transparent; border: 0; border-right: 1px solid transparent; border-radius: 0; box-shadow: none; padding-left: 0; padding-right: 10px; }
  .workspace-app .dock .active::before { content: ''; position: absolute; inset: 15px auto 15px 0; width: 2px; background: var(--button-accent); }
}
@media (min-width: 768px) {
  .workspace-app .topbar { height: 92px; }
  .workspace-app .stat strong { font-size: 30px; }
}
@media (max-width: 767px) {
  .public-hero { gap: 40px; padding-block: 48px; }
  .hero-copy h1 { font-size: 42px; letter-spacing: -1.3px; }
  .public-section { padding-block: 56px; }
  .section-heading h2, .principles-section h2, .final-cta h2 { font-size: 29px; letter-spacing: -.8px; }
  .final-cta { padding: 30px 26px; }
  .workspace-app .topbar .brand { width: 180.18px; height: 46.2px; }
  .workspace-app .project-switch { margin-left: 0; }
  .workspace-app .responsive .data-table tr { border-radius: 5px; background: transparent; box-shadow: none; }
  .workspace-app .stat-icon { width: 23px; height: 28px; }
  .workspace-app .stat-icon .icon { width: 20px; height: 20px; }
}
@media (max-width: 599px) {
  .public-header { min-height: 80px; }
  .public-brand { width: 164.01px; height: 41.58px; }
  .hero-copy h1 { font-size: 38px; }
  .hero-copy .intro { font-size: 15px; }
  .preview-heading h2 { font-size: 23px; }
  .preview-metrics strong { font-size: 26px; }
  .auth-card { padding: 28px 22px; }
  .workspace-app .dock { border-radius: 8px; background: #151d26fa; box-shadow: 0 2px 12px #0003; }
  .workspace-app .dock a { border-radius: 4px; }
  .workspace-app .tabs { gap: 16px; }
  .workspace-app .stat { gap: 9px; }
  .workspace-app .stat strong { font-size: 27px; }
}
@media (max-width: 370px) {
  .public-brand { width: 145.53px; }
  .hero-copy h1 { font-size: 34px; }
  .workspace-app .stat { gap: 7px; }
  .workspace-app .stat strong { font-size: 25px; }
}
.auth-card .field input, .workspace-app input:not([type=checkbox]),
.workspace-app select, .workspace-app textarea { border-radius: 6px; }
.workspace-app .review-banner { background: #19222b; border-color: var(--line); border-left: 2px solid #4c7581; }
.workspace-app .summary-side { background: transparent; border: 0; border-top: 1px solid var(--line); border-radius: 0; padding-inline: 0; box-shadow: none; }

/* Keep primary page actions beside their headings at every viewport size. */
.workspace-app .pagehead:has(> .actions > :is(a[href="#new-scan"], [data-action="add-asset"])) {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  column-gap: 16px;
  row-gap: 8px;
}
.workspace-app .pagehead:has(> .actions > :is(a[href="#new-scan"], [data-action="add-asset"])) > div:first-child {
  display: contents;
}
.workspace-app .pagehead:has(> .actions > :is(a[href="#new-scan"], [data-action="add-asset"])) h1 {
  grid-column: 1;
  grid-row: 1;
}
.workspace-app .pagehead:has(> .actions > :is(a[href="#new-scan"], [data-action="add-asset"])) p {
  grid-column: 1 / -1;
  grid-row: 2;
  margin-top: 0;
}
.workspace-app .pagehead:has(> .actions > :is(a[href="#new-scan"], [data-action="add-asset"])) > .actions {
  display: flex;
  grid-column: 2;
  grid-row: 1;
  width: auto;
  max-width: none;
  align-self: center;
}
.workspace-app .pagehead:has(> .actions > :is(a[href="#new-scan"], [data-action="add-asset"])) > .actions > .btn {
  flex: none;
  width: auto;
  min-height: 44px;
  padding: 10px 14px;
  white-space: nowrap;
}
.workspace-app .pagehead:has(> .actions > :is(a[href="#new-scan"], [data-action="add-asset"])) > .actions .icon {
  width: 18px;
  height: 18px;
}
@media (max-width: 359px) {
  .workspace-app .pagehead:has(> .actions > :is(a[href="#new-scan"], [data-action="add-asset"])) { column-gap: 10px; }
  .workspace-app .pagehead:has(> .actions > :is(a[href="#new-scan"], [data-action="add-asset"])) > .actions > .btn { padding-inline: 11px; }
}

/* Asset inventory: one aligned record per row, without nested mobile cards. */
.workspace-app #inventory .inventory-toolbar { align-items: end; }
.workspace-app #inventory .search input { font-weight: 400; }
.workspace-app .inventory-table { border: 0; border-radius: 0; overflow: visible; }
.workspace-app .inventory-table .data-table { width: 100%; table-layout: fixed; }
.workspace-app .inventory-table .data-table th:first-child { width: auto; }
.workspace-app .inventory-table .data-table th:nth-child(2) { width: 148px; }
.workspace-app .inventory-table .data-table th:nth-child(3) { width: 126px; }
.workspace-app .inventory-table .data-table th:last-child { width: 44px; }
.workspace-app .inventory-table .data-table th,
.workspace-app .inventory-table .data-table td { padding: 14px 10px; vertical-align: middle; border-bottom: 1px solid var(--line); }
.workspace-app .inventory-table .data-table th { padding-block: 10px; }
.workspace-app .inventory-table .data-table td.name-cell { min-width: 0; max-width: none; }
.workspace-app .inventory-table .data-table td.asset-scope { min-width: 0; }
.workspace-app .inventory-table .data-table td.asset-open { padding-inline: 0; }
.workspace-app .inventory-table .asset-pick { gap: 8px; align-items: center; }
.workspace-app .inventory-table .asset-select-hit { margin: 0; width: 36px; min-width: 36px; height: 44px; }
.workspace-app .inventory-table .asset-pick > div { flex: 1; min-width: 0; }
.workspace-app .inventory-table .asset-link { font-size: 13px; font-weight: 600; line-height: 1.5; }
.workspace-app .inventory-table .asset-description { font-size: 11px; font-weight: 400; line-height: 1.5; margin-top: 2px; color: var(--muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.workspace-app .inventory-table .asset-status .badge { margin: 2px 4px 2px 0; white-space: normal; }
.workspace-app .inventory-table .asset-scope .badge { white-space: nowrap; }
.workspace-app .inventory-table .data-table tr:has([data-select-asset]:checked) td { background: #182d34; }
.workspace-app .inventory-select { margin-bottom: 0; padding-block: 8px; }
.workspace-app .inventory-select .inline-label { min-height: 36px; }
@media (max-width: 1100px) {
  .workspace-app .inventory-table .data-table th:nth-child(2) { width: 128px; }
  .workspace-app .inventory-table .data-table th:nth-child(3) { width: 116px; }
}
@media (max-width: 900px) {
  .workspace-app .inventory-table .data-table,
  .workspace-app .inventory-table .data-table tbody { display: block; }
  .workspace-app .inventory-table .data-table thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
  .workspace-app .inventory-table .data-table tr {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto 32px;
    gap: 4px 10px;
    padding: 14px 0;
    border: 0;
    border-top: 1px solid var(--line);
    border-radius: 0;
    background: transparent;
  }
  .workspace-app .inventory-table .data-table td {
    display: block; width: auto; min-width: 0; padding: 0;
    border: 0; background: transparent; font-size: 12px;
  }
  .workspace-app .inventory-table .data-table td::before { display: none; }
  .workspace-app .inventory-table .data-table td.name-cell { grid-column: 1 / 3; grid-row: 1; margin: 0; }
  .workspace-app .inventory-table .data-table td.asset-status { grid-column: 1; grid-row: 2; padding-left: 44px; align-self: center; }
  .workspace-app .inventory-table .data-table td.asset-scope { grid-column: 2; grid-row: 2; align-self: center; text-align: right; }
  .workspace-app .inventory-table .data-table td.asset-open { grid-column: 3; grid-row: 1 / 3; align-self: center; }
  .workspace-app .inventory-table .row-open { width: 32px; min-width: 32px; height: 44px; min-height: 44px; padding: 0; }
  .workspace-app .inventory-table .asset-link { font-size: 14px; }
  .workspace-app .inventory-table .badge { font-size: 10px; padding: 3px 6px; }
  .workspace-app .inventory-table .data-table tr:has([data-select-asset]:checked) { background: #182d34; }
  .workspace-app .inventory-table .data-table tr:has([data-select-asset]:checked) td { background: transparent; }
  .workspace-app .inventory-table .data-table tr:hover > td { background: transparent; }
}
@media (max-width: 480px) {
  .workspace-app .inventory-table .data-table tr { column-gap: 7px; padding-block: 12px; }
  .workspace-app .inventory-table .data-table td.asset-status { padding-left: 0; }
  .workspace-app .inventory-table .asset-link { font-size: 13px; }
  .workspace-app .inventory-table .asset-scope .badge { font-size: 9px; padding-inline: 5px; }
}

/* Overview metrics share an open section instead of four separate cards. */
.workspace-app .stats { gap: 0; margin-block: 4px 24px; }
.workspace-app .stats > .stat {
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  padding: 20px 24px;
  align-items: flex-start;
  min-height: 100px;
}
.workspace-app .stats > .stat + .stat { border-left: 1px solid var(--line); }
.workspace-app .stats > .stat:first-child { padding-left: 4px; }
.workspace-app .stats > .stat:hover { background: #ffffff03; }
.workspace-app .stats > .stat:focus-visible { outline: 2px solid var(--button-accent); outline-offset: -3px; }
.workspace-app .stats > .stat > div:last-child { min-width: 0; overflow-wrap: anywhere; }
@media (max-width: 1150px) {
  .workspace-app .stats > .stat { padding: 20px; }
  .workspace-app .stats > .stat:nth-child(odd) { border-left: 0; padding-left: 4px; }
  .workspace-app .stats > .stat:nth-child(n+3) { border-top: 1px solid var(--line); }
}
@media (max-width: 599px) {
  .workspace-app .stats { margin-bottom: 20px; }
  .workspace-app .stats > .stat { padding: 18px 12px; }
}

/* Overview is a concise summary; evidence and full history live in their views. */
.workspace-app .stats.dashboard-stats { margin-block: 0 20px; }
.workspace-app .stats.dashboard-stats > .stat { min-height: 0; padding: 12px 20px; }
.workspace-app .stats.dashboard-stats > .stat:first-child { padding-left: 0; }
.workspace-app .dashboard-stats .stat strong { font-size: 28px; }
.workspace-app .dashboard-stats .stat span { margin-top: 6px; }
.dashboard-grid {
  display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 36px; align-items: start;
  padding: 20px 20px 12px; border: 1px solid #303d47; border-radius: 8px; background: #19232c;
  --line: #303d47;
}
.dashboard-section { min-width: 0; }
.dashboard-heading { display: flex; justify-content: space-between; align-items: center; gap: 8px; padding-bottom: 6px; }
.dashboard-heading h2 { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; font-size: 16px; }
.dashboard-heading .link { flex: none; font-size: 11px; gap: 5px; min-height: 40px; }
.dashboard-row { display: grid; grid-template-columns: minmax(0,1fr) 32px; align-items: center; gap: 8px; border-top: 1px solid var(--line); padding: 16px 0; min-height: 96px; }
.dashboard-row-content { min-width: 0; }
.dashboard-title { display: block; color: var(--text); font-size: 13px; font-weight: 600; line-height: 1.5; overflow-wrap: anywhere; }
.dashboard-title:hover { color: var(--accent); }
.dashboard-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 8px; font-size: 11px; color: var(--muted); line-height: 1.5; margin-top: 5px; }
.dashboard-target { overflow-wrap: anywhere; min-width: 0; }
.dashboard-meta .badge { font-size: 10px; padding: 2px 5px; font-weight: 500; }
.dashboard-severity.critical { color: var(--critical); }
.dashboard-severity.high { color: var(--high); }
.dashboard-severity.medium { color: var(--medium); }
.dashboard-severity { font-weight: 600; }
.dashboard-row .row-open { min-width: 32px; min-height: 44px; }
.dashboard-section .list-empty { padding: 24px 12px; border-top: 1px solid var(--line); }
.dashboard-section .list-empty h3 { font-size: 14px; }
.dashboard-section .list-empty p { font-size: 12px; }
@media (min-width: 700px) {
  .dashboard-section:nth-child(2) { position: relative; }
  .dashboard-section:nth-child(2)::before { display: none; }
  .workspace-app .stats.dashboard-stats { grid-template-columns: repeat(4,minmax(0,1fr)); }
  .workspace-app .stats.dashboard-stats > .stat { border-top: 0; border-left: 1px solid var(--line); padding-left: 20px; }
  .workspace-app .stats.dashboard-stats > .stat:first-child { border-left: 0; padding-left: 0; }
}
@media (max-width: 699px) {
  .dashboard-grid { grid-template-columns: minmax(0,1fr); gap: 28px; padding-inline: 16px; }
  .dashboard-section:nth-child(2) { border-top: 1px solid var(--line); padding-top: 12px; }
  .workspace-app .stats.dashboard-stats > .stat:nth-child(odd) { padding-left: 0; }
}

/* Overview text uses a consistent hierarchy without bright white metrics. */
.workspace-app {
  --overview-heading: #dce3e8;
  --overview-body: #ccd5dd;
  --overview-secondary: #a3afb9;
  --overview-number: #becad3;
  --overview-link: #8fb8c2;
  --overview-critical: #e9a0af;
  --overview-high: #d9b77b;
  --overview-success: #9db7ac;
}
/* Selected slate preview: muted silver with color focused on severity. */
.has-overview #main {
  --overview-heading: #dce3e8;
  --overview-body: #ccd5dd;
  --overview-secondary: #a3afb9;
  --overview-number: #becad3;
  --overview-link: #a7b9c8;
  --overview-critical: #e9a0af;
  --overview-high: #d9b77b;
  --overview-success: #9db7ac;
  --overview-arrow: #91a2af;
}
.workspace-app .pagehead h1 { color: var(--overview-heading); }
.workspace-app .topbar :is(.project-button,.account-label) { color: var(--overview-body); }
.workspace-app .dock a:not(.active) { color: var(--overview-secondary); }
.workspace-app footer { color: #8493a2; }
.dashboard-heading h2, .dashboard-section .list-empty h3 { color: var(--overview-heading); }
.dashboard-meta, .dashboard-heading .count, .dashboard-section .list-empty p { color: var(--overview-secondary); }
.dashboard-row .dashboard-title { color: var(--overview-body); }
.dashboard-meta .badge.neutral { color: var(--overview-secondary); }
.dashboard-meta .badge.critical { color: var(--overview-critical); }
.dashboard-meta .badge.high { color: var(--overview-high); }

/* Shared workspace header: identical logo, project and account geometry on every route. */
.workspace-app .topbar {
  display: grid;
  grid-template-columns: 152.46px minmax(0,1fr) auto;
  grid-template-rows: 44px;
  height: 80px;
  gap: 0 12px;
  padding: 12px 0 23px;
  align-items: center;
}
.workspace-app .topbar > .brand { grid-column: 1; grid-row: 1; order: 0; width: 152.46px; height: 41.58px; }
.workspace-app .topbar > .top-meta { grid-column: 3; grid-row: 1; order: 0; margin: 0; }
.workspace-app .workspace-name { display: none; }
.workspace-app .topbar > .project-switch { grid-column: 2; grid-row: 1; order: 0; margin: 0; width: 180px; max-width: 100%; justify-self: end; }
.project-caption { display: none; }
.workspace-app .project-button { display: flex; align-items: center; justify-content: space-between; gap: 10px; width: 100%; min-height: 44px; padding: 5px 12px; border: 1px solid var(--line); border-radius: 6px; background: #ffffff02; }
.workspace-app .project-caption { display: none; grid-column: 1; grid-row: 1; color: var(--muted); font-size: 9px; font-weight: 400; line-height: 1.2; }
.workspace-app #project-name { grid-column: 1; grid-row: 2; min-width: 0; max-width: 100%; font-size: 11px; line-height: 1.4; }
.workspace-app .project-button .icon { flex: none; }
.workspace-app .project-switch .pop { position: absolute; left: auto; right: 0; top: calc(100% + 8px); width: 300px; max-width: calc(100vw - 32px); }
.workspace-app .topbar .avatar { display: flex; align-items: center; gap: 8px; width: auto; min-width: 44px; height: 44px; padding: 6px 10px; border-radius: 6px; background: transparent; font-size: 11px; font-weight: 500; }
.workspace-app .topbar #account-initials { display: grid; place-items: center; width: 26px; height: 26px; border-radius: 4px; background: #23303b; color: #bdc9d3; font-size: 11px; }
.workspace-app .topbar .avatar .icon { width: 13px; height: 13px; color: var(--muted); }
.workspace-app .topbar :is(.project-button,.avatar):hover,
.workspace-app .topbar details[open] > summary { border-color: #52616d; background: #ffffff05; }
.workspace-app .dashboard-section > .stats.dashboard-stats {
  display: grid; grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 0; margin: 0 0 16px; padding: 12px 0 16px;
}
.workspace-app .dashboard-section > .stats.dashboard-stats > .stat {
  display: flex; align-items: center; justify-content: center;
  position: relative; min-height: 44px; padding: 0;
  border: 0; border-radius: 0; background: transparent;
}
.workspace-app .dashboard-section > .stats.dashboard-stats > .stat:first-child { justify-content: flex-start; }
.workspace-app .dashboard-section > .stats.dashboard-stats > .stat:last-child { justify-content: flex-end; }
.workspace-app .dashboard-section > .stats.dashboard-stats > .stat + .stat::before {
  content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%);
  height: 18px; width: 1px; background: var(--line);
}
.workspace-app .dashboard-section .dashboard-stats .stat > div { display: flex; flex-direction: column; align-items: flex-start; gap: 4px; }
.workspace-app .dashboard-section .dashboard-stats .stat strong { font-size: 20px; font-weight: 500; color: var(--overview-number); letter-spacing: -.3px; line-height: 1.2; }
.workspace-app .dashboard-section .dashboard-stats .stat span { font-size: 10px; color: var(--overview-secondary); margin: 0; }
.workspace-app .pagehead { margin-bottom: 24px; }
.workspace-app .pagehead h1 { font-size: 24px; }
.has-overview .pagehead p { display: none; }
.workspace-app main { padding-top: 20px; }
.dashboard-heading h2 { font-size: 14px; line-height: 1.5; font-weight: 600; }
@media (max-width: 767px) { .dashboard-heading h2 { font-size: 16px; } }
.dashboard-heading .count { background: transparent; padding: 0; font-weight: 400; }
.dashboard-heading .link { color: var(--button-accent); }
.dashboard-heading .link:hover { color: var(--button-accent-hover); }
a.dashboard-row { color: inherit; border-radius: 0; }
a.dashboard-row:hover { background: #ffffff03; text-decoration: none; }
a.dashboard-row:focus-visible { outline: 2px solid var(--button-accent); outline-offset: -2px; }
.dashboard-row:is(:hover,:focus-visible) .dashboard-title { color: var(--overview-heading); }
.dashboard-arrow { display: grid; place-items: center; color: var(--overview-arrow,#7e8c99); }
.dashboard-arrow .icon { width: 16px; height: 16px; }
.dashboard-title { font-weight: 500; }
.dashboard-severity.critical { color: var(--overview-critical); }
.dashboard-severity.high { color: var(--overview-high); }
.dashboard-meta .badge { background: transparent; border: 0; padding: 0; font-weight: 400; }
.dashboard-meta .badge.success { color: var(--overview-success); }
.dashboard-meta .badge.accent { color: var(--overview-link); }
.dashboard-section .list-empty { padding: 24px 0; text-align: left; }
@media (min-width: 600px) {
  .workspace-app #navigation { top: 100px; }
}
@media (max-width: 599px) {
  .workspace-app .topbar { grid-template-columns: minmax(0,1fr) auto; grid-template-rows: 41.58px 44px; height: 129.58px; row-gap: 8px; }
  .workspace-app .topbar > .brand { grid-column: 1 / -1; }
  .workspace-app .topbar > .top-meta { grid-column: 2; grid-row: 2; }
  .workspace-app .topbar > .project-switch { grid-column: 1; grid-row: 2; justify-self: end; }
  .workspace-app .project-switch .pop { left: 0; right: auto; }
  .workspace-app #navigation { top: auto; }
}

.public-footer .public-brand { width: 184.8px; height: 42.735px; }

/* Matched metric icons and counts, with centered labels below. */
.workspace-app .dashboard-section .dashboard-stats .stat > div {
  align-items: center; min-width: 56px; max-width: 100%; gap: 4px; text-align: center;
}
.workspace-app .dashboard-section .dashboard-stats .metric-value {
  display: flex; align-items: center; justify-content: center; gap: 6px; max-width: 100%;
}
.dashboard-stats .metric-value .icon {
  display: block; flex: none; width: 24px; height: 24px;
  fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round;
}
.dashboard-stats .stat[data-severity="critical"] .icon { color: var(--overview-secondary); }
.dashboard-stats .stat[data-severity="critical"][data-has-findings="true"] .icon { color: #ff859d; }
.dashboard-stats .stat[data-severity="high"] .icon { color: var(--overview-high); }
.dashboard-stats .stat:is([data-metric="affected"],[data-metric="websites"],[data-metric="hosts"]) .icon { color: #82b4bf; }
.dashboard-stats .stat[data-metric="running"] .icon { color: #91a2af; }
.workspace-app .dashboard-section .dashboard-stats .stat > div > span { width: 100%; text-align: center; }

/* Larger labels in the left navigation, including unfolded Fold. */
@media (min-width: 600px) {
  .workspace-app #navigation a { font-size: 13px; line-height: 1.25; }
}

/* Keep the expanded navigation usable on compact screens. */
@media (max-width: 599px) {
  .workspace-app #navigation { gap: 2px; overflow-x: auto; justify-content: flex-start; scroll-padding-inline: 6px; }
  .workspace-app #navigation a { flex: 1 0 58px; width: auto; min-width: 58px; padding-inline: 3px; font-size: 10px; }
  .workspace-app #navigation a[href="#sessions"] { flex-basis: 70px; }
}
.workspace-app .live-session-connection .panel-head { flex-wrap: wrap; gap: 12px; }

.workspace-app .discovery-summary > div:first-child { display: flex; }
.workspace-app #navigation a > span { max-width: 100%; }
/* A short, quiet transition keeps route changes from flashing. */
.workspace-app #main { transition: opacity 100ms ease-out; }
.workspace-app.is-navigating #main { opacity: .72; }
@media (prefers-reduced-motion: reduce) {
  .workspace-app #main { transition: none; }
  .workspace-app.is-navigating #main { opacity: 1; }
}
@media (min-width: 600px) and (max-width: 1150px) {
  .workspace-app #navigation a[href="#sessions"] > span { max-width: 60px; }
}

/* Shared compact project/account dropdowns. */
.workspace-app .topbar :is(#project-menu,#account-menu) > .pop {
  position: absolute; inset: calc(100% + 8px) 0 auto auto;
  width: 260px; max-width: calc(100vw - 32px); padding: 8px;
  background: var(--surface); border: 1px solid var(--line); border-radius: 6px;
  max-height: min(60dvh,calc(100dvh - 160px));
}
.workspace-app .topbar .pop h3 {
  margin: 0; padding: 5px 8px 7px; color: var(--muted);
  font-size: 11px; line-height: 16px; font-weight: 500;
}
.workspace-app .topbar .pop > :is(button,a) {
  min-height: 36px; padding: 7px 8px; gap: 8px;
  font-size: 12px; line-height: 18px; font-weight: 400; border-radius: 4px;
}
.workspace-app .topbar .pop > :is(button,a) .icon {
  width: 16px; height: 16px; flex: none;
}
.workspace-app .topbar .pop > :is(button,a):hover { background: var(--surface2); }
.workspace-app .topbar .pop > button.current { color: #92d2db; background: #1a353d; }
.workspace-app #project-options [data-action="switch-project"] > span {
  display: block; min-width: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;
}
.workspace-app .topbar .pop > :is(.new-project,.menu-separated) {
  margin-top: 5px; padding-top: 8px; border-top: 1px solid var(--line); border-radius: 0;
}
.workspace-app .topbar .account-identity { padding: 5px 8px 9px; margin-bottom: 4px; border-bottom: 1px solid var(--line); }
.workspace-app .topbar .account-identity h3 { padding: 0; font-size: 12px; color: var(--text); }
.workspace-app .topbar #account-email { margin: 3px 0 0; font-size: 11px; line-height: 16px; }
@media (max-width: 599px) {
  .workspace-app .topbar #project-menu > .pop { left: 0; right: auto; }
}
.workspace-app .topbar { border-bottom-color: transparent; }

/* Overview design language across inventories, reports, settings and public pages. */
:is(h1,h2,h3) { color: var(--heading); }
.workspace-app .pagehead p { font-size: 13px; line-height: 1.6; }
.workspace-app .panel { padding: 20px; border-radius: 8px; }
.workspace-app .panel-head { margin-bottom: 20px; }
.workspace-app .panel h2, .workspace-app .dialog-head h2 { font-size: 14px; line-height: 1.5; font-weight: 600; }
.workspace-app .panel h3 { font-size: 13px; font-weight: 600; }
.workspace-app .panel .report-attention { font-size: 20px; line-height: 1.4; }
.workspace-app .panel :is(.detail-heading,.empty h2,.list-empty h2) { font-size: 18px; }
.workspace-app :is(.data-table .name-cell a,.asset-link,.scan-row .name,.finding-row .title) { color: var(--text); font-weight: 500; }
.workspace-app :is(.data-table .name-cell a,.asset-link,.scan-row .name,.finding-row .title):hover { color: var(--heading); }
.workspace-app :is(.link,.text-button) { color: var(--button-accent); }
.workspace-app :is(.link,.text-button):hover { color: var(--button-accent-hover); }
.workspace-app :is(.tablewrap,.evidence,.checkbox-card,.screenshot-card,.service-chip) { border-radius: 6px; }
.workspace-app :is(.app-dialog,.screenshot-card,.checkbox-card) { background: var(--surface); }
.workspace-app .app-dialog .dialog-head { padding: 18px 20px; }
.workspace-app .app-dialog .dialog-body { padding: 20px; }
.workspace-app :is(.discovery-summary,.latest-scan-summary) strong { color: var(--number); font-weight: 500; }
.workspace-app :is(.badge.critical,.banner.error) { background: #2a202b; border-color: #65404d; }
.workspace-app :is(.badge.high,.banner.warning) { background: #2b2821; border-color: #63553c; }
.workspace-app :is(.badge.success,.banner.success) { background: #1c2c2b; border-color: #3a514c; }
.workspace-app :is(input:not([type=checkbox]),select,textarea), .auth-card .field input { background: var(--bg); border-color: #3b4a56; }
.workspace-app .scan-subtabs .btn.active { background: var(--accent-soft); border-color: #3c6a76; color: var(--heading); }
.workspace-app .row-open { color: #91a2af; }
.workspace-app .btn.danger, .workspace-app .danger-zone { color: var(--critical); }

/* One wordmark size and treatment, including the public header and footer. */
.public-header .public-brand, .public-footer .public-brand { width: 152.46px; height: 41.58px; }
.public-brand .brand-scan-image { filter: contrast(1.3); }
.public-header { min-height: 80px; border-bottom-color: transparent; }
.auth-footer, .public-footer { border-top-color: transparent; }
.public-header .button, .auth-page .button, .final-cta .button { font-size: 13px; line-height: 1.4; min-height: 44px; }
.public-header .button { padding: 10px 14px; }
.public-header nav { font-size: 13px; }
.public-header .login-link, .back-link { color: var(--muted); }
.coverage-section { background: var(--bg); border-color: transparent; }
:is(.preview-window,.auth-card,.coverage-grid article,.final-cta) { background: var(--surface); border-color: var(--line); }
:is(.preview-chrome,.code-preview,.browser-preview) { background: var(--bg); border-color: var(--line); }
.public-icon { stroke-linecap: round; stroke-linejoin: round; }
.auth-card h1 { font-size: 24px; letter-spacing: -.8px; }
.auth-intro h2 { color: var(--heading); }
.auth-switch a, .text-link, .availability-strip a { color: var(--button-accent); }
.hero-copy h1 { color: var(--heading); }
.preview-metrics strong { color: var(--number); }
@media (max-width: 699px) {
  .workspace-app .panel { padding: 20px 16px; }
  .workspace-app .app-dialog .dialog-body { padding: 20px 16px; }
}
@media (max-width: 370px) {
  .public-header { flex-wrap: wrap; row-gap: 8px; padding-block: 12px; }
  .public-header nav { margin-left: auto; }
}

/* Reports and findings use the same open rows inside a single shared surface. */
.workspace-app :is(.scan-table,.finding-table) { border: 0; border-radius: 0; }
@media (max-width: 767px) {
  .workspace-app :is(.scan-table,.finding-table) .data-table tr {
    border: 0; border-top: 1px solid var(--line); border-radius: 0; padding: 16px 0; background: transparent;
  }
}
/* Public product preview reflects the selected Overview, including all four icons. */
.preview-overview { display: grid; grid-template-columns: minmax(0,1.5fr) minmax(0,1fr); gap: 24px; }
.preview-overview section { min-width: 0; }
.preview-overview section+section { border-left: 1px solid var(--line); padding-left: 16px; }
.preview-section-heading { display: flex; align-items: center; justify-content: space-between; gap: 8px; min-height: 36px; }
.preview-section-heading h3 { font-size: 12px; font-weight: 600; }
.preview-section-heading>span { font-size: 9px; color: var(--button-accent); white-space: nowrap; }
.preview-stat-pair { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); padding: 16px 0 22px; }
.preview-stat-pair>div { min-width: 0; text-align: center; }
.preview-stat-pair>div+div { border-left: 1px solid var(--line); }
.preview-stat-value { display: flex; justify-content: center; align-items: center; gap: 6px; }
.preview-stat-value strong { font-size: 20px; color: var(--number); font-weight: 500; line-height: 1.3; }
.preview-stat-value .public-icon { width: 22px; height: 22px; flex: none; stroke-width: 2; }
.preview-stat-value.critical { color: #ff859d; }
.preview-stat-value.high { color: var(--high); }
.preview-stat-value.targets { color: #82b4bf; }
.preview-stat-value.running { color: #91a2af; }
.preview-stat-pair>div>span { display: block; font-size: 10px; color: var(--muted); margin-top: 5px; }
.preview-record { padding: 16px 0; min-height: 90px; border-top: 1px solid var(--line); }
.preview-record strong { display: block; font-size: 12px; font-weight: 500; line-height: 1.5; overflow-wrap: anywhere; }
.preview-record small { display: block; margin-top: 6px; color: var(--muted); font-size: 10px; overflow-wrap: anywhere; }
.preview-record small .critical { color: var(--critical); }
@media (max-width: 580px) {
  .preview-overview { grid-template-columns: minmax(0,1fr); gap: 20px; }
  .preview-overview section+section { border-left: 0; border-top: 1px solid var(--line); padding: 12px 0 0; }
  .preview-record { min-height: 0; }
}
.workspace-app .search input { font-weight: 400; }
/* Scan history uses compact rows like the website inventory on Fold and phones. */
@media (max-width: 767px) {
  .workspace-app .scan-table .data-table tr {
    display: grid; grid-template-columns: minmax(0,1fr) auto 32px;
    gap: 8px 10px; padding: 18px 0;
  }
  .workspace-app .scan-table .data-table td { display: block; min-width: 0; width: auto; padding: 0; border: 0; font-size: 12px; }
  .workspace-app .scan-table .data-table td::before { display: none; }
  .workspace-app .scan-table .data-table td:first-child { grid-column: 1 / 3; grid-row: 1; margin: 0; }
  .workspace-app .scan-table .data-table td:nth-child(2) { grid-column: 1; grid-row: 2; align-self: center; }
  .workspace-app .scan-table .data-table td:nth-child(3) { grid-column: 1 / 3; grid-row: 3; color: var(--muted); }
  .workspace-app .scan-table .data-table td:nth-child(3) .sub { display: inline; margin-left: 8px; }
  .workspace-app .scan-table .data-table td:nth-child(4) { grid-column: 2; grid-row: 2; color: var(--muted); font-size: 10px; align-self: center; }
  .workspace-app .scan-table .data-table td:last-child { grid-column: 3; grid-row: 1 / 4; align-self: center; }
  .workspace-app .scan-table .row-open { width: 32px; min-width: 32px; min-height: 44px; padding: 0; border: 0; }
  .workspace-app .scan-table .row-open::before { display: none; }
}
@media (max-width: 480px) {
  .workspace-app .scan-table .data-table td:nth-child(4) { grid-column: 1 / 3; grid-row: 4; }
  .workspace-app .scan-table .data-table td:last-child { grid-row: 1 / 5; }
}
/* Keep Overview status text unboxed and compact row arrows understated. */
.workspace-app .dashboard-meta .badge { background: transparent; border: 0; }
@media (max-width: 767px) {
  .workspace-app .scan-table .data-table td:last-child .row-open {
    width: 32px; min-height: 44px; padding: 0; border: 0; color: #91a2af;
  }
  .workspace-app .scan-table .data-table td:last-child .row-open::before { display: none; }
  .workspace-app .scan-table .name-cell a { font-size: 13px; }
}

/* Shared section header accent: selected rounded marker, option 2. */
:root { --section-accent: #58a8b5; }
:is(.workspace-app .dashboard-heading,
  .workspace-app .panel-head > h2,
  .workspace-app .panel > .detail-heading,
  .workspace-app .panel > h3,
  .workspace-app .app-dialog section > h3,
  .workspace-app :where(#asset-scope-form) > h3,
  .preview-section-heading,
  .section-heading h2,
  .principles-section > div > h2,
  .final-cta h2,
  .auth-intro > h2) {
  position: relative;
  padding-left: 14px;
}
:is(.workspace-app .dashboard-heading,
  .workspace-app .panel-head > h2,
  .workspace-app .panel > .detail-heading,
  .workspace-app .panel > h3,
  .workspace-app .app-dialog section > h3,
  .workspace-app :where(#asset-scope-form) > h3,
  .preview-section-heading,
  .section-heading h2,
  .principles-section > div > h2,
  .final-cta h2,
  .auth-intro > h2)::before {
  content: "";
  position: absolute;
  left: 0;
  top: var(--section-accent-top, calc(.5lh - 8px));
  width: 3px;
  height: 16px;
  background: var(--section-accent);
  border-radius: 3px;
  pointer-events: none;
}
.workspace-app .dashboard-heading { --section-accent-top: 12px; }
.preview-section-heading { --section-accent-top: calc(50% - 8px); }
.workspace-app .panel-head > h2 { min-width: 0; overflow-wrap: anywhere; }

/* Secondary-page audit: compact controls, aligned inventory and readable evidence. */
.workspace-app:not(.has-overview) .pagehead > .actions {
  width: auto; max-width: 100%; justify-content: flex-start;
}
.workspace-app:not(.has-overview) .pagehead > .actions > .btn {
  flex: none; width: auto; min-height: 44px; padding: 10px 14px;
}
.workspace-app[data-state="scans-new"] .pagehead {
  display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 10px 16px;
}
.workspace-app[data-state="scans-new"] .pagehead > div:first-child { display: contents; }
.workspace-app[data-state="scans-new"] .pagehead h1 { grid-column: 1; align-self: center; }
.workspace-app[data-state="scans-new"] .pagehead p { grid-column: 1 / -1; margin: 0; }
.workspace-app[data-state="scans-new"] .pagehead > .actions { grid-column: 2; grid-row: 1; }
.workspace-app:not(.has-overview) .panel-head > :is(.btn,.badge) { flex-shrink: 0; }
.workspace-app .toolbar:has(#finding-search) .search { flex-basis: 100%; }
.workspace-app .toolbar:has(#finding-search) .filter-label {
  flex: 1; flex-direction: column; align-items: stretch; gap: 6px; font-size: 11px;
}
.workspace-app .toolbar:has(#finding-search) select { width: 100%; min-width: 0; }
.workspace-app .discovery-summary { gap: 20px; margin-bottom: 16px; }
.workspace-app .discovery-summary strong { font-size: 18px; color: var(--overview-number); font-weight: 500; }
.workspace-app .report-summary-compact .status-strip { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; }
.workspace-app .scan-setup .scope-warning {
  border: 0; border-left: 2px solid var(--line); border-radius: 0;
  background: transparent; padding: 4px 0 4px 12px;
}
.workspace-app .live-session-connection .list-empty {
  display: grid; grid-template-columns: 32px minmax(0,1fr); gap: 10px 16px;
  text-align: left; padding: 20px 4px 12px;
}
.workspace-app .live-session-connection .list-empty > .icon { grid-column: 1; grid-row: 1 / 3; color: #82b4bf; margin: 0; }
.workspace-app .live-session-connection .list-empty > :is(h3,p,.btn,.link) { grid-column: 2; margin: 0; }
.workspace-app .live-session-connection .list-empty p { max-width: 440px; }
.workspace-app .live-session-connection .list-empty > :is(.btn,.link) { justify-self: start; margin-top: 4px; }
.workspace-app .app-dialog :is(.dialog-head,.dialog-body) { overscroll-behavior: contain; }
.pending-target { position: relative; padding-right: 82px; }
#clear-pending-target { position: absolute; right: 12px; top: 50%; transform: translateY(-50%); min-height: 44px; padding: 8px; border: 0; background: transparent; color: var(--muted); font: inherit; font-size: 12px; border-radius: 4px; }
#clear-pending-target:hover { color: var(--text); background: var(--surface2); }
@media(min-width:600px) {
  .workspace-app #inventory .inventory-toolbar:not(:has(#asset-type-filter)) {
    display: grid; grid-template-columns: minmax(0,1fr) 180px; gap: 14px; align-items: end;
  }
  .workspace-app #inventory .inventory-toolbar .search { min-width: 0; }
  .workspace-app #inventory .filter-label { flex-direction: column; align-items: stretch; gap: 6px; }
  .workspace-app #inventory .filter-label select { width: 100%; min-height: 46px; }
  .workspace-app .app-dialog .form-foot { justify-content: flex-end; }
  .workspace-app .app-dialog .form-foot .btn { flex: none; }
}
@media(min-width:700px) and (max-width:767px) {
  .workspace-app .checks-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media(max-width:900px) {
  .workspace-app[data-group="hosts"] .inventory-table .data-table td.asset-status { padding-left: 0; }
  .workspace-app .finding-table { overflow: visible; }
  .workspace-app .finding-table .data-table,
  .workspace-app .finding-table .data-table tbody { display: block; min-width: 0; }
  .workspace-app .finding-table .data-table thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
  .workspace-app .finding-table .data-table tr {
    display: grid; grid-template-columns: minmax(0,1fr) auto 32px;
    gap: 8px 10px; padding: 18px 0; border: 0; border-top: 1px solid var(--line);
    border-radius: 0; background: transparent; position: static;
  }
  .workspace-app .finding-table .data-table td { display: block; min-width: 0; width: auto; padding: 0; border: 0; font-size: 11px; }
  .workspace-app .finding-table .data-table td::before { display: none; }
  .workspace-app .finding-table .data-table td.name-cell { grid-column: 1 / 3; grid-row: 1; max-width: none; margin: 0; }
  .workspace-app .finding-table .data-table .name-cell a { display: block; font-size: 14px; font-weight: 500; line-height: 1.5; overflow-wrap: anywhere; }
  .workspace-app .finding-table .data-table td:nth-child(2) { grid-column: 1; grid-row: 2; }
  .workspace-app .finding-table .data-table td:nth-child(3) { grid-column: 2; grid-row: 2; text-align: right; }
  .workspace-app .finding-table .data-table td:nth-child(4) { grid-column: 1 / 3; grid-row: 3; color: var(--muted); }
  .workspace-app .finding-table .data-table td:last-child { grid-column: 3; grid-row: 1 / 4; position: static; align-self: center; width: 32px; }
  .workspace-app .finding-table .data-table .row-open { width: 32px; min-width: 32px; min-height: 44px; border: 0; padding: 0; color: #91a2af; }
  .workspace-app .finding-table .data-table .row-open::before { display: none; }
}
@media(max-width:480px) {
  .workspace-app .toolbar:has(#finding-search) .filter-label { flex-basis: calc(50% - 6px); }
  .workspace-app .finding-table .data-table tr { grid-template-columns: minmax(0,1fr) 32px; gap: 8px; }
  .workspace-app .finding-table .data-table td.name-cell { grid-column: 1; }
  .workspace-app .finding-table .data-table td:nth-child(3) { grid-column: 1; grid-row: 3; text-align: left; }
  .workspace-app .finding-table .data-table td:nth-child(4) { grid-column: 1; grid-row: 4; }
  .workspace-app .finding-table .data-table td:last-child { grid-column: 2; grid-row: 1 / 5; }
}

.workspace-app .live-session-connection .live-empty-actions { grid-column: 2; display: flex; align-items: center; flex-wrap: wrap; gap: 8px 18px; margin-top: 8px; }
.workspace-app .live-session-connection .live-empty-actions .btn { margin: 0; }

/* Inventory health chips: selected comparison 3. */
.workspace-app .inventory-filter-actions { display:flex; align-items:center; flex-wrap:wrap; gap:10px 16px; margin:18px 0; }
.workspace-app .inventory-health-filters { display:flex; align-items:center; flex-wrap:wrap; gap:8px; min-width:0; }
.workspace-app .inventory-health-filters button { display:flex; align-items:center; justify-content:center; gap:7px; min-height:44px; padding:8px 10px; border:1px solid #3b4a56; border-radius:6px; background:transparent; color:var(--muted); font:500 12px/1.3 Interface,Arial,sans-serif; white-space:nowrap; cursor:pointer; }
.workspace-app .inventory-health-filters button .icon { width:16px; height:16px; stroke-width:2; }
.workspace-app .inventory-health-filters .total { font-size:11px; font-weight:400; color:var(--muted); }
.workspace-app .inventory-health-filters .healthy .icon { color:#9db7ac; }
.workspace-app .inventory-health-filters .critical .icon { color:#e9a0af; }
.workspace-app .inventory-health-filters .high .icon { color:#d9b77b; }
.workspace-app .inventory-health-filters button:hover { background:var(--surface2); border-color:#607483; }
.workspace-app .inventory-health-filters button[aria-pressed="true"] { color:#dce3e8; background:#203039; border-color:#477885; }
.workspace-app .inventory-health-filters .healthy[aria-pressed="true"] { background:#22322e; border-color:#527568; }
.workspace-app .inventory-health-filters .critical[aria-pressed="true"] { background:#30242c; border-color:#865261; }
.workspace-app .inventory-health-filters .high[aria-pressed="true"] { background:#332e24; border-color:#86704b; }
/* Keep Export aligned with inventory search, including on narrow screens. */
.workspace-app:is([data-group="websites"],[data-group="hosts"]) #inventory .inventory-toolbar:has(#asset-search) {
  display:grid; grid-template-columns:minmax(0,1fr) auto;
  grid-template-areas:"search export"; align-items:end; gap:12px;
}
.workspace-app:is([data-group="websites"],[data-group="hosts"]) #inventory .inventory-toolbar .search { grid-area:search; min-width:0; }
.workspace-app:is([data-group="websites"],[data-group="hosts"]) #inventory .inventory-toolbar .inventory-export { grid-area:export; margin:0; min-height:46px; align-self:end; }
@media(max-width:599px) {
  .workspace-app .inventory-filter-actions { align-items:flex-start; }
  .workspace-app .inventory-health-filters { flex:1 1 100%; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); }
}

/* Center the loading message in the viewport, independent of the side rail. */
.workspace-app .workspace-loading {
  position:fixed; top:50dvh; left:50%; transform:translate(-50%,-50%);
  display:flex; flex-direction:column; align-items:center; gap:16px;
  width:max-content; max-width:calc(100vw - 40px); margin:0; padding:0;
}
.workspace-app .workspace-loading :is(.loader,p) { margin:0; }

/* Domain tree: nested branches keep their exact website targets. */
.workspace-app .domain-tree,.workspace-app .tree-children { list-style:none; margin:0; padding:0; }
.workspace-app .domain-tree { --tree-indent:24px; --tree-toggle-size:24px; --tree-gap:8px; }
.workspace-app .tree-children[hidden] { display:none; }
.workspace-app .tree-domain { border-top:1px solid var(--line); padding:8px 0; }
.workspace-app .tree-row {
  position:relative; display:grid;
  grid-template-columns:24px 24px minmax(0,1fr) auto 24px;
  align-items:center; gap:8px; min-height:54px;
  padding:6px 0 6px calc(var(--tree-depth)*var(--tree-indent));
}
/* A branch trunk sits directly beneath its parent's expand arrow. */
.workspace-app .tree-children > :is(.tree-branch,.tree-leaf) {
  display:grid; grid-template-columns:minmax(0,1fr); grid-template-rows:auto auto;
}
.workspace-app .tree-children > :is(.tree-branch,.tree-leaf)::before {
  content:''; grid-area:1 / 1 / 3 / 2; position:relative;
  left:calc(var(--tree-parent-depth)*var(--tree-indent) + var(--tree-toggle-size)/2);
  width:1px; background:#40515e; pointer-events:none;
}
.workspace-app .tree-children > :is(.tree-branch,.tree-leaf):last-child::before {
  grid-row:1 / 2; background:linear-gradient(#40515e 50%,transparent 50%);
}
.workspace-app .tree-children > li > .tree-row { grid-area:1 / 1; }
.workspace-app .tree-children > li > .tree-children { grid-area:2 / 1; }
.workspace-app .tree-row:not([style="--tree-depth:0"])::before {
  content:''; position:absolute;
  left:calc(var(--tree-parent-depth)*var(--tree-indent) + var(--tree-toggle-size)/2);
  top:50%; height:1px;
  width:max(0px,calc((var(--tree-depth) - var(--tree-parent-depth))*var(--tree-indent) - 8px));
  background:#40515e; pointer-events:none;
}
.workspace-app .tree-row.tree-asset::before {
  width:calc((var(--tree-depth) - var(--tree-parent-depth))*var(--tree-indent) + var(--tree-toggle-size)/2 + var(--tree-gap) - 4px);
}
.workspace-app .tree-copy { min-width:0; display:flex; flex-direction:column; gap:3px; }
.workspace-app .tree-branch-name { font-size:14px; font-weight:600; color:var(--overview-heading); overflow-wrap:anywhere; }
.workspace-app .tree-hostname { font-size:10px; color:var(--muted); overflow-wrap:anywhere; }
.workspace-app .tree-url-context { color:#91a2af; }
.workspace-app .tree-asset .asset-link { font-size:13px; text-align:left; color:var(--text); line-height:1.5; overflow-wrap:anywhere; padding:0; border:0; background:transparent; }
.workspace-app .tree-asset .asset-link:hover { color:var(--accent); }
.workspace-app .tree-root-label { margin-left:6px; color:var(--muted); font-size:10px; font-weight:400; }
.workspace-app .tree-check { display:flex; align-items:center; justify-content:center; min-height:44px; cursor:pointer; }
.workspace-app .tree-check input { width:17px; height:17px; min-height:17px; }
.workspace-app .tree-toggle,.workspace-app .tree-row .row-open { border:0; background:transparent; color:#91a2af; display:grid; place-items:center; min-height:44px; width:24px; padding:0; }
.workspace-app .tree-toggle .icon { width:15px; height:15px; }
.workspace-app .tree-toggle[aria-expanded=true] .icon { transform:rotate(90deg); }
.workspace-app .tree-row .row-open .icon { width:16px; height:16px; }
.workspace-app .tree-status { display:flex; flex-wrap:wrap; justify-content:flex-end; align-items:center; gap:5px; max-width:150px; }
.workspace-app .tree-status .badge { font-size:10px; }
.workspace-app .tree-branch-risk { grid-column:4 / 6; display:flex; justify-content:flex-end; gap:12px; font-size:11px; }
.workspace-app .tree-branch-risk > span { display:flex; align-items:center; gap:4px; }
.workspace-app .tree-branch-risk .critical { color:var(--overview-critical); }
.workspace-app .tree-branch-risk .high { color:var(--overview-high); }
.workspace-app .tree-branch-risk .icon { width:15px; height:15px; }
.workspace-app .tree-more { padding-left:calc(var(--tree-depth)*var(--tree-indent) + var(--tree-toggle-size) + var(--tree-gap)); display:flex; flex-wrap:wrap; align-items:center; gap:8px 14px; min-height:44px; }
.workspace-app .tree-more .link { border:0; background:transparent; padding:8px 0; min-height:44px; font-size:11px; color:var(--accent); }
.workspace-app .tree-more .icon { width:15px; height:15px; }
.workspace-app .tree-more > span,.workspace-app .tree-total,.workspace-app .tree-filter-note { font-size:11px; color:var(--muted); }
.workspace-app .tree-total { padding-top:14px; border-top:1px solid var(--line); }
.workspace-app .tree-filter-note { margin:0 0 12px; }
.workspace-app .selection-bar > div:first-child { min-width:0; }
.workspace-app .selection-bar .hint { font-size:11px; max-width:350px; margin:4px 0 0; }
@media(max-width:599px) {
  .workspace-app .domain-tree { --tree-indent:16px; --tree-toggle-size:20px; --tree-gap:5px; }
  .workspace-app .tree-row { grid-template-columns:20px 22px minmax(0,1fr) 24px; gap:5px; }
  .workspace-app .tree-toggle { width:20px; }
  .workspace-app .tree-asset .tree-check,.workspace-app .tree-asset .tree-toggle-space { grid-row:1 / 3; }
  .workspace-app .tree-status { grid-column:3; justify-content:flex-start; max-width:none; }
  .workspace-app .tree-asset .row-open { grid-column:4; grid-row:1 / 3; }
  .workspace-app .tree-branch-risk { grid-column:3 / 5; justify-content:flex-start; }
  .workspace-app .tree-branch-heading .tree-check,.workspace-app .tree-branch-heading .tree-toggle { grid-row:1 / 3; }
  .workspace-app .tree-branch-heading .tree-copy { grid-column:3 / 5; }

}

/* Selected Overview strip: six metrics on the page background. */
.overview-metrics {display:grid;grid-template-columns:repeat(6,minmax(0,1fr));align-items:start;gap:10px;margin:0 0 24px;padding:4px 0 12px;background:transparent}
.overview-metrics .overview-metric {display:flex;justify-content:center;align-items:start;min-width:0;min-height:66px;padding:0;position:relative;color:#becad3;text-decoration:none}
.overview-metrics .overview-metric>div {width:100%;display:flex;flex-direction:column;align-items:center;gap:8px;min-width:0;text-align:center}
.overview-metrics .metric-value {display:flex;align-items:center;justify-content:center;gap:6px;font-size:20px;width:100%}
.overview-metrics .metric-value strong {text-align:center}
.overview-metrics strong {font-size:20px;font-weight:500;line-height:1.2;font-variant-numeric:tabular-nums;letter-spacing:-.3px;color:#becad3}
.overview-metrics .overview-metric>div>span {font-size:10px;line-height:14px;min-height:28px;display:block;color:#a3afb9;text-align:center}
.overview-metrics .icon {width:24px;height:24px;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;fill:none;color:#82b4bf;flex:none}
.overview-metrics [data-severity=critical] .icon {color:#a3afb9}
.overview-metrics [data-severity=critical][data-has-findings=true] .icon {color:#ff859d}
.overview-metrics [data-severity=high] .icon {color:#d9b77b}
.overview-metrics [data-metric=running] .icon {color:#91a2af}
.overview-metric-divider {display:none}
.overview-metrics .overview-metric:hover {text-decoration:none}

.overview-metrics .overview-metric:focus-visible {outline:2px solid var(--button-accent);outline-offset:2px;border-radius:4px}
@media(max-width:699px) {
  .overview-metrics {grid-template-columns:repeat(3,minmax(0,1fr));row-gap:18px}
  .overview-metrics .overview-metric-divider:nth-child(6) {display:none}
}


/* Hosts use the same expandable guides as website branches. */
.host-tree .tree-node-icon {display:grid;place-items:center;align-self:stretch;color:#82b4bf;min-height:44px}
.host-tree .tree-node-icon .icon {width:19px;height:19px;stroke-width:1.7}
.host-tree .host-heading .asset-link {padding:0;border:0;background:transparent;text-align:left;line-height:1.5}
.host-tree .host-heading .asset-link:hover {color:var(--accent)}
@media(max-width:599px) {
  .workspace-app .host-tree .tree-node-icon {grid-column:2;grid-row:1 / 3}
  .workspace-app .host-tree .host-heading .tree-copy {grid-column:3;grid-row:1}
  .workspace-app .host-tree .host-heading .tree-status {grid-column:3;grid-row:2}
  .workspace-app .host-tree .host-heading .row-open {grid-column:4;grid-row:1 / 3}
}

/* Match the title row height of Overview and Websites without a host action. */
.workspace-app[data-group="hosts"] .pagehead {min-height:44px}

/* Inventory trees: matching leading icons and a dedicated right selection column. */
.workspace-app .domain-tree .tree-row {grid-template-columns:24px 24px minmax(0,1fr) auto 24px 28px}
.workspace-app .domain-tree .tree-check {grid-column:6;grid-row:1;min-height:44px;align-self:stretch}
.workspace-app .domain-tree .tree-node-icon {display:grid;place-items:center;align-self:stretch;min-height:44px;color:#82b4bf;grid-column:2;grid-row:1}
.workspace-app .domain-tree .tree-node-icon .icon {width:19px;height:19px;stroke-width:1.7}
.workspace-app .domain-tree .tree-branch-risk {grid-column:4 / 6;grid-row:1}
@media(max-width:599px) {
  .workspace-app .domain-tree .tree-row {grid-template-columns:20px 22px minmax(0,1fr) 24px 26px}
  .workspace-app .domain-tree .tree-check {grid-column:5;grid-row:1 / 3}
  .workspace-app .domain-tree .tree-node-icon {grid-column:2;grid-row:1 / 3}
  .workspace-app .domain-tree .tree-copy {grid-column:3;grid-row:1}
  .workspace-app .domain-tree .tree-branch-risk,.workspace-app .domain-tree .tree-status {grid-column:3;grid-row:2}
  .workspace-app .domain-tree .row-open {grid-column:4;grid-row:1 / 3}
}

/* Inventory details: one clear name/icon target, separate from tree and selection. */
.workspace-app .domain-tree .tree-row {grid-template-columns:24px 24px minmax(0,1fr) auto 28px}
.workspace-app .domain-tree .tree-check {grid-column:5}
.workspace-app .domain-tree .tree-branch-risk {grid-column:4}
.workspace-app .domain-tree .tree-detail {grid-column:2 / 4;grid-row:1;display:grid;grid-template-columns:24px minmax(0,1fr);gap:8px;align-items:center;min-width:0;min-height:44px;width:100%;padding:4px 0;border:0;border-radius:5px;background:transparent;color:var(--text);font:inherit;text-align:left;cursor:pointer;transition:background-color 100ms ease}
.workspace-app .domain-tree .tree-detail .tree-node-icon {grid-column:1;grid-row:1}
.workspace-app .domain-tree .tree-detail .tree-copy {grid-column:2;grid-row:1}
.workspace-app .domain-tree .tree-detail .asset-link {color:#b4cfd5;text-decoration:underline;text-decoration-color:#51656e;text-underline-offset:3px;text-decoration-thickness:1px}
.workspace-app .domain-tree .tree-detail:hover {background:#ffffff05}
.workspace-app .domain-tree .tree-detail:hover .asset-link {color:var(--accent);text-decoration-color:currentColor}
.workspace-app .domain-tree .tree-detail:active {background:#23b8ca12}
.workspace-app .domain-tree .tree-detail:focus-visible {outline:2px solid var(--accent);outline-offset:3px}
@media(max-width:599px) {
 .workspace-app .domain-tree .tree-row {grid-template-columns:20px 22px minmax(0,1fr) 26px}
 .workspace-app .domain-tree .tree-check {grid-column:4}
 .workspace-app .domain-tree .tree-branch-risk {grid-column:3}
 .workspace-app .domain-tree .tree-detail {grid-template-columns:22px minmax(0,1fr);gap:5px}
}
@media(prefers-reduced-motion:reduce) {.workspace-app .domain-tree .tree-detail {transition:none}}

/* Overview headings: selected soft header band, variation 3. */
.workspace-app .dashboard-grid .dashboard-heading {padding:0 10px;min-height:40px;margin-bottom:8px;gap:8px;background:#25323d;border:0;border-radius:5px}
.workspace-app .dashboard-grid .dashboard-heading::before {display:none}
.workspace-app .dashboard-grid .dashboard-heading h2 {font-size:12px;line-height:1.4;font-weight:600;gap:8px;color:#ccd5dd;letter-spacing:.6px}
.workspace-app .dashboard-grid .dashboard-heading .count {font-size:10px;color:#93a4b1;font-weight:400;letter-spacing:0;padding:0;background:transparent}
.workspace-app .dashboard-grid .dashboard-heading .link {font-size:10px;color:var(--button-accent);min-height:40px;gap:5px}
.workspace-app .dashboard-grid .dashboard-heading .link .icon {width:15px;height:15px}
.workspace-app .dashboard-grid .dashboard-section > .dashboard-row:first-of-type {border-top-color:transparent}

/* Keep section labels and row text on the same inset and vertical rhythm. */
.workspace-app .dashboard-grid .dashboard-row {padding-inline:10px 0;grid-template-columns:minmax(0,1fr) 42px;align-items:start}
.workspace-app .dashboard-grid .dashboard-arrow {align-self:center;justify-items:end}
@media(min-width:700px) {
 .workspace-app .dashboard-grid {grid-template-rows:auto repeat(var(--overview-rows,3),minmax(96px,auto)) auto;row-gap:0}
 .workspace-app .dashboard-grid .dashboard-section {display:grid;grid-template-rows:subgrid;grid-row:1 / -1;align-self:stretch}
 .workspace-app .dashboard-grid .dashboard-heading {align-self:start}
 .workspace-app .dashboard-grid .list-empty {grid-row:2 / -1;align-self:start;padding-inline:10px}
}

/* Selected flaw marker variation 04: individual severity accents. */
.workspace-app .dashboard-grid .flaw-section .dashboard-row {position:relative;grid-template-columns:18px minmax(0,1fr) 16px;gap:8px;--marker-tone:#82b4bf}
.workspace-app .dashboard-grid .flaw-section [data-severity="critical"] {--marker-tone:#d48d9d}
.workspace-app .dashboard-grid .flaw-section [data-severity="high"] {--marker-tone:#d9b77b}
.flaw-section .issue-marker {grid-column:1;grid-row:1;position:relative;min-height:20px;align-self:stretch}
.flaw-section .issue-marker::before {content:'';position:absolute;top:2px;bottom:2px;left:3px;width:3px;border-radius:3px;background:var(--marker-tone)}
.flaw-section .dashboard-row-content {grid-column:2;grid-row:1}
.flaw-section .dashboard-arrow {grid-column:3;grid-row:1}

/* Selected scan variation 04: quiet target icons aligned to the title line. */
.workspace-app .dashboard-grid .scan-section .dashboard-row {grid-template-columns:18px minmax(0,1fr) 16px;gap:8px}
.scan-section .scan-marker {grid-column:1;grid-row:1;display:grid;place-items:center;min-height:20px;color:#82b4bf}
.scan-section .scan-marker .icon {width:18px;height:18px;stroke-width:1.7}
.scan-section .dashboard-row-content {grid-column:2;grid-row:1}
.scan-section .dashboard-arrow {grid-column:3;grid-row:1}

/* Independent progressive disclosure for the two Overview lists. */
.workspace-app .overview-more {display:flex;align-items:center;justify-content:center;gap:12px;align-self:start;min-height:44px;margin-top:4px}
.workspace-app .overview-more-button,.workspace-app .overview-less-button {display:inline-flex;align-items:center;justify-content:center;min-height:44px;border:0;border-radius:5px;background:transparent;color:#82b4bf;cursor:pointer;padding:0 12px;font:inherit}
.workspace-app .overview-more-button {min-width:48px}
.workspace-app .overview-more-button .icon {width:22px;height:22px;stroke-width:0}
.workspace-app .overview-less-button {font-size:11px;color:var(--muted)}
.workspace-app .overview-more-button:hover,.workspace-app .overview-less-button:hover {background:#ffffff06;color:var(--button-accent)}
.workspace-app .overview-more-button:focus-visible,.workspace-app .overview-less-button:focus-visible {outline:2px solid var(--button-accent);outline-offset:2px}

/* Selected layout 01: full-width title above the content and left rail. */
@media (min-width: 600px) {
  .workspace-app #main { margin-top: -8px; padding-top: 0; }
  .workspace-app #main > .pagehead {
    margin-left: calc(-1 * var(--page-title-outset, 88px));
    margin-bottom: 18px; min-height: 44px;
    flex-direction: row; align-items: center;
  }
}

/* Flaw inventory shares the website tree, selection and filter treatment. */
.workspace-app .flaw-toolbar {display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:end;margin-bottom:10px}
.workspace-app .flaw-toolbar .search {min-width:0;margin:0}
.workspace-app .flaw-toolbar .inventory-export {min-height:46px;margin:0}
.workspace-app .flaw-inventory .inventory-filter-actions {justify-content:space-between}
.workspace-app .flaw-layout {display:flex;gap:4px}
.workspace-app .flaw-layout .btn {min-height:44px;padding:8px 10px;font-size:12px}
.workspace-app .flaw-layout .active {background:#203039;border-color:#477885;color:#dce3e8}
.workspace-app .flaw-filters {margin:0 0 14px}
.workspace-app .flaw-filters summary {display:list-item;width:max-content;max-width:100%;padding:10px 0;min-height:44px;color:var(--muted);font-size:12px;cursor:pointer}
.workspace-app .flaw-filter-fields {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:8px 0 12px}
.workspace-app .flaw-branch-title {border:0;background:none;padding:6px 0;min-height:44px;text-align:left;font:inherit;cursor:pointer}
.workspace-app .flaw-branch-title:hover .tree-branch-name {color:var(--accent)}
.workspace-app .flaw-tree .tree-branch-risk {grid-column:4;max-width:100px}
.workspace-app .flaw-tree .tree-branch-risk > span {font-size:11px}
.workspace-app .flaw-tree .tree-detail {text-decoration:none}
.workspace-app .flaw-tree .tree-status {grid-column:4;grid-row:1}
.workspace-app #flaw-selection {margin-bottom:14px;font-size:12px;gap:12px;flex-wrap:wrap}
.workspace-app #flaw-selection .actions {gap:8px}
.workspace-app .flaw-flat-table td:first-child {min-width:160px}
.workspace-app .flaw-flat-table .asset-link {color:#b4cfd5;text-decoration:underline;text-underline-offset:3px}
@media(max-width:599px) {
 .workspace-app .flaw-inventory .inventory-health-filters {grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}
 .workspace-app .flaw-inventory .inventory-health-filters button {padding:8px 6px;gap:5px;font-size:11px}
 .workspace-app .flaw-filter-fields {grid-template-columns:minmax(0,1fr)}
 .workspace-app .flaw-tree .tree-branch-risk,.workspace-app .flaw-tree .tree-status {grid-column:3;grid-row:2;justify-content:flex-start;max-width:none}
 .workspace-app .flaw-tree .tree-branch-heading .tree-check {grid-column:4;grid-row:1 / 3}
 .workspace-app .flaw-flat-table table,.workspace-app .flaw-flat-table tbody {display:block}
 .workspace-app .flaw-flat-table thead {display:none}
 .workspace-app .flaw-flat-table tr {display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:16px 0;border-top:1px solid var(--line)}
 .workspace-app .flaw-flat-table td {display:block;padding:0;border:0;min-width:0!important;font-size:12px}
 .workspace-app .flaw-flat-table td:first-child {grid-column:1;grid-row:1}
 .workspace-app .flaw-flat-table td:last-child {grid-column:2;grid-row:1 / 5}
 .workspace-app .flaw-flat-table td[data-label] {grid-column:1}
}

/* Account and project settings use the same page-level tab and panel system. */
.workspace-app .settings-tabs {margin-bottom:20px}
.workspace-app #settings-panel:focus {outline:none}
.workspace-app .account-settings .field {max-width:560px}
.workspace-app .account-settings .form-foot {margin-top:20px}
.workspace-app .account-settings #account-profile-form {margin-top:0}
.workspace-app .account-settings .password-control {max-width:100%}

/* Reports share the inventory surface, toolbar and restrained linked rows. */
.workspace-app .report-inventory .inventory-toolbar {display:flex;align-items:center;gap:10px;flex-wrap:nowrap}
.workspace-app .report-inventory .search {flex:1;min-width:0}
.workspace-app .report-inventory .inventory-export,.workspace-app .report-refresh {flex:none;width:auto}
.workspace-app .report-refresh {padding-inline:10px}
.workspace-app .report-list {list-style:none;margin:0;padding:0}
.workspace-app .report-list li {border-top:1px solid var(--line)}
.workspace-app .report-row {display:grid;grid-template-columns:24px minmax(0,1fr) auto 20px;gap:14px;align-items:center;padding:20px 0;color:var(--text);text-decoration:none;border-radius:5px;min-height:88px}
.workspace-app .report-row:hover {background:#ffffff05}
.workspace-app .report-row:focus-visible {outline:2px solid var(--accent);outline-offset:3px}
.workspace-app .report-icon {display:grid;place-items:center;color:#82b4bf}
.workspace-app .report-icon .icon {width:19px;height:19px;stroke-width:1.7}
.workspace-app .report-copy {min-width:0;display:grid;gap:6px}
.workspace-app .report-title {font-size:14px;font-weight:600;color:#b4cfd5;overflow-wrap:anywhere}
.workspace-app .report-row:hover .report-title {color:var(--accent)}
.workspace-app .report-meta,.workspace-app .report-date {font-size:11px;color:var(--muted);line-height:1.5;overflow-wrap:anywhere}
.workspace-app .report-status {display:grid;justify-items:end;gap:7px}
.workspace-app .report-arrow {color:#91a2af;display:grid;place-items:center}
.workspace-app .report-arrow .icon {width:16px;height:16px}
@media(max-width:767px){
 .workspace-app .report-row {grid-template-columns:22px minmax(0,1fr) 20px;gap:8px 10px;padding:18px 0}
 .workspace-app .report-icon {grid-column:1;grid-row:1;align-self:start;padding-top:2px}
 .workspace-app .report-copy {grid-column:2;grid-row:1}
 .workspace-app .report-status {grid-column:2;grid-row:2;display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px}
 .workspace-app .report-arrow {grid-column:3;grid-row:1 / 3}
 .workspace-app .report-title {font-size:13px}
}
@media(max-width:380px){.workspace-app .report-inventory .inventory-toolbar {gap:6px}.workspace-app .report-inventory .inventory-export {padding-inline:8px}.workspace-app .report-refresh {padding-inline:8px}}

/* Asset priorities continue the Overview's equal-width section layout. */
.workspace-app .overview-assets {margin-top:28px}
.workspace-app .overview-asset {width:100%;background:transparent;border:0;border-top:1px solid var(--line);border-radius:0;text-align:left;color:inherit;font:inherit;cursor:pointer}
.workspace-app .overview-asset:hover {background:#ffffff03}
.workspace-app .overview-asset:focus-visible {outline:2px solid var(--button-accent);outline-offset:-2px}
.workspace-app .overview-assets .dashboard-row-content {display:block}

/* Overview headers disclose their own content; View all stays independent. */
.workspace-app .overview-section-body {display:contents}
.workspace-app .overview-section-body[hidden] {display:none!important}
.workspace-app .dashboard-grid .dashboard-heading {padding-left:0}
.workspace-app .dashboard-grid .dashboard-heading h2 {flex:1;min-width:0;display:block}
.workspace-app .overview-section-toggle {display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;min-height:40px;padding:0 10px;border:0;border-radius:5px;background:transparent;color:inherit;font:inherit;letter-spacing:inherit;text-align:left;cursor:pointer}
.workspace-app .overview-section-toggle:hover {background:#ffffff05}
.workspace-app .overview-section-toggle:focus-visible {outline:2px solid var(--button-accent);outline-offset:-2px}
.workspace-app .overview-chevron {display:grid;place-items:center;color:#93a4b1;flex:none}
.workspace-app .overview-chevron .icon {width:13px;height:13px;transform:rotate(90deg);transition:transform 100ms ease}
.workspace-app .overview-section-toggle[aria-expanded=false] .overview-chevron .icon {transform:rotate(0deg)}
.workspace-app .dashboard-grid .overview-section-body > .dashboard-row:first-child {border-top-color:transparent}
@media(prefers-reduced-motion:reduce){.workspace-app .overview-chevron .icon {transition:none}}

/* Keep each section's more control close to the final record. */
.workspace-app .overview-section-body > .dashboard-row:has(+ .overview-more) {min-height:0;padding-bottom:2px}
.workspace-app .overview-more {margin-top:0}
@media(min-width:700px){.workspace-app .dashboard-grid {grid-template-rows:auto repeat(var(--overview-rows,3),minmax(0,auto)) auto}}

/* All four Main sections share one continuous surface. */
.workspace-app .main-sections {padding:20px 20px 12px;border:1px solid #303d47;border-radius:8px;background:#19232c;--line:#303d47}
.workspace-app .main-sections > .dashboard-grid {padding:0;border:0;border-radius:0;background:transparent}
.workspace-app .main-sections > .overview-assets {margin-top:32px}
@media(max-width:699px){.workspace-app .main-sections {padding-inline:16px}.workspace-app .main-sections > .overview-assets {margin-top:28px}}

/* Critical is named once beside the flaw title; High keeps its outer marker. */
.workspace-app .flaw-title-line {display:flex;align-items:center;flex-wrap:wrap;gap:6px 10px}
.workspace-app .flaw-title-line .badge {flex:none;font-size:10px;font-weight:500;white-space:nowrap}
.workspace-app .flaw-tree .critical-title-badge .flaw-branch-title {grid-column:3 / 5}
@media(max-width:599px){.workspace-app .flaw-tree .critical-title-badge .flaw-branch-title {grid-column:3}}

/* Main: give flaw descriptions more room beside reports. */
@media(min-width:700px){.workspace-app .main-sections > .dashboard-grid:not(.overview-assets) {grid-template-columns:minmax(0,3fr) minmax(0,2fr)}}