/* DroneHQ Notifications Header Layout v44
   Scope: Notifications right-side utility panel header only.
   - Keeps blue NOTIFICATIONS and white Notifications left-aligned.
   - Moves Expand + X to their own lower-right control row.
   - Centers date/time under the controls.
   - Keeps Mark all as read lower in the panel body.
   No crawler/status/API/preflight/fleet/database/provider logic changes. */

#dhq-notifications-dock-v23.dhq-notifications-header-v44,
.dhq-notifications-dock-v23.dhq-notifications-header-v44 {
  position: fixed !important;
}

/* Header gets enough height so title, controls, and date/time do not fight. */
#dhq-notifications-dock-v23.dhq-notifications-header-v44 .dhq-notifications-dock-v23__head,
.dhq-notifications-dock-v23.dhq-notifications-header-v44 .dhq-notifications-dock-v23__head {
  position: relative !important;
  display: block !important;
  min-height: 128px !important;
  padding: 14px 18px 16px 18px !important;
  box-sizing: border-box !important;
  overflow: visible !important;
}

/* Title block uses the full top row. No clipping/truncation. */
#dhq-notifications-dock-v23.dhq-notifications-header-v44 .dhq-notifications-dock-v23__head > div:first-child,
#dhq-notifications-dock-v23.dhq-notifications-header-v44 .dhq-notifications-header-v44__title-block,
.dhq-notifications-dock-v23.dhq-notifications-header-v44 .dhq-notifications-dock-v23__head > div:first-child,
.dhq-notifications-dock-v23.dhq-notifications-header-v44 .dhq-notifications-header-v44__title-block {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  text-align: left !important;
  overflow: visible !important;
}

/* Force the actual words to stay clean and horizontal. */
#dhq-notifications-dock-v23.dhq-notifications-header-v44 .dhq-notifications-dock-v23__eyebrow,
.dhq-notifications-dock-v23.dhq-notifications-header-v44 .dhq-notifications-dock-v23__eyebrow {
  display: block !important;
  width: auto !important;
  max-width: none !important;
  min-width: 0 !important;
  color: #4fc3ff !important;
  text-transform: uppercase !important;
  letter-spacing: 0.13em !important;
  white-space: nowrap !important;
  overflow: visible !important;
  text-overflow: clip !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
  line-height: 1.1 !important;
}

#dhq-notifications-dock-v23.dhq-notifications-header-v44 .dhq-notifications-dock-v23__title,
.dhq-notifications-dock-v23.dhq-notifications-header-v44 .dhq-notifications-dock-v23__title {
  display: block !important;
  width: auto !important;
  max-width: none !important;
  min-width: 0 !important;
  color: #ffffff !important;
  white-space: nowrap !important;
  overflow: visible !important;
  text-overflow: clip !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
  line-height: 1.15 !important;
}

/* Remove old header actions placement so Mark all as read cannot crowd title/controls. */
#dhq-notifications-dock-v23.dhq-notifications-header-v44 .dhq-notifications-dock-v23__head-actions,
#dhq-notifications-dock-v23.dhq-notifications-header-v44 .dhq-notifications-dock-v40__actions,
.dhq-notifications-dock-v23.dhq-notifications-header-v44 .dhq-notifications-dock-v23__head-actions,
.dhq-notifications-dock-v23.dhq-notifications-header-v44 .dhq-notifications-dock-v40__actions {
  position: static !important;
  display: contents !important;
  width: auto !important;
  min-width: 0 !important;
  gap: 0 !important;
}

/* Expand + X share their own row under the title, aligned right. */
#dhq-notifications-dock-v23.dhq-notifications-header-v44 > .dhq-utility-focus-button-v40,
#dhq-notifications-dock-v23.dhq-notifications-header-v44 > button[data-dhq-utility-focus-v40],
.dhq-notifications-dock-v23.dhq-notifications-header-v44 > .dhq-utility-focus-button-v40,
.dhq-notifications-dock-v23.dhq-notifications-header-v44 > button[data-dhq-utility-focus-v40] {
  position: absolute !important;
  top: 54px !important;
  right: 58px !important;
  width: 34px !important;
  min-width: 34px !important;
  max-width: 34px !important;
  height: 34px !important;
  min-height: 34px !important;
  max-height: 34px !important;
  padding: 0 !important;
  margin: 0 !important;
  border-radius: 11px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important;
  box-sizing: border-box !important;
  transform: none !important;
}

#dhq-notifications-dock-v23.dhq-notifications-header-v44 .dhq-notifications-dock-v23__close,
#dhq-notifications-dock-v23.dhq-notifications-header-v44 .dhq-utility-close-v42,
.dhq-notifications-dock-v23.dhq-notifications-header-v44 .dhq-notifications-dock-v23__close,
.dhq-notifications-dock-v23.dhq-notifications-header-v44 .dhq-utility-close-v42 {
  position: absolute !important;
  top: 54px !important;
  right: 16px !important;
  width: 34px !important;
  min-width: 34px !important;
  max-width: 34px !important;
  height: 34px !important;
  min-height: 34px !important;
  max-height: 34px !important;
  padding: 0 !important;
  margin: 0 !important;
  border-radius: 11px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important;
  text-align: center !important;
  box-sizing: border-box !important;
  transform: none !important;
  font-size: 0 !important;
}

