/* Shared by qa.pro and scan.host. Edit this source; run tools/sync_workspace_ui.py. */
:root {
  --ui-ground:#14191e; --ui-panel:#1c252d; --ui-raised:#202c36;
  --ui-border:#2b3943; --ui-rule:#33414b; --ui-text:#ccd5dd;
  --ui-muted:#a3afb9; --ui-number:#becad3; --ui-brand:#23b8ca;
  --ui-icon:#82b4bf; --ui-danger:#ff859d; --ui-critical:#e9a0af;
  --ui-warning:#d9b77b; --ui-success:#9db7ac; --ui-idle:#91a2af;
  --ui-radius:6px; --ui-panel-padding:14px; --ui-gap:24px;
  --ui-label-size:10px; --ui-meta-size:11px; --ui-row-size:13px;
  --ui-stat-size:20px; --ui-stat-icon:24px; --ui-nav-icon:24.2px;
}
.ui-icon {width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none;}
.ui-logo {display:inline-grid;place-items:center;width:24px;height:24px;flex:none;color:var(--ui-icon);}
.ui-logo>svg,.ui-logo>img {grid-area:1/1;width:22px;height:22px;}
.ui-logo>img {object-fit:contain;border-radius:4px;visibility:hidden;}
.ui-logo.has-logo>img {visibility:visible;}
.ui-logo.has-logo>svg {visibility:hidden;}
.ui-tree-children {margin:0 20px 12px 34px;padding:0 0 0 24px;border-left:1px solid var(--ui-rule);}
.ui-tree-leaf {position:relative;display:flex;align-items:center;gap:10px;min-height:52px;padding:10px 0;color:var(--ui-text);text-decoration:none;}
.ui-tree-leaf::before {position:absolute;content:"";width:24px;left:-24px;top:50%;border-top:1px solid var(--ui-rule);}
.ui-tree-leaf:last-child::after {position:absolute;content:"";left:-25px;top:calc(50% + 1px);bottom:0;width:2px;background:var(--ui-panel);}
.ui-tree-leaf>svg {width:18px;height:18px;color:var(--ui-icon);}
.ui-tree-copy {min-width:0;flex:1;display:flex;flex-direction:column;gap:4px;overflow-wrap:anywhere;}
.ui-tree-copy strong {font-size:var(--ui-row-size);font-weight:500;line-height:1.5;}
.ui-tree-copy small {font-size:var(--ui-meta-size);color:var(--ui-muted);line-height:1.5;}
.ui-tree-count {font-size:var(--ui-meta-size);color:var(--ui-muted);white-space:nowrap;}
.ui-expand {width:32px;min-height:44px;flex:none;display:grid;place-items:center;padding:0;border:0;background:none;color:var(--ui-muted);cursor:pointer;}
.ui-expand svg {width:16px;height:16px;transition:transform 100ms ease;}
.ui-expand[aria-expanded=true] svg {transform:rotate(90deg);}
@media(prefers-reduced-motion:reduce){.ui-expand svg{transition:none;}}

