#ngDash:empty { display: none; }
#ngDash { display: flex; flex-direction: column; gap: 16px; margin-bottom: 16px; }
#ngDash > .ui-grid { margin: 0; }

#view-overview.ng-dash-on #kpiRow,
#view-overview.ng-dash-on [data-ptab-pane="summary"].ng-grid-chart,
#view-overview.ng-dash-on [data-ptab-pane="summary"].ng-grid-pair { display: none; }
.ng-dash-bar { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; }
.ng-dash-kpis { margin-bottom: 0; }
.ng-dash-trend { font-size: 12px; color: var(--muted); display: inline-flex; gap: 4px; align-items: center; }
.ng-dash-trend.is-bad { color: var(--danger-text); }
.ng-dash-trend.is-good { color: var(--ok-text); }
.ng-dash-posture { display: flex; flex-direction: column; gap: 12px; }
.ng-dash-posture-level .ui-badge { font-size: 14px; padding: 4px 12px; }
.ng-dash-reasons { margin: 0; padding-left: 18px; display: flex; flex-direction: column; gap: 6px; font-size: 13.5px; line-height: 1.45; }
.ng-dash-reasons li.is-risk::marker { color: var(--danger-text); }
.ng-dash-reasons li.is-attention::marker { color: var(--attention); }
.ng-dash-next { display: flex; flex-direction: column; gap: 6px; align-items: flex-start; border-top: 1px solid var(--line); padding-top: 12px; }
.ng-dash-apps { list-style: none; margin: 0; padding: 0; }
.ng-dash-apps > li + li { border-top: 1px solid var(--line); }
.ng-dash-app { display: flex; align-items: center; justify-content: space-between; gap: 12px; width: 100%; padding: 10px 2px; border: 0; background: none; font: inherit; color: inherit; text-align: left; cursor: pointer; }
.ng-dash-app:hover { background: var(--row-hover); }
.ng-dash-app:focus-visible { outline: none; box-shadow: var(--ui-focus); }
.ng-dash-app-name { display: flex; flex-direction: column; min-width: 0; font-weight: 600; }
.ng-dash-app-name .ui-small { font-weight: 400; }
#dashPeopleCard .ui-card-body { padding: 0; }
#dashPeopleCard .ui-empty { padding: 18px 22px; }
.ng-dash-minis { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.ng-dash-mini { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.ng-dash-mini.is-locked { align-items: flex-start; }
@media (max-width: 720px) { .ng-dash-minis { grid-template-columns: 1fr; } }