/* Zino Messages (chat inbox) — light blue, below chrome, RTL-friendly */
.chat-inbox-overlay,
.chat-compose-overlay {
  z-index: 1400 !important;
}

.chat-inbox-overlay > .next-content-overlay-panel-container,
.chat-compose-overlay > .next-content-overlay-panel-container {
  top: 6.25rem !important; /* below blue header + mega */
  height: calc(100vh - 6.25rem) !important;
  min-height: calc(100vh - 6.25rem) !important;
  max-height: calc(100vh - 6.25rem) !important;
  width: min(420px, 100vw) !important;
  border-inline-start: 1px solid #e8e6e1 !important;
  box-shadow: -12px 0 40px rgb(30 64 175 / 14%) !important;
}

.chat-inbox-overlay > .next-content-overlay-panel-container > .next-content-overlay-panel,
.chat-compose-overlay > .next-content-overlay-panel-container > .next-content-overlay-panel {
  height: 100% !important;
  min-height: 100% !important;
  max-height: 100% !important;
  background: #fbfbfc !important;
  border: 0 !important;
  border-radius: 0 !important;
  color: #0f172a !important;
}

.chat-inbox-panel,
.chat-compose-panel {
  background: #fbfbfc !important;
  color: #0f172a !important;
}

.chat-inbox-panel-header,
.chat-compose-panel-header {
  background: #fbf7ec !important;
  border-bottom: 1px solid #e8e6e1 !important;
  color: #0f172a !important;
}

.chat-inbox-panel-title h2,
.chat-compose-panel-title h2,
.chat-inbox-empty-state h3 {
  color: #1a1c2e !important;
}

.chat-inbox-panel-title span,
.chat-compose-panel-title span,
.chat-inbox-empty-state p,
.chat-inbox-conversation-time,
.chat-inbox-conversation-preview {
  color: #64748b !important;
}

.chat-inbox-search,
.chat-inbox-search input,
.chat-compose-form input,
.chat-compose-form .chat-inbox-search {
  background: #fff !important;
  color: #0f172a !important;
  border-color: #e8e6e1 !important;
}

.chat-inbox-icon-button {
  background: #fff !important;
  border: 1px solid #e8e6e1 !important;
  color: #d4af37 !important;
}

.chat-inbox-empty-icon {
  background: #fbf7ec !important;
  color: #d4af37 !important;
  border-color: rgb(212 175 55 / 40%) !important;
}

.chat-inbox-panel .btn-primary,
.chat-compose-panel .btn-primary,
.chat-inbox-empty-state .btn-primary,
.chat-compose-footer .btn-primary {
  background: #d4af37 !important;
  border-color: #b8962c !important;
  color: #fff !important;
}

.chat-inbox-conversation-row {
  background: #fff !important;
  border-color: #fbf7ec !important;
}

.chat-inbox-conversation-row:hover,
.chat-inbox-conversation-row.is-open {
  background: #fbf7ec !important;
  border-color: rgb(212 175 55 / 40%) !important;
}

/* Kill dark-theme force on messages while shell is light-blue */
body[data-theme='dark'] .chat-inbox-panel,
body[data-theme='dark'] .chat-compose-panel,
body[data-theme='dark'] .chat-inbox-overlay .next-content-overlay-panel,
body[data-theme='dark'] .chat-compose-overlay .next-content-overlay-panel,
body[data-theme='dark'] .chat-inbox-panel-header,
body[data-theme='dark'] .chat-compose-panel-header {
  background: #fbfbfc !important;
  color: #0f172a !important;
  border-color: #e8e6e1 !important;
}

body[data-theme='dark'] .chat-inbox-panel-title h2,
body[data-theme='dark'] .chat-compose-panel-title h2,
body[data-theme='dark'] .chat-inbox-empty-state h3,
body[data-theme='dark'] .chat-inbox-conversation-title {
  color: #1a1c2e !important;
}

body[data-theme='dark'] .chat-inbox-panel-title span,
body[data-theme='dark'] .chat-compose-panel-title span,
body[data-theme='dark'] .chat-inbox-empty-state p,
body[data-theme='dark'] .chat-inbox-conversation-preview,
body[data-theme='dark'] .chat-inbox-conversation-time {
  color: #64748b !important;
}

body[data-theme='dark'] .chat-inbox-search,
body[data-theme='dark'] .chat-inbox-search input {
  background: #fff !important;
  color: #0f172a !important;
  border-color: #e8e6e1 !important;
}

body.fleetbase-console .chat-tray-panel-container,
body.fleetbase-console .chat-tray-panel-container.ember-basic-dropdown-content {
  white-space: normal !important;
  overflow: visible !important;
  background: #fbfbfc !important;
  border-color: #e8e6e1 !important;
}