/* DroneHQ Notifications Crawler Message v78
   Scope: Notifications panel content only.
   Adds a compact visual-only Crawler Message composer above existing notification content.
   Does not alter the Notifications header, badge, Help, Email, Location, backend, or delivery logic. */

.shell-popover.notification-popover .dhq-notification-composer-v78,
#dhq-notifications-dock-v23 .dhq-notification-composer-v78,
.dhq-notifications-dock-v23 .dhq-notification-composer-v78 {
  margin: 12px 18px 12px !important;
  padding: 12px !important;
  border: 1px solid rgba(94, 166, 255, 0.24) !important;
  border-radius: 14px !important;
  background: rgba(7, 25, 48, 0.78) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035) !important;
}

.dhq-notification-composer-v78__top {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 10px !important;
  margin: 0 0 8px !important;
}

.dhq-notification-composer-v78__eyebrow {
  margin: 0 0 2px !important;
  color: #38bdf8 !important;
  font-size: 0.72rem !important;
  line-height: 1.1 !important;
  font-weight: 800 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
}

.dhq-notification-composer-v78__title {
  margin: 0 !important;
  color: #f8fbff !important;
  font-size: 1rem !important;
  line-height: 1.18 !important;
  font-weight: 800 !important;
}

.dhq-notification-composer-v78__hint {
  margin: 3px 0 0 !important;
  color: rgba(226, 232, 240, 0.78) !important;
  font-size: 0.82rem !important;
  line-height: 1.3 !important;
}

.dhq-notification-composer-v78__recipient {
  flex: 0 0 auto !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  height: 24px !important;
  padding: 0 9px !important;
  border: 1px solid rgba(94, 166, 255, 0.28) !important;
  border-radius: 999px !important;
  background: rgba(13, 52, 92, 0.76) !important;
  color: #c9e8ff !important;
  font-size: 0.74rem !important;
  line-height: 1 !important;
  font-weight: 800 !important;
  white-space: nowrap !important;
}

.dhq-notification-composer-v78__textarea {
  display: block !important;
  width: 100% !important;
  min-height: 74px !important;
  resize: vertical !important;
  border: 1px solid rgba(94, 166, 255, 0.28) !important;
  border-radius: 12px !important;
  background: rgba(3, 15, 29, 0.9) !important;
  color: #f8fbff !important;
  padding: 9px 10px !important;
  font: inherit !important;
  font-size: 0.86rem !important;
  line-height: 1.35 !important;
  outline: none !important;
}

.dhq-notification-composer-v78__textarea::placeholder {
  color: rgba(203, 213, 225, 0.62) !important;
}

.dhq-notification-composer-v78__textarea:focus {
  border-color: rgba(56, 189, 248, 0.72) !important;
  box-shadow: 0 0 0 2px rgba(56, 189, 248, 0.14) !important;
}

.dhq-notification-composer-v78__meta {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
  margin-top: 9px !important;
}

.dhq-notification-composer-v78__count {
  color: rgba(203, 213, 225, 0.72) !important;
  font-size: 0.76rem !important;
  line-height: 1 !important;
}

