/* Afterhrs Radar v2.10 — closer, owner-only Agency HQ scale. */

/*
 * Increase the actual dashboard type and component rhythm instead of scaling
 * the document. Browser zoom remains untouched and cards can reflow normally.
 */
html[data-text-size="readable"] body.owner-mode .agency-hq-home {
  --ahr-body-size: 21px;
  --ahr-control-size: 21px;
  --ahr-support-size: 19px;
  --ahr-h1-size: clamp(39px, 3.35vw, 53px);
  --ahr-h2-size: clamp(33px, 2.75vw, 45px);
  --ahr-h3-size: clamp(27px, 2.1vw, 35px);
  --ahr-kpi-size: clamp(37px, 3.4vw, 51px);
  --ahr-control-height: 54px;
  --ahr-gap: 20px;
}

html[data-text-size="larger"] body.owner-mode .agency-hq-home {
  --ahr-body-size: 24px;
  --ahr-control-size: 23px;
  --ahr-support-size: 21px;
  --ahr-h1-size: clamp(45px, 4vw, 61px);
  --ahr-h2-size: clamp(38px, 3.35vw, 51px);
  --ahr-h3-size: clamp(31px, 2.55vw, 41px);
  --ahr-kpi-size: clamp(43px, 4vw, 59px);
  --ahr-control-height: 58px;
  --ahr-gap: 22px;
}

html[data-text-size="largest"] body.owner-mode .agency-hq-home {
  --ahr-body-size: 27px;
  --ahr-control-size: 25px;
  --ahr-support-size: 23px;
  --ahr-h1-size: clamp(51px, 4.8vw, 69px);
  --ahr-h2-size: clamp(43px, 4vw, 57px);
  --ahr-h3-size: clamp(35px, 3vw, 46px);
  --ahr-kpi-size: clamp(49px, 4.8vw, 67px);
  --ahr-control-height: 62px;
  --ahr-gap: 25px;
}

body.owner-mode .agency-hq-home {
  gap: 26px !important;
}

body.owner-mode .agency-hq-home .hq-topbar {
  padding: 30px 32px !important;
}

body.owner-mode .agency-hq-home .hq-command-bar {
  padding: 18px 20px !important;
}

body.owner-mode .agency-hq-home .hq-morning-brief {
  padding: 22px 24px !important;
}

body.owner-mode .agency-hq-home :is(.hq-card, .hq-focus-strip) {
  padding: 26px !important;
}

body.owner-mode .agency-hq-home :is(.hq-priority, .hq-attention-row, .hq-shift-row, .hq-pin, .hq-resource) {
  padding: 16px 18px !important;
  min-height: 62px;
}

body.owner-mode .agency-hq-home .hq-creator-work button {
  padding: 18px !important;
  min-height: 68px;
}

body.owner-mode .agency-hq-home :is(.hq-outcomes article, .hq-sales-number) {
  padding: 20px !important;
}

body.owner-mode .agency-hq-home .hq-command-layout,
body.owner-mode .agency-hq-home .hq-insight-grid {
  gap: 22px !important;
}

body.owner-mode .agency-hq-home :is(p, li, dd, .hq-empty) {
  line-height: 1.55 !important;
}

@media (max-width: 1180px) {
  body.owner-mode .agency-hq-home .hq-topbar {
    grid-template-columns: 1fr !important;
    align-items: stretch !important;
  }

  body.owner-mode .agency-hq-home .hq-topbar > div:last-child {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 760px) {
  html[data-text-size="readable"] body.owner-mode .agency-hq-home {
    --ahr-body-size: 20px;
    --ahr-control-size: 20px;
    --ahr-support-size: 18px;
    --ahr-h1-size: clamp(36px, 10vw, 46px);
    --ahr-h2-size: clamp(31px, 8vw, 40px);
    --ahr-h3-size: clamp(26px, 6.5vw, 33px);
    --ahr-kpi-size: clamp(35px, 9vw, 46px);
    --ahr-control-height: 54px;
    --ahr-gap: 16px;
  }

  body.owner-mode .agency-hq-home {
    gap: 18px !important;
  }

  body.owner-mode .agency-hq-home :is(.hq-topbar, .hq-card, .hq-focus-strip) {
    padding: 20px !important;
  }

  body.owner-mode .agency-hq-home .hq-command-bar,
  body.owner-mode .agency-hq-home .hq-morning-brief {
    padding: 18px !important;
  }

  body.owner-mode .agency-hq-home .hq-topbar > div:last-child {
    grid-template-columns: 1fr !important;
  }

  body.owner-mode .agency-hq-home .hq-focus-strip > nav {
    grid-template-columns: 1fr !important;
  }
}