/* Desktop reading scale. The unfolded Fold and phone layouts retain their scale. */
@media(min-width:1100px) {
  :root {--ui-panel:#19232c;--ui-panel-head:#1c252d;--ui-panel-body:#19232c;
    --ui-label-size:13px;--ui-meta-size:13px;--ui-row-size:15px;
    --ui-stat-size:28px;--ui-stat-icon:26px;--ui-section-size:14px;}
  :root[data-color-mode=light] {--ui-panel:#fff;--ui-panel-head:#fff;--ui-panel-body:#f4f7f9;}
}

/* Shared detail navigation and header menus. Both adapters use this layer. */
@layer qaGraphite {
  /* Main's issue heading uses the same bright severity tone as its stats. */
  html body #overview-flaws .overview-heading-label>.icon,
  html body[data-workspace] #ov-attention .qa-panel-head button>svg:first-child {color:var(--ui-danger)!important;}
  html body .ui-detail-nav {display:block!important;min-width:0!important;margin:0 0 10px!important;padding:0!important;color:var(--ui-muted)!important;font-size:13px!important;line-height:1.4!important;}
  html body .ui-detail-nav ol {display:flex!important;align-items:center!important;gap:10px!important;list-style:none!important;margin:0!important;padding:0!important;min-width:0!important;}
  html body .ui-detail-nav li {display:flex!important;align-items:center!important;gap:10px!important;min-width:0!important;margin:0!important;padding:0!important;}
  html body .ui-detail-nav li:not(:last-child) {flex:0 1 auto!important;}
  html body .ui-detail-nav a {display:inline-flex!important;align-items:center!important;gap:7px!important;min-height:44px!important;color:var(--ui-brand)!important;text-decoration:none!important;border-radius:5px!important;white-space:nowrap!important;}
  html body .ui-detail-nav a:hover {color:var(--ui-text)!important;}
  html body .ui-detail-nav a {min-width:0!important;}
  html body .ui-detail-nav a>span {overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;}
  html body .ui-detail-nav svg {width:16px!important;height:16px!important;flex:none!important;}
  html body .ui-detail-current {display:block!important;flex:1!important;min-width:0!important;white-space:normal!important;overflow-wrap:anywhere!important;color:var(--ui-muted)!important;}
  html body .ui-detail-separator {opacity:.55!important;}
  html body[data-workspace] #main .ui-detail-nav {margin-left:calc(-1 * var(--ui-detail-offset,0px))!important;}
  html body .ui-detail-nav + .pagehead {margin-top:0!important;}

  html body :is(#top,.topbar) .ui-menu {position:fixed!important;width:300px!important;max-width:calc(100vw - 24px)!important;box-sizing:border-box!important;padding:8px!important;border:1px solid var(--ui-rule)!important;border-radius:9px!important;background:var(--ui-panel)!important;color:var(--ui-text)!important;box-shadow:0 16px 48px #0003!important;overflow:auto!important;overscroll-behavior:contain!important;text-align:left!important;z-index:80!important;line-height:1.45!important;}
  html body :is(#top,.topbar) .ui-project-menu {width:320px!important;}
  html body :is(#top,.topbar) .ui-menu [hidden] {display:none!important;}
  html body :is(#top,.topbar) .ui-menu-identity {display:flex!important;align-items:center!important;gap:12px!important;padding:12px 10px 16px!important;margin:0 0 6px!important;border:0!important;border-bottom:1px solid var(--ui-rule)!important;background:none!important;}
  html body :is(#top,.topbar) .ui-menu-avatar {display:grid!important;place-items:center!important;width:38px!important;height:38px!important;flex:none!important;background:var(--ui-raised)!important;color:var(--ui-text)!important;border:1px solid var(--ui-border)!important;border-radius:7px!important;font-size:14px!important;font-weight:600!important;}
  html body :is(#top,.topbar) .ui-menu-identity>div {display:flex!important;flex-direction:column!important;gap:4px!important;min-width:0!important;}
  html body :is(#top,.topbar) .ui-menu-identity :is(h3,strong) {display:block!important;min-width:0!important;margin:0!important;color:var(--ui-text)!important;font-size:14px!important;font-weight:600!important;line-height:1.4!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;}
  html body :is(#top,.topbar) .ui-menu-identity>div>:is(p,span) {display:block!important;max-width:100%!important;margin:0!important;color:var(--ui-muted)!important;font-size:12px!important;line-height:1.4!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;}
  html body :is(#top,.topbar) .ui-menu-group {padding:5px 0!important;margin:0!important;border:0!important;}
  html body :is(#top,.topbar) .ui-menu-label {margin:0!important;padding:6px 10px 3px!important;color:var(--ui-muted)!important;font-size:11px!important;font-weight:500!important;letter-spacing:.03em!important;text-transform:none!important;}
  html body :is(#top,.topbar) .ui-menu-item {display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:11px!important;width:100%!important;min-height:44px!important;padding:10px!important;margin:0!important;border:0!important;border-radius:5px!important;background:none!important;color:var(--ui-text)!important;font-family:inherit!important;font-size:14px!important;font-weight:500!important;line-height:1.5!important;text-align:left!important;text-decoration:none!important;box-shadow:none!important;box-sizing:border-box!important;}
  html body :is(#top,.topbar) :is(a,button).ui-menu-item {cursor:pointer!important;}
  html body :is(#top,.topbar) :is(a,button).ui-menu-item:hover {background:var(--ui-raised)!important;}
  html body :is(#top,.topbar) .ui-menu-item::after {display:none!important;}
  html body :is(#top,.topbar) .ui-menu-item>:is(svg,.acm-ic) {width:18px!important;height:18px!important;flex:none!important;color:var(--ui-icon)!important;}
  html body :is(#top,.topbar) .ui-menu-item>:is(span,bdi):not(.acm-ic):not(.ui-menu-check) {min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;}
  html body :is(#top,.topbar) .ui-menu-footer {padding:7px 0 0!important;margin:7px 0 0!important;border:0!important;border-top:1px solid var(--ui-rule)!important;}
  html body :is(#top,.topbar) .ui-menu form {margin:0!important;padding:0!important;}
  html body :is(#top,.topbar) .ui-menu-heading {display:flex!important;align-items:center!important;justify-content:space-between!important;padding:10px 10px 12px!important;gap:16px!important;}
  html body :is(#top,.topbar) .ui-menu-heading h3 {margin:0!important;font-size:14px!important;font-weight:600!important;line-height:1.5!important;}
  html body :is(#top,.topbar) .ui-menu-heading>span {font-size:12px!important;color:var(--ui-muted)!important;}
  html body :is(#top,.topbar) .ui-menu-search {display:flex!important;align-items:center!important;gap:8px!important;margin:0 2px 8px!important;padding:0 10px!important;background:var(--ui-ground)!important;border:1px solid var(--ui-rule)!important;border-radius:5px!important;}
  html body :is(#top,.topbar) .ui-menu-search:focus-within {outline:2px solid var(--ui-brand)!important;outline-offset:1px!important;}
  html body :is(#top,.topbar) .ui-menu-search>svg {width:16px!important;height:16px!important;flex:none!important;color:var(--ui-muted)!important;}
  html body :is(#top,.topbar) .ui-menu-search input {min-width:0!important;width:100%!important;height:42px!important;padding:0!important;border:0!important;border-radius:0!important;background:none!important;color:var(--ui-text)!important;box-shadow:none!important;outline:none!important;font-size:14px!important;}
  html body :is(#top,.topbar) .ui-menu-search input::placeholder {color:var(--ui-muted)!important;opacity:1!important;}
  html body :is(#top,.topbar) .ui-menu-list {max-height:260px!important;overflow:auto!important;overscroll-behavior:contain!important;}
  html body :is(#top,.topbar) .ui-workspace-choice[aria-current=true] {background:var(--ui-raised)!important;}
  html body :is(#top,.topbar) .ui-menu-check {margin-left:auto!important;flex:none!important;color:var(--ui-brand)!important;font-size:16px!important;}
  html body :is(#top,.topbar) .ui-menu-empty {padding:12px 10px!important;margin:0!important;font-size:13px!important;color:var(--ui-muted)!important;line-height:1.5!important;}
  html body :is(#top,.topbar) .ui-menu .ui-theme-toggle {width:100%!important;min-height:44px!important;box-sizing:border-box!important;margin:0!important;padding:10px!important;font-size:14px!important;}
  @media(min-width:600px) {html body.workspace-app #main>.ui-detail-nav {margin-left:calc(-1 * var(--page-title-outset,88px))!important;}}
  @media(max-width:560px) {
    html body .ui-detail-nav {font-size:12px!important;}
    html body :is(#top,.topbar) .ui-menu {width:288px!important;}
    html body :is(#top,.topbar) .ui-menu-search input {font-size:16px!important;}
  }
}