/* V204 — Mobile dashboard status-bar safe area
   Keeps dashboard controls below Android/iOS system UI when the page is
   rendered edge-to-edge (including the Android Vet Nerd Team WebView). */
@media (max-width: 980px) {
  :root {
    --vnt-dashboard-safe-top: env(safe-area-inset-top, 0px);
  }

  .ks-dashboard-header,
  .ks-dashboard-header.is-scrolled {
    padding-top: var(--vnt-dashboard-safe-top) !important;
  }

  .ks-dashboard-nav {
    top: calc(70px + var(--vnt-dashboard-safe-top)) !important;
    max-height: calc(100dvh - 80px - var(--vnt-dashboard-safe-top)) !important;
  }

  .ks-dashboard-header.is-scrolled .ks-dashboard-nav {
    top: calc(62px + var(--vnt-dashboard-safe-top)) !important;
    max-height: calc(100dvh - 72px - var(--vnt-dashboard-safe-top)) !important;
  }
}