/* DroneHQ Calendar Header Align v43
   Scope: calendar right-side utility panel header only.
   - Centers full date/time line.
   - Moves X up beside Expand.
   - Keeps Agenda title left.
   No crawler/status/API/preflight/fleet/database/provider logic changes. */

#dhq-calendar-dock-v21.dhq-calendar-header-align-v43,
.dhq-calendar-dock-v21.dhq-calendar-header-align-v43 {
  position: fixed !important;
}

/* Calendar header should be a simple compact block: title left, controls top-right,
   date/time centered on its own full-width line below. */
#dhq-calendar-dock-v21.dhq-calendar-header-align-v43 .dhq-calendar-dock-v21__head,
.dhq-calendar-dock-v21.dhq-calendar-header-align-v43 .dhq-calendar-dock-v21__head {
  position: relative !important;
  display: block !important;
  min-height: 86px !important;
  padding: 14px 112px 18px 18px !important;
  box-sizing: border-box !important;
  overflow: visible !important;
}

/* Keep the blue CALENDAR label and white Agenda title on the left. */
#dhq-calendar-dock-v21.dhq-calendar-header-align-v43 .dhq-calendar-dock-v21__head > div:first-child,
.dhq-calendar-dock-v21.dhq-calendar-header-align-v43 .dhq-calendar-dock-v21__head > div:first-child {
  display: block !important;
  grid-column: auto !important;
  grid-row: auto !important;
  max-width: calc(100% - 2px) !important;
  min-width: 0 !important;
  width: auto !important;
  padding-right: 0 !important;
  text-align: left !important;
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
}

/* Full date/time centered below the title. This intentionally uses the full
   panel width so the current time is not clipped by the X button. */
#dhq-calendar-dock-v21.dhq-calendar-header-align-v43 [data-calendar-v21-today-label],
#dhq-calendar-dock-v21.dhq-calendar-header-align-v43 .dhq-calendar-dock-v31__date-line,
.dhq-calendar-dock-v21.dhq-calendar-header-align-v43 [data-calendar-v21-today-label],
.dhq-calendar-dock-v21.dhq-calendar-header-align-v43 .dhq-calendar-dock-v31__date-line {
  position: absolute !important;
  left: 18px !important;
  right: 18px !important;
  bottom: 13px !important;
  top: auto !important;
  display: block !important;
  grid-column: auto !important;
  grid-row: auto !important;
  width: auto !important;
  max-width: none !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  text-align: center !important;
  white-space: nowrap !important;
  overflow: visible !important;
  text-overflow: clip !important;
  font-size: 0.72rem !important;
  line-height: 1.15 !important;
  color: #bfd2e8 !important;
}

/* Align top-right controls. Expand is a direct panel child; X is usually inside
   the header, so both need explicit positioning. */
#dhq-calendar-dock-v21.dhq-calendar-header-align-v43 > .dhq-utility-focus-button-v40,
#dhq-calendar-dock-v21.dhq-calendar-header-align-v43 > button[data-dhq-utility-focus-v40],
.dhq-calendar-dock-v21.dhq-calendar-header-align-v43 > .dhq-utility-focus-button-v40,
.dhq-calendar-dock-v21.dhq-calendar-header-align-v43 > button[data-dhq-utility-focus-v40] {
  top: 15px !important;
  right: 58px !important;
  width: 34px !important;
  height: 34px !important;
  min-width: 34px !important;
  min-height: 34px !important;
  max-width: 34px !important;
  max-height: 34px !important;
  padding: 0 !important;
  margin: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

#dhq-calendar-dock-v21.dhq-calendar-header-align-v43 .dhq-calendar-dock-v21__close,
#dhq-calendar-dock-v21.dhq-calendar-header-align-v43 .dhq-utility-close-v42,
.dhq-calendar-dock-v21.dhq-calendar-header-align-v43 .dhq-calendar-dock-v21__close,
.dhq-calendar-dock-v21.dhq-calendar-header-align-v43 .dhq-utility-close-v42 {
  position: absolute !important;
  top: 15px !important;
  right: 16px !important;
  width: 34px !important;
  height: 34px !important;
  min-width: 34px !important;
  min-height: 34px !important;
  max-width: 34px !important;
  max-height: 34px !important;
  padding: 0 !important;
  margin: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important;
  text-align: center !important;
  transform: none !important;
  box-sizing: border-box !important;
}

/* Make sure the X is drawn as an X and is centered. */
#dhq-calendar-dock-v21.dhq-calendar-header-align-v43 .dhq-calendar-dock-v21__close::before,
#dhq-calendar-dock-v21.dhq-calendar-header-align-v43 .dhq-utility-close-v42::before,
.dhq-calendar-dock-v21.dhq-calendar-header-align-v43 .dhq-calendar-dock-v21__close::before,
.dhq-calendar-dock-v21.dhq-calendar-header-align-v43 .dhq-utility-close-v42::before {
  line-height: 1 !important;
}

/* In focus mode, keep the same header alignment. */
#dhq-calendar-dock-v21.dhq-calendar-header-align-v43.dhq-utility-focus-active-v40 .dhq-calendar-dock-v21__head,
.dhq-calendar-dock-v21.dhq-calendar-header-align-v43.dhq-utility-focus-active-v40 .dhq-calendar-dock-v21__head {
  min-height: 88px !important;
}

@media (max-width: 560px) {
  #dhq-calendar-dock-v21.dhq-calendar-header-align-v43 .dhq-calendar-dock-v21__head,
  .dhq-calendar-dock-v21.dhq-calendar-header-align-v43 .dhq-calendar-dock-v21__head {
    padding-right: 106px !important;
  }

  #dhq-calendar-dock-v21.dhq-calendar-header-align-v43 [data-calendar-v21-today-label],
  .dhq-calendar-dock-v21.dhq-calendar-header-align-v43 [data-calendar-v21-today-label] {
    font-size: 0.68rem !important;
  }
}