#dhq-notifications-dock-v23.dhq-notifications-header-v44 .dhq-notifications-dock-v23__close::before,
#dhq-notifications-dock-v23.dhq-notifications-header-v44 .dhq-utility-close-v42::before,
.dhq-notifications-dock-v23.dhq-notifications-header-v44 .dhq-notifications-dock-v23__close::before,
.dhq-notifications-dock-v23.dhq-notifications-header-v44 .dhq-utility-close-v42::before {
  content: "×";
  display: block !important;
  font-size: 1.18rem !important;
  font-weight: 700 !important;
  line-height: 1 !important;
}

/* Date/time centered below the control row. */
#dhq-notifications-dock-v23.dhq-notifications-header-v44 .dhq-notifications-dock-v23__subtle,
#dhq-notifications-dock-v23.dhq-notifications-header-v44 .dhq-notifications-header-v44__date-line,
.dhq-notifications-dock-v23.dhq-notifications-header-v44 .dhq-notifications-dock-v23__subtle,
.dhq-notifications-dock-v23.dhq-notifications-header-v44 .dhq-notifications-header-v44__date-line {
  position: absolute !important;
  left: 18px !important;
  right: 18px !important;
  bottom: 15px !important;
  top: auto !important;
  display: block !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;
}

/* Mark all as read belongs in the body, not the header. */
#dhq-notifications-dock-v23.dhq-notifications-header-v44 .dhq-notifications-header-v44__mark-strip,
#dhq-notifications-dock-v23.dhq-notifications-header-v44 .dhq-notifications-dock-v40__mark-strip,
.dhq-notifications-dock-v23.dhq-notifications-header-v44 .dhq-notifications-header-v44__mark-strip,
.dhq-notifications-dock-v23.dhq-notifications-header-v44 .dhq-notifications-dock-v40__mark-strip {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  padding: 14px 0 12px !important;
  margin: 0 !important;
  border-bottom: 1px solid rgba(74, 169, 255, 0.14) !important;
}

#dhq-notifications-dock-v23.dhq-notifications-header-v44 [data-notifications-v23-mark-read],
.dhq-notifications-dock-v23.dhq-notifications-header-v44 [data-notifications-v23-mark-read] {
  position: static !important;
  top: auto !important;
  right: auto !important;
  width: auto !important;
  min-width: 150px !important;
  max-width: none !important;
  height: 32px !important;
  min-height: 32px !important;
  padding: 0 16px !important;
  white-space: nowrap !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  transform: none !important;
}

/* The body starts cleanly below the taller header. */
#dhq-notifications-dock-v23.dhq-notifications-header-v44 .dhq-notifications-dock-v23__body,
.dhq-notifications-dock-v23.dhq-notifications-header-v44 .dhq-notifications-dock-v23__body {
  padding-top: 0 !important;
}

/* Focus mode keeps the same header structure. */
#dhq-notifications-dock-v23.dhq-notifications-header-v44.dhq-utility-focus-active-v40 .dhq-notifications-dock-v23__head,
.dhq-notifications-dock-v23.dhq-notifications-header-v44.dhq-utility-focus-active-v40 .dhq-notifications-dock-v23__head {
  min-height: 128px !important;
}

@media (max-width: 760px) {
  #dhq-notifications-dock-v23.dhq-notifications-header-v44 .dhq-notifications-dock-v23__head,
  .dhq-notifications-dock-v23.dhq-notifications-header-v44 .dhq-notifications-dock-v23__head {
    min-height: 132px !important;
  }

  #dhq-notifications-dock-v23.dhq-notifications-header-v44 > .dhq-utility-focus-button-v40,
  #dhq-notifications-dock-v23.dhq-notifications-header-v44 > button[data-dhq-utility-focus-v40],
  .dhq-notifications-dock-v23.dhq-notifications-header-v44 > .dhq-utility-focus-button-v40,
  .dhq-notifications-dock-v23.dhq-notifications-header-v44 > button[data-dhq-utility-focus-v40] {
    right: 56px !important;
  }
}

/* DroneHQ direct notification header tighten
   Purpose: remove oversized v44 header spacing. Notifications only. */
#dhq-notifications-dock-v23.dhq-notifications-header-v44 .notification-heading,
.dhq-notifications-dock-v23.dhq-notifications-header-v44 .notification-heading,
.shell-popover.notification-popover .notification-heading {
  position: relative !important;
  min-height: 22px !important;
  height: auto !important;
  padding: 12px 56px 10px 18px !important;
  display: block !important;
}

