/**
 * Inbox brand finish (October 2026 review against the brand book). Loads after inbox-redesign.css.
 *
 * The chat pane itself stays WhatsApp Web-like on purpose: bubble colours, bubble corners, ticks and the #efeae2 wall
 * are what customers and teams recognise. What changes is WhatsRay's own chrome around it:
 *   1. Toasts: readable title and message, brand corners and shadow (the lime "Success" title was 2.2:1).
 *   2. One corner radius for conversation rows (16px at rest, 12px when selected, so rows changed shape on click).
 *   3. List hierarchy: previews in muted ink so names lead; times a readable 11.5px.
 *   4. System pills ("Assigned to…", reply-window timer) and the Assign button: solid hairline borders, no dashes.
 *   5. Unread counts in the sidebar's green with a white number; Assign and Send in WhatsRay's teal.
 *
 * Brand tokens (brand book): teal-700 #006b5f, teal-hover #005a50, label-ink #0b6b4a, mint-150 #e6f3ee,
 * mint-100 #eef6f1, ink #1f2933, ink-dim #5c6e69, line #dcebe3, line-teal rgba(0,107,95,.17).
 * Selectors carry two :not(#id) so they outrank the inbox's own :not(#_never_) locks.
 */

/* ---------- 1. Toasts (every customer-facing page) ---------- */
html body:not(#_z):not(#_y) .iziToast,
html body:not(#_z):not(#_y) .iziToast::after {
  border-radius: 14px !important;
}
html body:not(#_z):not(#_y) .iziToast {
  border: 1px solid #dcebe3;
  box-shadow: 0 16px 32px -20px rgba(16, 60, 50, 0.4), 0 2px 6px rgba(16, 60, 50, 0.07) !important;
}
html body:not(#_z):not(#_y) .iziToast .iziToast-title {
  color: #1f2933 !important;
  -webkit-text-fill-color: #1f2933;
  font-weight: 600 !important;
}
html body:not(#_z):not(#_y) .iziToast .iziToast-message {
  color: #5c6e69 !important;
  -webkit-text-fill-color: #5c6e69;
}

/* ---------- 2. One radius for conversation rows ---------- */
html body.is-inbox:not(#_z):not(#_y) .dashboard .chat-list .chat-list__item,
html body.is-inbox:not(#_z):not(#_y) .dashboard .chat-list .chat-list__item:hover,
html body.is-inbox:not(#_z):not(#_y) .dashboard .chat-list .chat-list__item.active {
  border-radius: 14px !important;
}
html body.is-inbox:not(#_z):not(#_y) .dashboard .chat-list .chat-list__item.active {
  border-color: rgba(0, 107, 95, 0.17) !important;
  background: #eef6f1 !important;
}

/* ---------- 3. List hierarchy ---------- */
/* Read previews in muted ink; unread previews keep their darker, heavier style (inbox-redesign.css). */
html body.is-inbox:not(#_z):not(#_y) .chat-list__item:not(.is-unread) .chat-list__content .last-message-row p.text {
  color: #5c6e69 !important;
  -webkit-text-fill-color: #5c6e69;
}
html body.is-inbox:not(#_z):not(#_y) .chat-list__item .last-message-at {
  font-size: 11.5px !important;
}

/* ---------- 4. System pills and the Assign button ---------- */
html body.is-inbox:not(#_z):not(#_y) .assignment-note__text {
  border: 1px solid rgba(0, 107, 95, 0.17) !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, 0.96) !important;
  color: #3d4f4a !important;
  -webkit-text-fill-color: #3d4f4a;
  box-shadow: 0 1px 2px rgba(11, 20, 26, 0.08);
}
html body.is-inbox:not(#_z):not(#_y) .assignment-note__text i {
  color: #006b5f !important;
  -webkit-text-fill-color: #006b5f;
}
html body.is-inbox:not(#_z):not(#_y) .chatbox-area__body #wa-window-timer > span {
  border-color: rgba(0, 107, 95, 0.17) !important;
  border-radius: 999px !important;
}
html body.is-inbox:not(#_z):not(#_y) .assignee-pill {
  border: 1px solid rgba(0, 107, 95, 0.32) !important;
  background: #eef6f1 !important;
  color: #006b5f !important;
  -webkit-text-fill-color: #006b5f;
}
html body.is-inbox:not(#_z):not(#_y) .assignee-pill.is-empty {
  border: 1px solid #cfd9d5 !important;
  background: #fff !important;
  color: #5c6e69 !important;
  -webkit-text-fill-color: #5c6e69;
}
html body.is-inbox:not(#_z):not(#_y) .assignee-pill:hover {
  border-color: #006b5f !important;
}

/* ---------- 5. WhatsRay's controls in WhatsRay's colours ---------- */
/* Filter chips keep their original look. Unread counts (filter chips, conversation rows) use the same green as the
   sidebar's unread badge, always with a white number: the active chip's own text colour used to leak into the badge
   and hide the number. */
html body.is-inbox:not(#_z):not(#_y) .inbox-tab-unread-count,
html body.is-inbox:not(#_z):not(#_y) .dashboard .chatbox-wrapper__tab #chat-filters .nav-link .inbox-tab-unread-count,
html body.is-inbox:not(#_z):not(#_y) .dashboard .chatbox-wrapper__tab #chat-filters .nav-link.active .inbox-tab-unread-count,
html body.is-inbox:not(#_z):not(#_y) .unseen-message .badge {
  border-color: #128c53 !important;
  background-color: #128c53 !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  box-shadow: none !important;
}
/* Small brand actions in the list. */
html body.is-inbox:not(#_z):not(#_y) .new-chat-button,
html body.is-inbox:not(#_z):not(#_y) .dashboard .chat-list .chat-list__action-btn:hover,
html body.is-inbox:not(#_z):not(#_y) .dashboard .chat-list .chat-list__action-btn:focus {
  color: #006b5f !important;
  -webkit-text-fill-color: #006b5f;
}
/* Send: the main action, so the brand's action teal. */
html body.is-inbox:not(#_z):not(#_y) .chatbox-area__body #message-form .send-text-btn:not(.d-none):not(:disabled) {
  border-color: #006b5f !important;
  background: #006b5f !important;
}
html body.is-inbox:not(#_z):not(#_y) .chatbox-area__body #message-form .send-text-btn:not(.d-none):not(:disabled):hover,
html body.is-inbox:not(#_z):not(#_y) .chatbox-area__body #message-form .send-text-btn:not(.d-none):not(:disabled):focus-visible {
  border-color: #005a50 !important;
  background: #005a50 !important;
}