/* FIT100 Running — compact header standard across dashboard tabs */

/* Use the same compact top-bar geometry approved on Profile. */
.fit100-premium-body,
.fit-shell-root,
[data-fit100-premium-app] {
  --fit-safe-top: max(env(safe-area-inset-top, 0px), 14px) !important;
  --fit-header-body: 56px !important;
  --fit-header-total: calc(var(--fit-safe-top) + var(--fit-header-body)) !important;
}

[data-fit100-premium-app] .fit-app-header,
[data-fit100-premium-app] .fit-shell-header {
  height: var(--fit-header-total) !important;
  min-height: var(--fit-header-total) !important;
  padding-top: var(--fit-safe-top) !important;
  padding-left: 16px !important;
  padding-right: 16px !important;
}

[data-fit100-premium-app] .fit-app-header > div,
[data-fit100-premium-app] .fit-shell-header > div {
  height: var(--fit-header-body) !important;
  min-height: var(--fit-header-body) !important;
}

/* Keep all top actions visually consistent with the compact profile header. */
[data-fit100-premium-app] .fit-header-circle {
  width: 36px !important;
  height: 36px !important;
  min-width: 36px !important;
  min-height: 36px !important;
}

[data-fit100-premium-app] .fit-header-circle svg {
  width: 20px !important;
  height: 20px !important;
}

/* Center logo must fit the reduced header without making it taller. */
[data-fit100-premium-app] .fit-app-header img {
  height: 36px !important;
  max-height: 36px !important;
  width: auto !important;
}

/* Athlete chip also follows the same compact vertical scale. */
[data-fit100-premium-app] .fit-athlete-chip {
  min-height: 36px !important;
  height: 36px !important;
}

/* Bottom navigation size approved for the current mobile layout. */
[data-fit100-premium-app] .fit-bottom-icon {
  width: 30px !important;
  height: 30px !important;
}

[data-fit100-premium-app] .fit-bottom-icon svg {
  width: 27px !important;
  height: 27px !important;
}

@media (max-width: 390px) {
  .fit100-premium-body,
  .fit-shell-root,
  [data-fit100-premium-app] {
    --fit-safe-top: max(env(safe-area-inset-top, 0px), 14px) !important;
    --fit-header-body: 56px !important;
  }

  [data-fit100-premium-app] .fit-bottom-icon {
    width: 30px !important;
    height: 30px !important;
  }

  [data-fit100-premium-app] .fit-bottom-icon svg {
    width: 27px !important;
    height: 27px !important;
  }
}