#dhq-notifications-dock-v23.dhq-notifications-header-v44 .dhq-notifications-dock-v23__close,
.dhq-notifications-dock-v23.dhq-notifications-header-v44 .dhq-notifications-dock-v23__close,
.shell-popover.notification-popover .dhq-notifications-dock-v23__close {
  position: absolute !important;
  top: 18px !important;
  right: 16px !important;
  width: 34px !important;
  height: 34px !important;
  min-height: 34px !important;
  margin: 0 !important;
}

#dhq-notifications-dock-v23.dhq-notifications-header-v44 .notification-heading [data-notification-date],
.dhq-notifications-dock-v23.dhq-notifications-header-v44 .notification-heading [data-notification-date],
.shell-popover.notification-popover .notification-heading [data-notification-date],
#dhq-notifications-dock-v23.dhq-notifications-header-v44 .notification-heading time,
.dhq-notifications-dock-v23.dhq-notifications-header-v44 .notification-heading time,
.shell-popover.notification-popover .notification-heading time {
  display: block !important;
  text-align: center !important;
  margin: 10px auto 0 !important;
  padding: 0 !important;
  font-size: 0.86rem !important;
  line-height: 1.2 !important;
  color: rgba(226, 232, 240, 0.86) !important;
}

#dhq-notifications-dock-v23.dhq-notifications-header-v44 [data-mark-all-notifications],
.dhq-notifications-dock-v23.dhq-notifications-header-v44 [data-mark-all-notifications],
.shell-popover.notification-popover [data-mark-all-notifications] {
  margin-top: 12px !important;
  margin-bottom: 10px !important;
}

/* DroneHQ direct notification date lift
   Purpose: move Notifications date/time up slightly. Notifications only. */
#dhq-notifications-dock-v23.dhq-notifications-header-v44 .notification-heading [data-notification-date],
.dhq-notifications-dock-v23.dhq-notifications-header-v44 .notification-heading [data-notification-date],
.shell-popover.notification-popover .notification-heading [data-notification-date],
#dhq-notifications-dock-v23.dhq-notifications-header-v44 .notification-heading time,
.dhq-notifications-dock-v23.dhq-notifications-header-v44 .notification-heading time,
.shell-popover.notification-popover .notification-heading time {
  margin-top: 2px !important;
}

/* DroneHQ direct notification date lift 2
   Purpose: move Notifications date/time a little higher. Notifications only. */
#dhq-notifications-dock-v23.dhq-notifications-header-v44 .notification-heading [data-notification-date],
.dhq-notifications-dock-v23.dhq-notifications-header-v44 .notification-heading [data-notification-date],
.shell-popover.notification-popover .notification-heading [data-notification-date],
#dhq-notifications-dock-v23.dhq-notifications-header-v44 .notification-heading time,
.dhq-notifications-dock-v23.dhq-notifications-header-v44 .notification-heading time,
.shell-popover.notification-popover .notification-heading time {
  margin-top: -6px !important;
}

/* DroneHQ direct notification date lift 2
   Purpose: move Notifications date/time a little higher. Notifications only. */
#dhq-notifications-dock-v23.dhq-notifications-header-v44 .notification-heading [data-notification-date],
.dhq-notifications-dock-v23.dhq-notifications-header-v44 .notification-heading [data-notification-date],
.shell-popover.notification-popover .notification-heading [data-notification-date],
#dhq-notifications-dock-v23.dhq-notifications-header-v44 .notification-heading time,
.dhq-notifications-dock-v23.dhq-notifications-header-v44 .notification-heading time,
.shell-popover.notification-popover .notification-heading time {
  margin-top: -6px !important;
}

/* DroneHQ direct notification date lift 2
   Purpose: move Notifications date/time a little higher. Notifications only. */
#dhq-notifications-dock-v23.dhq-notifications-header-v44 .notification-heading [data-notification-date],
.dhq-notifications-dock-v23.dhq-notifications-header-v44 .notification-heading [data-notification-date],
.shell-popover.notification-popover .notification-heading [data-notification-date],
#dhq-notifications-dock-v23.dhq-notifications-header-v44 .notification-heading time,
.dhq-notifications-dock-v23.dhq-notifications-header-v44 .notification-heading time,
.shell-popover.notification-popover .notification-heading time {
  margin-top: -6px !important;
}

/* DroneHQ direct notification date lift 3
   Purpose: move Notifications date/time higher. Notifications only. */
#dhq-notifications-dock-v23.dhq-notifications-header-v44 .notification-heading [data-notification-date],
.dhq-notifications-dock-v23.dhq-notifications-header-v44 .notification-heading [data-notification-date],
.shell-popover.notification-popover .notification-heading [data-notification-date],
#dhq-notifications-dock-v23.dhq-notifications-header-v44 .notification-heading time,
.dhq-notifications-dock-v23.dhq-notifications-header-v44 .notification-heading time,
.shell-popover.notification-popover .notification-heading time {
  margin-top:-22px !important;
}