/* Alvoris × Chatwoot 4.15 — override forte de identidade */

:root,
:host,
html,
body,
#app,
.dark {
  --w-50: #e8f5f0 !important;
  --w-75: #d3ebe2 !important;
  --w-100: #b9ddd0 !important;
  --w-200: #8ec7b2 !important;
  --w-300: #62b094 !important;
  --w-400: #2f9170 !important;
  --w-500: #0b6e4f !important;
  --w-600: #095c42 !important;
  --w-700: #074a35 !important;
  --w-800: #053828 !important;
  --w-900: #03261b !important;

  --blue-1: 232 245 240 !important;
  --blue-2: 211 235 226 !important;
  --blue-3: 185 221 208 !important;
  --blue-4: 142 199 178 !important;
  --blue-5: 98 176 148 !important;
  --blue-6: 47 145 112 !important;
  --blue-7: 26 140 100 !important;
  --blue-8: 20 125 90 !important;
  --blue-9: 11 110 79 !important;
  --blue-10: 9 92 66 !important;
  --blue-11: 7 74 53 !important;
  --blue-12: 5 56 40 !important;

  --color-primary-500: 11 110 79 !important;
  --color-primary-600: 9 92 66 !important;
  --color-primary-700: 7 74 53 !important;
  --color-woot: #0b6e4f !important;

  --alvoris-green: #0b6e4f;
  --alvoris-teal: #125d7a;
  accent-color: #0b6e4f;
}

/* ===== Brand utilities (classes compiladas) ===== */
[class*="n-brand"],
[class*="bg-n-brand"],
[class*="text-n-brand"],
[class*="border-n-brand"],
[class*="outline-n-brand"],
[class*="ring-n-brand"],
[class*="shadow-n-brand"],
.bg-n-brand,
.checked\:bg-n-brand:checked,
.indeterminate\:bg-n-brand:indeterminate,
.hover\:bg-n-brand:hover,
.focus\:bg-n-brand:focus,
.bg-woot-500,
.bg-woot-600,
.hover\:bg-woot-600:hover,
.button--primary,
.button.primary,
.mx-btn-primary,
.wizard-box .item.active,
.bg-\[\#2781F6\],
.bg-\[\#2781f6\],
.bg-\[\#1F93FF\],
.bg-\[\#1f93ff\] {
  background-color: #0b6e4f !important;
  border-color: #0b6e4f !important;
}

.text-n-brand,
.text-woot-500,
.text-woot-600,
a.text-n-brand,
.hover\:text-n-brand:hover {
  color: #0b6e4f !important;
}

.border-n-brand,
.border-t-n-brand,
.border-woot-500,
.checked\:border-n-brand:checked,
.indeterminate\:border-n-brand:indeterminate,
.ring-n-brand,
.focus\:ring-n-brand:focus,
.focus-visible\:ring-n-brand:focus-visible {
  border-color: #0b6e4f !important;
  --tw-ring-color: rgb(11 110 79 / 0.45) !important;
}

.outline-n-brand,
.\!outline-n-brand,
.\!shadow-n-brand {
  outline-color: #0b6e4f !important;
  --tw-shadow-color: #0b6e4f !important;
}

/* Focus / seleção (inputs do dashboard) */
input:focus,
select:focus,
textarea:focus,
button:focus-visible {
  outline-color: #0b6e4f !important;
}

/* Links e seleção */
::selection {
  background: rgba(11, 110, 79, 0.22);
}

a:hover { text-decoration-color: #0b6e4f; }

/* Tabs / nav ativas */
.dashboard-app--tabs .tabs-title a.active,
.dashboard-app--tabs .tabs-title.is-active a,
.tabs .tabs-title.is-active a,
[aria-current="page"],
.router-link-active {
  color: #0b6e4f !important;
}

/* Toggle / switch Brand */
.toggle-button.active,
.toggle-button[aria-checked="true"],
[role="switch"][aria-checked="true"] {
  background-color: #0b6e4f !important;
}

/* Datepicker (mx) */
.mx-btn:hover,
.mx-calendar-content .cell.active,
.mx-time-item.active,
.mx-time-option.active {
  color: #0b6e4f !important;
  border-color: #0b6e4f !important;
}
.mx-calendar-content .cell.active {
  background-color: #0b6e4f !important;
  color: #fff !important;
}

body {
  font-family: "IBM Plex Sans", "Segoe UI", system-ui, sans-serif;
}