/* DroneHQ Utility Header Match Calendar v76 */

.dhq-email-dock-v32 .dhq-email-dock-v32__subtle,
.dhq-email-dock-v32 [data-dhq-email-datetime-v76] {
  margin: 0 !important;
  color: rgba(218, 231, 247, 0.86) !important;
  font-size: 0.82rem !important;
  font-weight: 600 !important;
  line-height: 1.25 !important;
  letter-spacing: 0.01em !important;
  text-align: center !important;
  white-space: nowrap !important;
}

.dhq-email-dock-v32 .dhq-email-dock-v32__head {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 44px !important;
  grid-template-areas:
    "title close"
    "date close" !important;
  align-items: start !important;
  gap: 0.2rem 0.75rem !important;
  padding: 0.82rem 1rem 0.70rem !important;
}

.dhq-email-dock-v32 .dhq-email-dock-v32__head > div:first-child { grid-area: title !important; min-width: 0 !important; }
.dhq-email-dock-v32 .dhq-email-dock-v32__close { grid-area: close !important; align-self: start !important; justify-self: end !important; }
.dhq-email-dock-v32 .dhq-email-dock-v32__subtle { grid-area: date !important; justify-self: center !important; }

.notification-popover .notification-heading,
.shell-popover.notification-popover .notification-heading,
.dhq-notifications-panel .notification-heading {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 44px !important;
  grid-template-areas:
    "title close"
    "date close" !important;
  align-items: start !important;
  gap: 0.24rem 0.75rem !important;
  padding: 0.78rem 1rem 0.66rem !important;
  min-height: 0 !important;
}

.notification-popover .notification-heading > :first-child,
.shell-popover.notification-popover .notification-heading > :first-child {
  grid-area: title !important;
  min-width: 0 !important;
}

.notification-popover .notification-heading button[aria-label*="Close" i],
.notification-popover .notification-heading button[title*="Close" i],
.notification-popover .notification-heading .notification-close,
.notification-popover .notification-heading [data-notification-close],
.notification-popover .notification-heading [data-notifications-close] {
  grid-area: close !important;
  align-self: start !important;
  justify-self: end !important;
}

.notification-popover .notification-heading time,
.notification-popover .notification-heading [data-notification-date],
.notification-popover .notification-heading [data-notifications-date],
.notification-popover .notification-heading .notification-date,
.notification-popover .notification-heading .notification-time,
.notification-popover .notification-heading .notification-heading-date,
.notification-popover .notification-heading .dhq-notification-date,
.notification-popover .notification-heading .dhq-notifications-date,
.notification-popover .notification-heading > p:not(:first-child),
.notification-popover .notification-heading > span:not(:first-child):not(.notification-badge),
.shell-popover.notification-popover .notification-heading > p:not(:first-child),
.shell-popover.notification-popover .notification-heading > span:not(:first-child):not(.notification-badge) {
  grid-area: date !important;
  justify-self: center !important;
  margin: 0 !important;
  color: rgba(218, 231, 247, 0.86) !important;
  font-size: 0.82rem !important;
  font-weight: 600 !important;
  line-height: 1.25 !important;
  text-align: center !important;
  white-space: nowrap !important;
}

.notification-popover [data-mark-all-notifications] {
  margin-top: 0.45rem !important;
  margin-bottom: 0.52rem !important;
}

.notification-popover .notification-list,
.notification-popover .notification-body,
.notification-popover .notification-content {
  margin-top: 0.35rem !important;
}