.dhq-notification-composer-v78__send {
  height: 32px !important;
  min-height: 32px !important;
  padding: 0 14px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(94, 166, 255, 0.42) !important;
  background: linear-gradient(135deg, #0ea5e9, #2563eb) !important;
  color: #ffffff !important;
  font-size: 0.8rem !important;
  line-height: 1 !important;
  font-weight: 800 !important;
  cursor: pointer !important;
}

.dhq-notification-composer-v78__send:disabled {
  cursor: not-allowed !important;
  opacity: 0.52 !important;
  background: rgba(15, 47, 82, 0.8) !important;
}

.dhq-notification-composer-v78__status {
  margin: 7px 0 0 !important;
  color: rgba(203, 213, 225, 0.72) !important;
  font-size: 0.76rem !important;
  line-height: 1.28 !important;
}

.dhq-notification-mark-all-v78 {
  display: flex !important;
  justify-content: flex-end !important;
  margin: 10px 18px 12px !important;
}

.dhq-notification-mark-all-v78 [data-mark-all-notifications] {
  margin: 0 !important;
}

@media (max-width: 760px) {
  .shell-popover.notification-popover .dhq-notification-composer-v78,
  #dhq-notifications-dock-v23 .dhq-notification-composer-v78,
  .dhq-notifications-dock-v23 .dhq-notification-composer-v78 {
    margin-left: 12px !important;
    margin-right: 12px !important;
  }

  .dhq-notification-composer-v78__top {
    flex-direction: column !important;
  }
}


/* DRONEHQ_NOTIFICATION_EXACT_LIGHT_V192_START */
/*
  v192 exact Notifications light-mode cleanup.
  Dark mode untouched.
  Preflight content untouched.
*/

html[data-theme="light"] .dhq-notifications-panel .dhq-notification-composer-v78,
html[data-theme="light"] .notification-popover .dhq-notification-composer-v78 {
  background: #f6fbff !important;
  border: 1px solid #c8d8e8 !important;
  box-shadow: none !important;
  outline: 0 !important;
}

html[data-theme="light"] .dhq-notifications-panel .dhq-notification-composer-v78 > *,
html[data-theme="light"] .notification-popover .dhq-notification-composer-v78 > * {
  background: transparent !important;
  border-color: #c8d8e8 !important;
  box-shadow: none !important;
}

html[data-theme="light"] .dhq-notifications-panel .dhq-notification-composer-v78 :is(.dhq-notification-composer-v78__header, .composer-header, .message-header, [class*="header" i]),
html[data-theme="light"] .notification-popover .dhq-notification-composer-v78 :is(.dhq-notification-composer-v78__header, .composer-header, .message-header, [class*="header" i]) {
  background: #ffffff !important;
  color: #0d2136 !important;
  border-color: #c8d8e8 !important;
}

html[data-theme="light"] .dhq-notifications-panel .dhq-notification-composer-v78 :is(h1,h2,h3,h4,h5,h6,strong,b,label),
html[data-theme="light"] .notification-popover .dhq-notification-composer-v78 :is(h1,h2,h3,h4,h5,h6,strong,b,label) {
  color: #0d2136 !important;
  opacity: 1 !important;
}

html[data-theme="light"] .dhq-notifications-panel .dhq-notification-composer-v78 :is(p,span,small),
html[data-theme="light"] .notification-popover .dhq-notification-composer-v78 :is(p,span,small) {
  color: #164a73 !important;
  opacity: 1 !important;
}

html[data-theme="light"] .dhq-notifications-panel .dhq-notification-composer-v78 textarea,
html[data-theme="light"] .notification-popover .dhq-notification-composer-v78 textarea {
  background: #ffffff !important;
  color: #0d2136 !important;
  border: 1px solid #9fc4e5 !important;
  box-shadow: none !important;
}

html[data-theme="light"] .dhq-notifications-panel .dhq-notification-composer-v78 textarea::placeholder,
html[data-theme="light"] .notification-popover .dhq-notification-composer-v78 textarea::placeholder {
  color: #607b94 !important;
  opacity: 1 !important;
}

html[data-theme="light"] .dhq-notifications-panel .dhq-notification-composer-v78 button,
html[data-theme="light"] .notification-popover .dhq-notification-composer-v78 button {
  background: #ffffff !important;
  color: #0876c9 !important;
  border: 1px solid #9fc4e5 !important;
  box-shadow: none !important;
  opacity: 1 !important;
}

html[data-theme="light"] .dhq-notifications-panel .dhq-notification-composer-v78 button:disabled,
html[data-theme="light"] .notification-popover .dhq-notification-composer-v78 button:disabled {
  background: #f6fbff !important;
  color: #245b85 !important;
  border: 1px solid #c8d8e8 !important;
  opacity: 1 !important;
}

/* Select pilots pill light cleanup. */
html[data-theme="light"] .dhq-notification-composer-v78 .dhq-pilot-selector-v101__button {
  background: #ffffff !important;
  color: #0876c9 !important;
  border: 1px solid #9fc4e5 !important;
  box-shadow: none !important;
}

/* Current status OK badge: green badge, white OK text in Light mode. */
html[data-theme="light"] .dhq-notifications-panel .dhq-notification-ok-v192,
html[data-theme="light"] .notification-popover .dhq-notification-ok-v192,
html[data-theme="light"] .dhq-notifications-panel :is(.notification-current-status, .notification-status-card, .current-status, [data-notification-current-status]) :is(.badge, .pill, [class*="badge" i], [class*="pill" i], [class*="chip" i], [class*="ok" i]),
html[data-theme="light"] .notification-popover :is(.notification-current-status, .notification-status-card, .current-status, [data-notification-current-status]) :is(.badge, .pill, [class*="badge" i], [class*="pill" i], [class*="chip" i], [class*="ok" i]) {
  background: #087a3d !important;
  color: #ffffff !important;
  border-color: #087a3d !important;
  box-shadow: none !important;
  opacity: 1 !important;
  font-weight: 900 !important;
}
/* DRONEHQ_NOTIFICATION_EXACT_LIGHT_V192_END */