/* Liganer — WhatsApp dark green theme (blobs + buttons + brand) */

/* Outgoing message blobs */
:root {
  --solid-blue: 217 253 211;
  --solid-blue-2: 217 253 211;
  --text-blue: 17 27 33;
  --blue-1: 240 253 244;
  --blue-2: 220 252 231;
  --blue-3: 187 247 208;
  --blue-4: 134 239 172;
  --blue-5: 74 222 128;
  --blue-6: 18 140 126;
  --blue-7: 7 94 84;
  --blue-8: 0 92 75;
  --blue-9: 18 140 126;
  --blue-10: 7 94 84;
  --blue-11: 0 92 75;
  --blue-12: 7 59 50;
}

.dark {
  --solid-blue: 0 92 75;
  --solid-blue-2: 0 92 75;
  --text-blue: 233 237 239;
  --blue-1: 7 59 50;
  --blue-2: 0 92 75;
  --blue-3: 7 94 84;
  --blue-4: 18 140 126;
  --blue-5: 32 168 137;
  --blue-6: 18 140 126;
  --blue-7: 7 94 84;
  --blue-8: 0 92 75;
  --blue-9: 0 92 75;
  --blue-10: 7 94 84;
  --blue-11: 18 140 126;
  --blue-12: 220 252 231;
}

.bg-n-solid-blue {
  background-color: rgb(var(--solid-blue) / 1) !important;
}

.text-n-blue-text {
  color: rgb(var(--text-blue) / 1) !important;
}

/* Primary buttons — same green family as blobs */
button.bg-n-brand,
.bg-n-brand,
.checked\:bg-n-brand:checked,
.dark\:checked\:bg-n-brand:checked:is(.dark *) {
  background-color: #128c7e !important;
  border-color: #128c7e !important;
}

.dark button.bg-n-brand,
.dark .bg-n-brand {
  background-color: #005c4b !important;
  border-color: #005c4b !important;
}

button.bg-n-brand.text-white {
  color: rgb(var(--text-blue) / 1) !important;
}

.dark button.bg-n-brand.text-white {
  color: #ffffff !important;
}

button.bg-n-brand:hover,
button.bg-n-brand.text-white:hover,
.hover\:bg-n-brand:hover,
.group-hover\:bg-n-brand:hover {
  background-color: #0a6b58 !important;
  filter: brightness(1.05);
}

.dark button.bg-n-brand:hover,
.dark .hover\:bg-n-brand:hover {
  background-color: #075e54 !important;
}

.bg-n-brand\/5 {
  background-color: #005c4b0d !important;
}

.bg-n-brand\/10,
.dark\:bg-n-brand\/10:is(.dark *) {
  background-color: #005c4b1a !important;
}

.focus-visible\:bg-n-brand\/20:focus-visible {
  background-color: #005c4b33 !important;
}

.text-n-brand,
.group-focus-within\:text-n-brand,
.dark\:hover\:text-n-brand:hover:is(.dark *) {
  color: #128c7e !important;
}

.dark .text-n-brand,
.dark .group-focus-within\:text-n-brand {
  color: #25d366 !important;
}

.border-n-brand,
.border-t-n-brand,
.checked\:border-n-brand:checked,
.dark\:checked\:border-n-brand:checked:is(.dark *),
.dark\:border-n-brand:is(.dark *),
.focus\:border-n-brand:focus,
.border-n-blue-border {
  border-color: #128c7e !important;
}

.dark .border-n-brand,
.dark .border-n-blue-border {
  border-color: #005c4b !important;
}

.outline-n-brand,
.\!outline-n-brand,
.focus\:outline-n-brand:focus,
.focus-within\:outline-n-brand:focus-within,
.dark\:focus\:outline-n-brand:focus:is(.dark *),
.dark\:focus-within\:outline-n-brand:focus-within:is(.dark *),
.dark\:\!outline-n-brand:is(.dark *),
.dark\:has-\[\:focus\]\:outline-n-brand:has(:focus):is(.dark *) {
  outline-color: #128c7e !important;
}

.ring-n-brand,
.focus\:ring-n-brand:focus,
.focus-within\:ring-n-brand:focus-within,
.focus-visible\:ring-n-brand:focus-visible,
.dark\:ring-n-brand:is(.dark *) {
  --tw-ring-color: rgb(0 92 75 / 1) !important;
}

.before\:bg-n-brand:before,
.after\:bg-n-brand:after,
.before\:\!border-t-n-brand:before {
  background-color: #128c7e !important;
  border-top-color: #128c7e !important;
}

.dark .before\:bg-n-brand:before,
.dark .after\:bg-n-brand:after {
  background-color: #005c4b !important;
  border-top-color: #005c4b !important;
}

.hover\:text-n-brand:hover {
  color: #0a6b58 !important;
}

.fill-n-brand,
.text-n-blue-11 {
  color: #128c7e !important;
}

.dark .fill-n-brand,
.dark .text-n-blue-11 {
  color: #25d366 !important;
}

[class*="bg-n-brand"],
[class*="text-n-brand"],
[class*="border-n-brand"],
[class*="ring-n-brand"],
[class*="outline-n-brand"] {
  --tw-ring-color: rgb(0 92 75 / var(--tw-ring-opacity, 1));
}

/* Liganer forward/delete toolbar (hardcoded blues in JS) */
.liganer-forward-toolbar button[data-action="send"] {
  background: #005c4b !important;
}

.liganer-forward-toolbar button[data-action="send"]:hover {
  background: #075e54 !important;
}

.liganer-forward-check input {
  accent-color: #128c7e !important;
}

.liganer-forward-search:focus {
  border-color: #128c7e !important;
  box-shadow: 0 0 0 2px rgba(18, 140, 126, 0.22) !important;
}

/* Agent name above outgoing bubble */
.message-bubble-container [class*="grid-area:bubble"] > .text-n-slate-10.select-none {
  font-size: 12px !important;
  line-height: 1rem !important;
}

/* Hide AI/copilot button in reply editor text-selection toolbar */
.ProseMirror-menubar .ProseMirror-copilot,
.ProseMirror-copilot,
.copilot-editor-menu {
  display: none !important;
}