/* Shared scan layout for light and dark appearances. */
#view-scan .scan-workspace {
  display:grid;grid-template-columns:minmax(0,1fr) clamp(260px,22vw,320px);
  gap:20px;align-items:start;
}
#view-scan .scan-main,#scanMetrics {min-width:0}
#scanMetrics:empty {display:none}
#view-scan .scan-workspace:has(#scanMetrics:empty) {grid-template-columns:minmax(0,1fr)}
#scanMetrics .statrow {grid-template-columns:minmax(0,1fr);gap:10px}
#scanMetrics .kpi {min-height:96px}
#scanMetrics .kpi-v {font-size:24px}
#scanMetrics .kpi-sub {display:block;overflow:visible;-webkit-line-clamp:unset}
#view-scan .scan-main .scan-tabs {max-width:100%;margin-top:0}
#view-scan .th-id {min-width:0;max-width:100%}
#view-scan .th-id>div:not(.th-icon) {min-width:0}
#view-scan .th-name {overflow-wrap:anywhere}
@media(max-width:1079px) {
  #view-scan .scan-workspace {grid-template-columns:minmax(0,1fr);gap:18px}
  #scanMetrics {order:-1}
  #scanMetrics .statrow {grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:760px) {
  #scanMetrics .statrow {grid-template-columns:repeat(2,minmax(0,1fr))}
  #scanMetrics .kpi-v {font-size:22px}
}