/* F4Pool v4.4 — keep Pool Overview graph titles below the fixed header. */

/* f4pool-reference-v3.css replaced the original top offset with 18px.
   Restore the fixed-header clearance while preserving the current side padding. */
.main-pool .content-wrapper {
  padding-top: calc(var(--f4-header, 76px) + 18px) !important;
}

/* Keep the overview content aligned immediately below that safe area. */
.main-pool .page-stats .content.container-fluid {
  padding-top: 22px !important;
}

/* Make every graph title bar clearly visible and consistently aligned. */
.main-pool .page-stats .card-header,
.main-pool .page-dashboard .card-header {
  position: relative !important;
  z-index: 3 !important;
  display: flex !important;
  align-items: center !important;
  min-height: 62px !important;
  padding: 14px 18px !important;
  overflow: visible !important;
}

.main-pool .page-stats .card-header .card-title,
.main-pool .page-dashboard .card-header .card-title {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  width: 100% !important;
  margin: 0 !important;
  color: var(--f4-text, #f8fafc) !important;
  font-size: 15px !important;
  line-height: 1.3 !important;
  font-weight: 800 !important;
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
}

.main-pool .page-stats .card-header .stamp,
.main-pool .page-dashboard .card-header .stamp {
  flex: 0 0 34px !important;
  width: 34px !important;
  min-width: 34px !important;
  height: 34px !important;
  margin: 0 !important;
  line-height: 34px !important;
}

/* Prevent anchor/hash navigation from placing a panel under the fixed bar. */
.main-pool .page,
.main-pool .card {
  scroll-margin-top: calc(var(--f4-header, 76px) + 22px);
}

@media (max-width: 1180px) {
  .main-pool .content-wrapper {
    padding-top: calc(var(--f4-header, 76px) + 14px) !important;
  }
}

@media (max-width: 767px) {
  .main-pool .page-stats .card-header,
  .main-pool .page-dashboard .card-header {
    min-height: 56px !important;
    padding: 12px 14px !important;
  }

  .main-pool .page-stats .card-header .card-title,
  .main-pool .page-dashboard .card-header .card-title {
    font-size: 14px !important;
  }
}