/* DLA dashboard dual-banner viewport budget.
 * Loaded after dashboard-zero-scroll.css and scoped to the approved visual system.
 * This only applies when both transient admin banners are visible at once.
 */

@media (min-width: 1024px) and (min-height: 720px) and (max-height: 810px) {
  html[data-dla-vs="on"] body:has([data-testid="new-admin-dashboard"]):has([data-testid="impersonation-banner"]):has([data-testid="awaiting-review-time-logs-banner"]) {
    --dla-dash-canvas-y: 2px;
  }

  html[data-dla-vs="on"] body:has([data-testid="new-admin-dashboard"]):has([data-testid="impersonation-banner"]):has([data-testid="awaiting-review-time-logs-banner"]) [data-testid="ds-page-header"] {
    padding-bottom: 4px !important;
  }

  html[data-dla-vs="on"] body:has([data-testid="new-admin-dashboard"]):has([data-testid="impersonation-banner"]):has([data-testid="awaiting-review-time-logs-banner"]) [data-testid="dashboard-command-center-v2"] {
    grid-template-rows: auto minmax(84px, .32fr) minmax(215px, 1fr) auto;
  }

  html[data-dla-vs="on"] body:has([data-testid="new-admin-dashboard"]):has([data-testid="impersonation-banner"]):has([data-testid="awaiting-review-time-logs-banner"]) [data-testid="dashboard-needs-attention"] ul > li:nth-child(n+2),
  html[data-dla-vs="on"] body:has([data-testid="new-admin-dashboard"]):has([data-testid="impersonation-banner"]):has([data-testid="awaiting-review-time-logs-banner"]) [data-testid="dashboard-today-week"] ul > li:nth-child(n+2),
  html[data-dla-vs="on"] body:has([data-testid="new-admin-dashboard"]):has([data-testid="impersonation-banner"]):has([data-testid="awaiting-review-time-logs-banner"]) [data-testid="dashboard-my-tasks"] ul > li:nth-child(n+2),
  html[data-dla-vs="on"] body:has([data-testid="new-admin-dashboard"]):has([data-testid="impersonation-banner"]):has([data-testid="awaiting-review-time-logs-banner"]) [data-testid="dashboard-recent-activity"] ul > li:nth-child(n+2) {
    display: none !important;
  }

  html[data-dla-vs="on"] body:has([data-testid="new-admin-dashboard"]):has([data-testid="impersonation-banner"]):has([data-testid="awaiting-review-time-logs-banner"]) [data-testid^="dashboard-stat-"] {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
  }

  html[data-dla-vs="on"] body:has([data-testid="new-admin-dashboard"]):has([data-testid="impersonation-banner"]):has([data-testid="awaiting-review-time-logs-banner"]) [data-testid="dashboard-quick-stats"] .p-4 {
    padding: 3px var(--dla-dash-card-inset) !important;
  }

  html[data-dla-vs="on"] body:has([data-testid="new-admin-dashboard"]):has([data-testid="impersonation-banner"]):has([data-testid="awaiting-review-time-logs-banner"]) [data-testid="dashboard-financial-compact-details"] > a {
    padding: 2px var(--dla-dash-card-inset) !important;
  }

  html[data-dla-vs="on"] body:has([data-testid="new-admin-dashboard"]):has([data-testid="impersonation-banner"]):has([data-testid="awaiting-review-time-logs-banner"]) [data-testid="dashboard-team-workload-compact"] {
    margin-top: 4px !important;
    padding: 3px var(--dla-dash-card-inset) 1px !important;
  }

  html[data-dla-vs="on"] body:has([data-testid="new-admin-dashboard"]):has([data-testid="impersonation-banner"]):has([data-testid="awaiting-review-time-logs-banner"]) [data-testid="dashboard-team-workload-compact"] .space-y-2 > :not([hidden]) ~ :not([hidden]) {
    margin-top: 1px !important;
  }

  html[data-dla-vs="on"] body:has([data-testid="new-admin-dashboard"]):has([data-testid="impersonation-banner"]):has([data-testid="awaiting-review-time-logs-banner"]) [data-testid="dashboard-footer-strip"] {
    min-height: 24px;
    padding-top: 2px !important;
    padding-bottom: 2px !important;
  }
}

@media (min-width: 1024px) and (min-height: 811px) and (max-height: 900px) {
  html[data-dla-vs="on"] body:has([data-testid="new-admin-dashboard"]):has([data-testid="impersonation-banner"]):has([data-testid="awaiting-review-time-logs-banner"]) [data-testid="dashboard-command-center-v2"] {
    grid-template-rows: auto minmax(118px, .42fr) minmax(240px, 1fr) auto;
  }

  html[data-dla-vs="on"] body:has([data-testid="new-admin-dashboard"]):has([data-testid="impersonation-banner"]):has([data-testid="awaiting-review-time-logs-banner"]) [data-testid="dashboard-needs-attention"] ul > li:nth-child(n+3),
  html[data-dla-vs="on"] body:has([data-testid="new-admin-dashboard"]):has([data-testid="impersonation-banner"]):has([data-testid="awaiting-review-time-logs-banner"]) [data-testid="dashboard-today-week"] ul > li:nth-child(n+3),
  html[data-dla-vs="on"] body:has([data-testid="new-admin-dashboard"]):has([data-testid="impersonation-banner"]):has([data-testid="awaiting-review-time-logs-banner"]) [data-testid="dashboard-my-tasks"] ul > li:nth-child(n+3),
  html[data-dla-vs="on"] body:has([data-testid="new-admin-dashboard"]):has([data-testid="impersonation-banner"]):has([data-testid="awaiting-review-time-logs-banner"]) [data-testid="dashboard-recent-activity"] ul > li:nth-child(n+3) {
    display: none !important;
  }
}