/* Identidade Clinica para Familia — troca o azul do Chatwoot pelo
   verde-agua da marca. Duas camadas: (1) a escala de variaveis --blue-*,
   que cobre a maior parte da UI; (2) regras com cor cravada em hex.
   Carregado depois do bundle, vence pela ordem da cascata.
   Remover o <link> no layout desfaz tudo, sem tocar no bundle. */

:root:not(.dark) {
  /* marca: azul Chatwoot -> verde-agua da logo (#17879B) */
  --blue-1:  250 254 254;
  --blue-2:  242 251 251;
  --blue-3:  230 245 247;
  --blue-4:  215 238 241;
  --blue-5:  196 229 234;
  --blue-6:  172 216 224;
  --blue-7:  140 198 209;
  --blue-8:   96 174 190;
  --blue-9:   23 135 155;   /* cor solida da marca */
  --blue-10:  18 121 140;   /* hover */
  --blue-11:  14 101 119;   /* texto/link */
  --blue-12:   8  52  61;

  /* neutros so amaciados na ponta clara: --slate-1 estava em 98% de
     luminancia (branco estourado). Desce pra ~96% com leve vies verde-agua.
     Os tons medios/escuros do CLARO ficam quase iguais ao original pra nao
     mexer no contraste do texto. */
  --slate-1:  248 251 251;
  --slate-2:  244 247 248;
  --slate-3:  237 242 243;
  --slate-4:  230 235 237;
  --gray-1:  248 250 250;
  --gray-2:  244 247 247;
  --gray-3:  237 241 241;
}
/* --- regras com cor cravada --- */
html:not(.dark) .banner.primary[data-v-658da868]{--tw-bg-opacity: 1;background-color:#17879b}
html:not(.dark) .banner.primary[data-v-658da868]{background-color:rgb(23 135 155 / var(--tw-bg-opacity, 1))}
html:not(.dark) .border-n-blue-10\/30{border-color:#10778a4d;border-color:rgb(var(--blue-10) / .3)}
html:not(.dark) .border-n-blue-4{--tw-border-opacity: 1;border-color:#dceef1;border-color:rgb(var(--blue-4) / var(--tw-border-opacity, 1))}
html:not(.dark) .border-n-blue-4\/30{border-color:#dceef14d;border-color:rgb(var(--blue-4) / .3)}
html:not(.dark) .border-n-blue-9\/30{border-color:#17879b4d;border-color:rgb(var(--blue-9) / .3)}
html:not(.dark) .border-n-blue-border{border-color:#17879b80;border-color:rgba(var(--border-blue))}
html:not(.dark) .border-n-brand{--tw-border-opacity: 1;border-color:#17879b}
html:not(.dark) .border-n-brand{border-color:rgb(23 135 155 / var(--tw-border-opacity, 1))}
html:not(.dark) .border-n-brand\/50{border-color:#17879b80}
html:not(.dark) .border-woot-500{--tw-border-opacity: 1;border-color:#2e9daf}
html:not(.dark) .border-woot-500{border-color:rgb(46 157 175 / var(--tw-border-opacity, 1))}
html:not(.dark) .border-t-n-brand{--tw-border-opacity: 1;border-top-color:#17879b}
html:not(.dark) .border-t-n-brand{border-top-color:rgb(23 135 155 / var(--tw-border-opacity, 1))}
html:not(.dark) .bg-\[\#2781F6\]{--tw-bg-opacity: 1;background-color:#17879b}
html:not(.dark) .bg-\[\#2781F6\]{background-color:rgb(23 135 155 / var(--tw-bg-opacity, 1))}
html:not(.dark) .bg-n-blue-10{--tw-bg-opacity: 1;background-color:#10778a;background-color:rgb(var(--blue-10) / var(--tw-bg-opacity, 1))}
html:not(.dark) .bg-n-blue-11{--tw-bg-opacity: 1;background-color:#0e6577;background-color:rgb(var(--blue-11) / var(--tw-bg-opacity, 1))}
html:not(.dark) .bg-n-blue-4{--tw-bg-opacity: 1;background-color:#dceef1;background-color:rgb(var(--blue-4) / var(--tw-bg-opacity, 1))}
html:not(.dark) .bg-n-blue-9{--tw-bg-opacity: 1;background-color:#17879b;background-color:rgb(var(--blue-9) / var(--tw-bg-opacity, 1))}
html:not(.dark) .bg-n-brand{--tw-bg-opacity: 1;background-color:#17879b}
html:not(.dark) .bg-n-brand{background-color:rgb(23 135 155 / var(--tw-bg-opacity, 1))}
html:not(.dark) .bg-n-brand\/10{background-color:#17879b1a}
html:not(.dark) .bg-n-brand\/20{background-color:#17879b33}
html:not(.dark) .bg-n-brand\/5{background-color:#17879b0d}
html:not(.dark) .bg-n-solid-blue{--tw-bg-opacity: 1;background-color:#dceef1;background-color:rgb(var(--solid-blue) / var(--tw-bg-opacity, 1))}
html:not(.dark) .bg-woot-25{--tw-bg-opacity: 1;background-color:#f2f9fa}
html:not(.dark) .bg-woot-25{background-color:rgb(242 249 250 / var(--tw-bg-opacity, 1))}
html:not(.dark) .bg-woot-500{--tw-bg-opacity: 1;background-color:#2e9daf}
html:not(.dark) .bg-woot-500{background-color:rgb(46 157 175 / var(--tw-bg-opacity, 1))}
html:not(.dark) .from-n-brand\/15{--tw-gradient-from: rgb(23 135 155 / .15) var(--tw-gradient-from-position);--tw-gradient-to: rgb(23 135 155 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}
html:not(.dark) .fill-n-blue-9{fill:#17879b;fill:rgb(var(--blue-9) / 1)}
html:not(.dark) .stroke-n-blue-11{stroke:#0e6577;stroke:rgb(var(--blue-11) / 1)}
html:not(.dark) .\!text-n-blue-11{--tw-text-opacity: 1 !important;color:#0e6577!important;color:rgb(var(--blue-11) / var(--tw-text-opacity, 1))!important}
html:not(.dark) .text-n-blue-10{--tw-text-opacity: 1;color:#10778a;color:rgb(var(--blue-10) / var(--tw-text-opacity, 1))}
html:not(.dark) .text-n-blue-11{--tw-text-opacity: 1;color:#0e6577;color:rgb(var(--blue-11) / var(--tw-text-opacity, 1))}
html:not(.dark) .text-n-blue-9{--tw-text-opacity: 1;color:#17879b;color:rgb(var(--blue-9) / var(--tw-text-opacity, 1))}
html:not(.dark) .text-n-brand{--tw-text-opacity: 1;color:#17879b}
html:not(.dark) .text-n-brand{color:rgb(23 135 155 / var(--tw-text-opacity, 1))}
html:not(.dark) .text-woot-500{--tw-text-opacity: 1;color:#2e9daf}
html:not(.dark) .text-woot-500{color:rgb(46 157 175 / var(--tw-text-opacity, 1))}
html:not(.dark) .text-woot-600{--tw-text-opacity: 1;color:#12798c}
html:not(.dark) .text-woot-600{color:rgb(18 121 140 / var(--tw-text-opacity, 1))}
html:not(.dark) .accent-n-blue-9{accent-color:rgb(23 135 155 / 1);accent-color:rgb(var(--blue-9) / 1)}
html:not(.dark) .\!shadow-\[var\(--widget-color\, html:not(.dark) \#2781f6\)\]{--tw-shadow-color: var(--widget-color,#17879b) !important;--tw-shadow: var(--tw-shadow-colored) !important}
html:not(.dark) .\!outline-n-brand{outline-color:#17879b!important}
html:not(.dark) .outline-n-blue-4{outline-color:#dceef1;outline-color:rgb(var(--blue-4) / 1)}
html:not(.dark) .outline-n-blue-9{outline-color:#17879b;outline-color:rgb(var(--blue-9) / 1)}
html:not(.dark) .outline-n-brand{outline-color:#17879b}
html:not(.dark) .ring-n-brand{--tw-ring-opacity: 1;--tw-ring-color: rgb(23 135 155 / var(--tw-ring-opacity, 1))}
html:not(.dark) p a{cursor:pointer;--tw-text-opacity: 1;color:#17879b}
html:not(.dark) p a{color:rgb(23 135 155 / var(--tw-text-opacity, 1))}
html:not(.dark) input[type]:not([type=file]):not([type=checkbox]):not([type=radio]):not([type=range]):not([type=button]):not([type=submit]):not([type=reset]):not([type=color]):not([type=image]):not([type=hidden]):not(.reset-base):not(.no-margin):focus{outline-color:#17879b}
html:not(.dark) select:focus{outline-color:#17879b}
html:not(.dark) textarea:focus{outline-color:#17879b}
html:not(.dark) .mx-btn:hover{border-color:#12798c;color:#12798c}
html:not(.dark) .mx-calendar-content .cell.active{color:#fff;background-color:#12798c}
html:not(.dark) .mx-time-column .mx-time-item.active{color:#12798c;background-color:transparent;font-weight:700}
html:not(.dark) .mx-time-option.active{color:#12798c;background-color:transparent;font-weight:700}
html:not(.dark) .before\:\!border-t-n-brand:before{content:var(--tw-content);--tw-border-opacity: 1 !important;border-top-color:#17879b!important}
html:not(.dark) .before\:\!border-t-n-brand:before{border-top-color:rgb(23 135 155 / var(--tw-border-opacity, 1))!important}
html:not(.dark) .before\:bg-n-brand:before{content:var(--tw-content);--tw-bg-opacity: 1;background-color:#17879b}
html:not(.dark) .before\:bg-n-brand:before{background-color:rgb(23 135 155 / var(--tw-bg-opacity, 1))}
html:not(.dark) .after\:bg-n-brand:after{content:var(--tw-content);--tw-bg-opacity: 1;background-color:#17879b}
html:not(.dark) .after\:bg-n-brand:after{background-color:rgb(23 135 155 / var(--tw-bg-opacity, 1))}
html:not(.dark) .checked\:border-n-blue-10:checked{--tw-border-opacity: 1;border-color:#10778a;border-color:rgb(var(--blue-10) / var(--tw-border-opacity, 1))}
html:not(.dark) .checked\:border-n-brand:checked{--tw-border-opacity: 1;border-color:#17879b}
html:not(.dark) .checked\:border-n-brand:checked{border-color:rgb(23 135 155 / var(--tw-border-opacity, 1))}
html:not(.dark) .checked\:bg-n-brand:checked{--tw-bg-opacity: 1;background-color:#17879b}
html:not(.dark) .checked\:bg-n-brand:checked{background-color:rgb(23 135 155 / var(--tw-bg-opacity, 1))}
html:not(.dark) .indeterminate\:border-n-brand:indeterminate{--tw-border-opacity: 1;border-color:#17879b}
html:not(.dark) .indeterminate\:border-n-brand:indeterminate{border-color:rgb(23 135 155 / var(--tw-border-opacity, 1))}
html:not(.dark) .indeterminate\:bg-n-brand:indeterminate{--tw-bg-opacity: 1;background-color:#17879b}
html:not(.dark) .indeterminate\:bg-n-brand:indeterminate{background-color:rgb(23 135 155 / var(--tw-bg-opacity, 1))}
html:not(.dark) .focus-within\:outline-n-brand:focus-within{outline-color:#17879b}
html:not(.dark) .focus-within\:ring-n-brand:focus-within{--tw-ring-opacity: 1;--tw-ring-color: rgb(23 135 155 / var(--tw-ring-opacity, 1))}
html:not(.dark) .hover\:bg-n-blue-10:hover{--tw-bg-opacity: 1;background-color:#10778a;background-color:rgb(var(--blue-10) / var(--tw-bg-opacity, 1))}
html:not(.dark) .hover\:bg-n-brand\/10:hover{background-color:#17879b1a}
html:not(.dark) .hover\:bg-n-brand\/80:hover{background-color:#17879bcc}
html:not(.dark) .hover\:bg-woot-600:hover{--tw-bg-opacity: 1;background-color:#12798c}
html:not(.dark) .hover\:bg-woot-600:hover{background-color:rgb(18 121 140 / var(--tw-bg-opacity, 1))}
html:not(.dark) .hover\:text-n-blue-11:hover{--tw-text-opacity: 1;color:#0e6577;color:rgb(var(--blue-11) / var(--tw-text-opacity, 1))}
html:not(.dark) .hover\:text-n-brand:hover{--tw-text-opacity: 1;color:#17879b}
html:not(.dark) .hover\:text-n-brand:hover{color:rgb(23 135 155 / var(--tw-text-opacity, 1))}
html:not(.dark) .hover\:text-woot-500:hover{--tw-text-opacity: 1;color:#2e9daf}
html:not(.dark) .hover\:text-woot-500:hover{color:rgb(46 157 175 / var(--tw-text-opacity, 1))}
html:not(.dark) .hover\:text-woot-700:hover{--tw-text-opacity: 1;color:#0e6577}
html:not(.dark) .hover\:text-woot-700:hover{color:rgb(14 101 119 / var(--tw-text-opacity, 1))}
html:not(.dark) .focus\:border-n-blue-11:focus{--tw-border-opacity: 1;border-color:#0e6577;border-color:rgb(var(--blue-11) / var(--tw-border-opacity, 1))}
html:not(.dark) .focus\:border-n-brand:focus{--tw-border-opacity: 1;border-color:#17879b}
html:not(.dark) .focus\:border-n-brand:focus{border-color:rgb(23 135 155 / var(--tw-border-opacity, 1))}
html:not(.dark) .focus\:outline-n-blue-9:focus{outline-color:#17879b;outline-color:rgb(var(--blue-9) / 1)}
html:not(.dark) .focus\:outline-n-brand:focus{outline-color:#17879b}
html:not(.dark) .focus\:ring-n-brand:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(23 135 155 / var(--tw-ring-opacity, 1))}
html:not(.dark) .focus\:ring-woot-500:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(46 157 175 / var(--tw-ring-opacity, 1))}
html:not(.dark) .focus-visible\:bg-n-brand\/20:focus-visible{background-color:#17879b33}
html:not(.dark) .focus-visible\:outline-n-brand:focus-visible{outline-color:#17879b}
html:not(.dark) .focus-visible\:outline-woot-500:focus-visible{outline-color:#2e9daf}
html:not(.dark) .focus-visible\:ring-n-brand:focus-visible{--tw-ring-opacity: 1;--tw-ring-color: rgb(23 135 155 / var(--tw-ring-opacity, 1))}
html:not(.dark) .hover\:enabled\:border-n-blue-9:enabled:hover{--tw-border-opacity: 1;border-color:#17879b;border-color:rgb(var(--blue-9) / var(--tw-border-opacity, 1))}
html:not(.dark) .hover\:enabled\:bg-n-blue-border:enabled:hover{background-color:#17879b80;background-color:rgba(var(--border-blue))}
html:not(.dark) .hover\:enabled\:bg-n-brand\/20:enabled:hover{background-color:#17879b33}
html:not(.dark) .group:focus-within .group-focus-within\:text-n-brand{--tw-text-opacity: 1;color:#17879b}
html:not(.dark) .group:focus-within .group-focus-within\:text-n-brand{color:rgb(23 135 155 / var(--tw-text-opacity, 1))}
html:not(.dark) .group:hover .group-hover\:bg-n-brand{--tw-bg-opacity: 1;background-color:#17879b}
html:not(.dark) .group:hover .group-hover\:bg-n-brand{background-color:rgb(23 135 155 / var(--tw-bg-opacity, 1))}
html:not(.dark) .group:hover .group-hover\:text-n-blue-11{--tw-text-opacity: 1;color:#0e6577;color:rgb(var(--blue-11) / var(--tw-text-opacity, 1))}
html:not(.dark) .group:hover .group-hover\:text-n-brand{--tw-text-opacity: 1;color:#17879b}
html:not(.dark) .group:hover .group-hover\:text-n-brand{color:rgb(23 135 155 / var(--tw-text-opacity, 1))}
html:not(.dark) .has-\[\:focus\]\:outline-n-brand:has(:focus){outline-color:#17879b}
html:not(.dark) .prose-a\:text-n-blue-11 :is(:where(a):not(:where([class~=not-prose], html:not(.dark) [class~=not-prose] *))){--tw-text-opacity: 1;color:#0e6577;color:rgb(var(--blue-11) / var(--tw-text-opacity, 1))}
html:not(.dark) .prose-strong\:text-n-brand :is(:where(strong):not(:where([class~=not-prose], html:not(.dark) [class~=not-prose] *))){--tw-text-opacity: 1;color:#17879b}
html:not(.dark) .prose-strong\:text-n-brand :is(:where(strong):not(:where([class~=not-prose], html:not(.dark) [class~=not-prose] *))){color:rgb(23 135 155 / var(--tw-text-opacity, 1))}
html:not(.dark) .\[\&\>a\]\:text-n-blue-10>a{--tw-text-opacity: 1;color:#10778a;color:rgb(var(--blue-10) / var(--tw-text-opacity, 1))}
html:not(.dark) .\[\&\>a\]\:hover\:text-n-blue-11:hover>a{--tw-text-opacity: 1;color:#0e6577;color:rgb(var(--blue-11) / var(--tw-text-opacity, 1))}
html:not(.dark) .\[\&\>button\]\:\!text-n-blue-11>button{--tw-text-opacity: 1 !important;color:#0e6577!important;color:rgb(var(--blue-11) / var(--tw-text-opacity, 1))!important}
html:not(.dark) .\[\&\>p\>\.link\]\:text-n-blue-11>p>.link{--tw-text-opacity: 1;color:#0e6577;color:rgb(var(--blue-11) / var(--tw-text-opacity, 1))}
html:not(.dark) .\[\&\>span\]\:\!text-n-blue-11>span{--tw-text-opacity: 1 !important;color:#0e6577!important;color:rgb(var(--blue-11) / var(--tw-text-opacity, 1))!important}
html:not(.dark) .\[\&_\.link\]\:text-n-blue-11 .link{--tw-text-opacity: 1;color:#0e6577;color:rgb(var(--blue-11) / var(--tw-text-opacity, 1))}
html:not(.dark) .ProseMirror-prompt .ProseMirror-prompt-buttons button[type=submit]{--tw-bg-opacity: 1;background-color:#17879b;--tw-text-opacity: 1;color:#fff}
html:not(.dark) .ProseMirror-prompt .ProseMirror-prompt-buttons button[type=submit]{background-color:rgb(23 135 155 / var(--tw-bg-opacity, 1));color:rgb(255 255 255 / var(--tw-text-opacity, 1))}
html:not(.dark) .ProseMirror-prompt .ProseMirror-prompt-buttons button[type=submit]:hover{background-color:#17879be6}
html:not(.dark) .menu[data-v-171409aa]:hover{--tw-bg-opacity: 1;background-color:#17879b;--tw-text-opacity: 1;color:#fff}
html:not(.dark) .menu[data-v-171409aa]:hover{background-color:rgb(23 135 155 / var(--tw-bg-opacity, 1));color:rgb(255 255 255 / var(--tw-text-opacity, 1))}
html:not(.dark) .search-input[data-v-69e77a2c]:focus{--tw-border-opacity: 1;border-color:#17879b}
html:not(.dark) .search-input[data-v-69e77a2c]:focus{border-color:rgb(23 135 155 / var(--tw-border-opacity, 1))}
html:not(.dark) .notification--unread-indicator[data-v-577256f2]{height:.625rem;width:.625rem;border-radius:9999px;--tw-bg-opacity: 1;background-color:#17879b}
html:not(.dark) .notification--unread-indicator[data-v-577256f2]{background-color:rgb(23 135 155 / var(--tw-bg-opacity, 1))}
html:not(.dark) .banner.primary[data-v-658da868]{--tw-bg-opacity: 1;background-color:#17879b}
html:not(.dark) .banner.primary[data-v-658da868]{background-color:rgb(23 135 155 / var(--tw-bg-opacity, 1))}
html:not(.dark) .border-n-blue-10\/30{border-color:#10778a4d;border-color:rgb(var(--blue-10) / .3)}
html:not(.dark) .border-n-blue-4{--tw-border-opacity: 1;border-color:#dceef1;border-color:rgb(var(--blue-4) / var(--tw-border-opacity, 1))}
html:not(.dark) .border-n-blue-4\/30{border-color:#dceef14d;border-color:rgb(var(--blue-4) / .3)}
html:not(.dark) .border-n-blue-9\/30{border-color:#17879b4d;border-color:rgb(var(--blue-9) / .3)}
html:not(.dark) .border-n-blue-border{border-color:#17879b80;border-color:rgba(var(--border-blue))}
html:not(.dark) .border-n-brand{--tw-border-opacity: 1;border-color:#17879b}
html:not(.dark) .border-n-brand{border-color:rgb(23 135 155 / var(--tw-border-opacity, 1))}
html:not(.dark) .border-n-brand\/50{border-color:#17879b80}
html:not(.dark) .border-woot-500{--tw-border-opacity: 1;border-color:#2e9daf}
html:not(.dark) .border-woot-500{border-color:rgb(46 157 175 / var(--tw-border-opacity, 1))}
html:not(.dark) .border-t-n-brand{--tw-border-opacity: 1;border-top-color:#17879b}
html:not(.dark) .border-t-n-brand{border-top-color:rgb(23 135 155 / var(--tw-border-opacity, 1))}
html:not(.dark) .bg-\[\#2781F6\]{--tw-bg-opacity: 1;background-color:#17879b}
html:not(.dark) .bg-\[\#2781F6\]{background-color:rgb(23 135 155 / var(--tw-bg-opacity, 1))}
html:not(.dark) .bg-n-blue-10{--tw-bg-opacity: 1;background-color:#10778a;background-color:rgb(var(--blue-10) / var(--tw-bg-opacity, 1))}
html:not(.dark) .bg-n-blue-11{--tw-bg-opacity: 1;background-color:#0e6577;background-color:rgb(var(--blue-11) / var(--tw-bg-opacity, 1))}
html:not(.dark) .bg-n-blue-4{--tw-bg-opacity: 1;background-color:#dceef1;background-color:rgb(var(--blue-4) / var(--tw-bg-opacity, 1))}
html:not(.dark) .bg-n-blue-9{--tw-bg-opacity: 1;background-color:#17879b;background-color:rgb(var(--blue-9) / var(--tw-bg-opacity, 1))}
html:not(.dark) .bg-n-brand{--tw-bg-opacity: 1;background-color:#17879b}
html:not(.dark) .bg-n-brand{background-color:rgb(23 135 155 / var(--tw-bg-opacity, 1))}
html:not(.dark) .bg-n-brand\/10{background-color:#17879b1a}
html:not(.dark) .bg-n-brand\/20{background-color:#17879b33}
html:not(.dark) .bg-n-brand\/5{background-color:#17879b0d}
html:not(.dark) .bg-n-solid-blue{--tw-bg-opacity: 1;background-color:#dceef1;background-color:rgb(var(--solid-blue) / var(--tw-bg-opacity, 1))}
html:not(.dark) .bg-woot-25{--tw-bg-opacity: 1;background-color:#f2f9fa}
html:not(.dark) .bg-woot-25{background-color:rgb(242 249 250 / var(--tw-bg-opacity, 1))}
html:not(.dark) .bg-woot-500{--tw-bg-opacity: 1;background-color:#2e9daf}
html:not(.dark) .bg-woot-500{background-color:rgb(46 157 175 / var(--tw-bg-opacity, 1))}
html:not(.dark) .from-n-brand\/15{--tw-gradient-from: rgb(23 135 155 / .15) var(--tw-gradient-from-position);--tw-gradient-to: rgb(23 135 155 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}
html:not(.dark) .fill-n-blue-9{fill:#17879b;fill:rgb(var(--blue-9) / 1)}
html:not(.dark) .stroke-n-blue-11{stroke:#0e6577;stroke:rgb(var(--blue-11) / 1)}
html:not(.dark) .\!text-n-blue-11{--tw-text-opacity: 1 !important;color:#0e6577!important;color:rgb(var(--blue-11) / var(--tw-text-opacity, 1))!important}
html:not(.dark) .text-n-blue-10{--tw-text-opacity: 1;color:#10778a;color:rgb(var(--blue-10) / var(--tw-text-opacity, 1))}
html:not(.dark) .text-n-blue-11{--tw-text-opacity: 1;color:#0e6577;color:rgb(var(--blue-11) / var(--tw-text-opacity, 1))}
html:not(.dark) .text-n-blue-9{--tw-text-opacity: 1;color:#17879b;color:rgb(var(--blue-9) / var(--tw-text-opacity, 1))}
html:not(.dark) .text-n-brand{--tw-text-opacity: 1;color:#17879b}
html:not(.dark) .text-n-brand{color:rgb(23 135 155 / var(--tw-text-opacity, 1))}
html:not(.dark) .text-woot-500{--tw-text-opacity: 1;color:#2e9daf}
html:not(.dark) .text-woot-500{color:rgb(46 157 175 / var(--tw-text-opacity, 1))}
html:not(.dark) .text-woot-600{--tw-text-opacity: 1;color:#12798c}
html:not(.dark) .text-woot-600{color:rgb(18 121 140 / var(--tw-text-opacity, 1))}
html:not(.dark) .accent-n-blue-9{accent-color:rgb(23 135 155 / 1);accent-color:rgb(var(--blue-9) / 1)}
html:not(.dark) .\!shadow-\[var\(--widget-color\, html:not(.dark) \#2781f6\)\]{--tw-shadow-color: var(--widget-color,#17879b) !important;--tw-shadow: var(--tw-shadow-colored) !important}
html:not(.dark) .\!outline-n-brand{outline-color:#17879b!important}
html:not(.dark) .outline-n-blue-4{outline-color:#dceef1;outline-color:rgb(var(--blue-4) / 1)}
html:not(.dark) .outline-n-blue-9{outline-color:#17879b;outline-color:rgb(var(--blue-9) / 1)}
html:not(.dark) .outline-n-brand{outline-color:#17879b}
html:not(.dark) .ring-n-brand{--tw-ring-opacity: 1;--tw-ring-color: rgb(23 135 155 / var(--tw-ring-opacity, 1))}
html:not(.dark) p a{cursor:pointer;--tw-text-opacity: 1;color:#17879b}
html:not(.dark) p a{color:rgb(23 135 155 / var(--tw-text-opacity, 1))}
html:not(.dark) input[type]:not([type=file]):not([type=checkbox]):not([type=radio]):not([type=range]):not([type=button]):not([type=submit]):not([type=reset]):not([type=color]):not([type=image]):not([type=hidden]):not(.reset-base):not(.no-margin):focus{outline-color:#17879b}
html:not(.dark) select:focus{outline-color:#17879b}
html:not(.dark) textarea:focus{outline-color:#17879b}
html:not(.dark) .mx-btn:hover{border-color:#12798c;color:#12798c}
html:not(.dark) .mx-calendar-content .cell.active{color:#fff;background-color:#12798c}
html:not(.dark) .mx-time-column .mx-time-item.active{color:#12798c;background-color:transparent;font-weight:700}
html:not(.dark) .mx-time-option.active{color:#12798c;background-color:transparent;font-weight:700}
html:not(.dark) .before\:\!border-t-n-brand:before{content:var(--tw-content);--tw-border-opacity: 1 !important;border-top-color:#17879b!important}
html:not(.dark) .before\:\!border-t-n-brand:before{border-top-color:rgb(23 135 155 / var(--tw-border-opacity, 1))!important}
html:not(.dark) .before\:bg-n-brand:before{content:var(--tw-content);--tw-bg-opacity: 1;background-color:#17879b}
html:not(.dark) .before\:bg-n-brand:before{background-color:rgb(23 135 155 / var(--tw-bg-opacity, 1))}
html:not(.dark) .after\:bg-n-brand:after{content:var(--tw-content);--tw-bg-opacity: 1;background-color:#17879b}
html:not(.dark) .after\:bg-n-brand:after{background-color:rgb(23 135 155 / var(--tw-bg-opacity, 1))}
html:not(.dark) .checked\:border-n-blue-10:checked{--tw-border-opacity: 1;border-color:#10778a;border-color:rgb(var(--blue-10) / var(--tw-border-opacity, 1))}
html:not(.dark) .checked\:border-n-brand:checked{--tw-border-opacity: 1;border-color:#17879b}
html:not(.dark) .checked\:border-n-brand:checked{border-color:rgb(23 135 155 / var(--tw-border-opacity, 1))}
html:not(.dark) .checked\:bg-n-brand:checked{--tw-bg-opacity: 1;background-color:#17879b}
html:not(.dark) .checked\:bg-n-brand:checked{background-color:rgb(23 135 155 / var(--tw-bg-opacity, 1))}
html:not(.dark) .indeterminate\:border-n-brand:indeterminate{--tw-border-opacity: 1;border-color:#17879b}
html:not(.dark) .indeterminate\:border-n-brand:indeterminate{border-color:rgb(23 135 155 / var(--tw-border-opacity, 1))}
html:not(.dark) .indeterminate\:bg-n-brand:indeterminate{--tw-bg-opacity: 1;background-color:#17879b}
html:not(.dark) .indeterminate\:bg-n-brand:indeterminate{background-color:rgb(23 135 155 / var(--tw-bg-opacity, 1))}
html:not(.dark) .focus-within\:outline-n-brand:focus-within{outline-color:#17879b}
html:not(.dark) .focus-within\:ring-n-brand:focus-within{--tw-ring-opacity: 1;--tw-ring-color: rgb(23 135 155 / var(--tw-ring-opacity, 1))}
html:not(.dark) .hover\:bg-n-blue-10:hover{--tw-bg-opacity: 1;background-color:#10778a;background-color:rgb(var(--blue-10) / var(--tw-bg-opacity, 1))}
html:not(.dark) .hover\:bg-n-brand\/10:hover{background-color:#17879b1a}
html:not(.dark) .hover\:bg-n-brand\/80:hover{background-color:#17879bcc}
html:not(.dark) .hover\:bg-woot-600:hover{--tw-bg-opacity: 1;background-color:#12798c}
html:not(.dark) .hover\:bg-woot-600:hover{background-color:rgb(18 121 140 / var(--tw-bg-opacity, 1))}
html:not(.dark) .hover\:text-n-blue-11:hover{--tw-text-opacity: 1;color:#0e6577;color:rgb(var(--blue-11) / var(--tw-text-opacity, 1))}
html:not(.dark) .hover\:text-n-brand:hover{--tw-text-opacity: 1;color:#17879b}
html:not(.dark) .hover\:text-n-brand:hover{color:rgb(23 135 155 / var(--tw-text-opacity, 1))}
html:not(.dark) .hover\:text-woot-500:hover{--tw-text-opacity: 1;color:#2e9daf}
html:not(.dark) .hover\:text-woot-500:hover{color:rgb(46 157 175 / var(--tw-text-opacity, 1))}
html:not(.dark) .hover\:text-woot-700:hover{--tw-text-opacity: 1;color:#0e6577}
html:not(.dark) .hover\:text-woot-700:hover{color:rgb(14 101 119 / var(--tw-text-opacity, 1))}
html:not(.dark) .focus\:border-n-blue-11:focus{--tw-border-opacity: 1;border-color:#0e6577;border-color:rgb(var(--blue-11) / var(--tw-border-opacity, 1))}
html:not(.dark) .focus\:border-n-brand:focus{--tw-border-opacity: 1;border-color:#17879b}
html:not(.dark) .focus\:border-n-brand:focus{border-color:rgb(23 135 155 / var(--tw-border-opacity, 1))}
html:not(.dark) .focus\:outline-n-blue-9:focus{outline-color:#17879b;outline-color:rgb(var(--blue-9) / 1)}
html:not(.dark) .focus\:outline-n-brand:focus{outline-color:#17879b}
html:not(.dark) .focus\:ring-n-brand:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(23 135 155 / var(--tw-ring-opacity, 1))}
html:not(.dark) .focus\:ring-woot-500:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(46 157 175 / var(--tw-ring-opacity, 1))}
html:not(.dark) .focus-visible\:bg-n-brand\/20:focus-visible{background-color:#17879b33}
html:not(.dark) .focus-visible\:outline-n-brand:focus-visible{outline-color:#17879b}
html:not(.dark) .focus-visible\:outline-woot-500:focus-visible{outline-color:#2e9daf}
html:not(.dark) .focus-visible\:ring-n-brand:focus-visible{--tw-ring-opacity: 1;--tw-ring-color: rgb(23 135 155 / var(--tw-ring-opacity, 1))}
html:not(.dark) .hover\:enabled\:border-n-blue-9:enabled:hover{--tw-border-opacity: 1;border-color:#17879b;border-color:rgb(var(--blue-9) / var(--tw-border-opacity, 1))}
html:not(.dark) .hover\:enabled\:bg-n-blue-border:enabled:hover{background-color:#17879b80;background-color:rgba(var(--border-blue))}
html:not(.dark) .hover\:enabled\:bg-n-brand\/20:enabled:hover{background-color:#17879b33}
html:not(.dark) .group:focus-within .group-focus-within\:text-n-brand{--tw-text-opacity: 1;color:#17879b}
html:not(.dark) .group:focus-within .group-focus-within\:text-n-brand{color:rgb(23 135 155 / var(--tw-text-opacity, 1))}
html:not(.dark) .group:hover .group-hover\:bg-n-brand{--tw-bg-opacity: 1;background-color:#17879b}
html:not(.dark) .group:hover .group-hover\:bg-n-brand{background-color:rgb(23 135 155 / var(--tw-bg-opacity, 1))}
html:not(.dark) .group:hover .group-hover\:text-n-blue-11{--tw-text-opacity: 1;color:#0e6577;color:rgb(var(--blue-11) / var(--tw-text-opacity, 1))}
html:not(.dark) .group:hover .group-hover\:text-n-brand{--tw-text-opacity: 1;color:#17879b}
html:not(.dark) .group:hover .group-hover\:text-n-brand{color:rgb(23 135 155 / var(--tw-text-opacity, 1))}
html:not(.dark) .has-\[\:focus\]\:outline-n-brand:has(:focus){outline-color:#17879b}
html:not(.dark) .prose-a\:text-n-blue-11 :is(:where(a):not(:where([class~=not-prose], html:not(.dark) [class~=not-prose] *))){--tw-text-opacity: 1;color:#0e6577;color:rgb(var(--blue-11) / var(--tw-text-opacity, 1))}
html:not(.dark) .prose-strong\:text-n-brand :is(:where(strong):not(:where([class~=not-prose], html:not(.dark) [class~=not-prose] *))){--tw-text-opacity: 1;color:#17879b}
html:not(.dark) .prose-strong\:text-n-brand :is(:where(strong):not(:where([class~=not-prose], html:not(.dark) [class~=not-prose] *))){color:rgb(23 135 155 / var(--tw-text-opacity, 1))}
html:not(.dark) .\[\&\>a\]\:text-n-blue-10>a{--tw-text-opacity: 1;color:#10778a;color:rgb(var(--blue-10) / var(--tw-text-opacity, 1))}
html:not(.dark) .\[\&\>a\]\:hover\:text-n-blue-11:hover>a{--tw-text-opacity: 1;color:#0e6577;color:rgb(var(--blue-11) / var(--tw-text-opacity, 1))}
html:not(.dark) .\[\&\>button\]\:\!text-n-blue-11>button{--tw-text-opacity: 1 !important;color:#0e6577!important;color:rgb(var(--blue-11) / var(--tw-text-opacity, 1))!important}
html:not(.dark) .\[\&\>p\>\.link\]\:text-n-blue-11>p>.link{--tw-text-opacity: 1;color:#0e6577;color:rgb(var(--blue-11) / var(--tw-text-opacity, 1))}
html:not(.dark) .\[\&\>span\]\:\!text-n-blue-11>span{--tw-text-opacity: 1 !important;color:#0e6577!important;color:rgb(var(--blue-11) / var(--tw-text-opacity, 1))!important}
html:not(.dark) .\[\&_\.link\]\:text-n-blue-11 .link{--tw-text-opacity: 1;color:#0e6577;color:rgb(var(--blue-11) / var(--tw-text-opacity, 1))}
html:not(.dark) .ProseMirror-prompt .ProseMirror-prompt-buttons button[type=submit]{--tw-bg-opacity: 1;background-color:#17879b;--tw-text-opacity: 1;color:#fff}
html:not(.dark) .ProseMirror-prompt .ProseMirror-prompt-buttons button[type=submit]{background-color:rgb(23 135 155 / var(--tw-bg-opacity, 1));color:rgb(255 255 255 / var(--tw-text-opacity, 1))}
html:not(.dark) .ProseMirror-prompt .ProseMirror-prompt-buttons button[type=submit]:hover{background-color:#17879be6}
html:not(.dark) .menu[data-v-171409aa]:hover{--tw-bg-opacity: 1;background-color:#17879b;--tw-text-opacity: 1;color:#fff}
html:not(.dark) .menu[data-v-171409aa]:hover{background-color:rgb(23 135 155 / var(--tw-bg-opacity, 1));color:rgb(255 255 255 / var(--tw-text-opacity, 1))}
html:not(.dark) .search-input[data-v-69e77a2c]:focus{--tw-border-opacity: 1;border-color:#17879b}
html:not(.dark) .search-input[data-v-69e77a2c]:focus{border-color:rgb(23 135 155 / var(--tw-border-opacity, 1))}
html:not(.dark) .notification--unread-indicator[data-v-577256f2]{height:.625rem;width:.625rem;border-radius:9999px;--tw-bg-opacity: 1;background-color:#17879b}
html:not(.dark) .notification--unread-indicator[data-v-577256f2]{background-color:rgb(23 135 155 / var(--tw-bg-opacity, 1))}

/* ===================================================================
   [FORK CLINICA] Separacao visual do layout (SOMENTE light mode).
   .dark fica no <body>, entao escopar com body:not(.dark).
   =================================================================== */
body:not(.dark) .conversation-panel {
  background-color: #eaeef1;
}
body:not(.dark) .reply-box {
  background-color: #ffffff !important;
  box-shadow: 0 -1px 0 rgba(20, 50, 60, 0.06),
    0 10px 24px -12px rgba(20, 50, 60, 0.22);
}
body:not(.dark) .conversations-list-wrap {
  border-right: 1px solid rgba(20, 50, 60, 0.09);
}
/* ==========================================================================
   [FORK CLINICA] Composer (29/07) — 2 pedidos do Arthur.
   Vai no marca.css (carregado depois do bundle), entao NAO precisa de rebuild.
   ATENCAO: a classe .dark fica no BODY, nunca no html. Regra de COR tem que ser
   escopada em body:not(.dark) / body.dark, senao vaza pro tema escuro.
   ========================================================================== */

/* 1) Campo de envio mais enxuto.
   O ProseMirror vinha com min-height: 120px (medido no DOM) — sozinho quase
   metade dos 262px da caixa toda. 64px ainda da 3 linhas confortaveis e o
   campo cresce normalmente conforme se digita. */
.reply-box .ProseMirror {
  min-height: 64px !important;
}

/* 2) Nota interna com fundo amarelo pastel.
   Antes so o botao Enviar mudava de cor — pouco sinal pra uma acao em que
   confundir custa caro (achar que o cliente recebeu quando nao recebeu).
   Agora a propria area de digitacao fica amarelada. */
body:not(.dark) .reply-box.is-private .ProseMirror,
body:not(.dark) .reply-box.is-private .ProseMirror-menubar-wrapper {
  background-color: #fdf8e7 !important;
}

/* mesma pista no tema escuro, em intensidade compativel */
body.dark .reply-box.is-private .ProseMirror,
body.dark .reply-box.is-private .ProseMirror-menubar-wrapper {
  background-color: rgba(250, 204, 21, 0.08) !important;
}

/* [FORK CLINICA] Nova conversa: o bloco de preencher o MODELO vinha travado em
   28.75rem (460px) e ficava apertado pra preencher as variaveis. Essa largura e
   usada SO nos 2 formularios de template da nova conversa (WhatsappTemplate.vue
   e ContentTemplateForm.vue), entao alargar aqui nao mexe em mais nada. */
.w-\[28\.75rem\] {
  width: min(46rem, 92vw) !important;
  max-width: 92vw !important;
}

/* [FORK CLINICA] "Transferir em" no modal de transferencia: o rodape e flex de
   uma linha so (justify-content:flex-end) e nao cabia rotulo + seletor + 2
   botoes — o rotulo vazava pra fora do balao. Deixa o rodape quebrar e poe o
   seletor numa linha propria, alinhado a esquerda. */
.whu-dfoot {
  flex-wrap: wrap;
  align-items: center;
}
.whu-quando {
  flex: 1 0 100%;
  margin-right: 0;
  margin-bottom: 4px;
  justify-content: flex-start;
}
.whu-quando span {
  white-space: nowrap;
}
.whu-quando select {
  min-width: 10rem;
}

/* [FORK CLINICA] Card da conversa: o texto do preview tem flex-1/min-w-0 mas o
   pai NAO e flex, entao ele esticava e passava POR BAIXO do horario ("16m"),
   sobrepondo os dois. Reserva a faixa da direita pro tempo — como o preview ja
   trunca com reticencias, ele so passa a cortar antes. */
.conversation .overflow-hidden.text-ellipsis.whitespace-nowrap.h-6 {
  padding-right: 3.75rem;
}

/* [FORK CLINICA 06/08] Balao do CLIENTE era rgb(230,235,237) sobre painel
   rgb(234,238,241) — 4 pontos de diferenca, praticamente invisivel (reclamacao
   do Arthur com print). Branco + sombra leve, padrao WhatsApp.
   SO NO CLARO: no escuro o contraste ja e bom (39,42,45 sobre 20,21,23) e a
   regra sem body:not(.dark) vazaria pro tema escuro (armadilha ja paga). */
body:not(.dark) .left-bubble {
  background: rgb(255 255 255) !important;
  box-shadow: 0 1px 2px rgb(16 24 40 / 0.10);
}

/* ==========================================================================
   [FORK CLINICA 26/08] Tela do chat: devolver altura pra LISTA DE MENSAGENS.
   Queixa do Arthur: comparado ao WHU, sobra pouco pras mensagens.

   MEDIDO no DOM (1280x720, conversa 28857) ANTES de mexer — o painel tem 672px:
     acima da lista ..... 180px (27%)  = cabecalho 48 + etiquetas 36 + abas 40
                                         + aviso da janela de 24h 56
     LISTA ............... 311px (46%)
     composer ............ 173px (26%)  = abas 52 + area de digitar 64 + rodape 56

   Ou seja: 108 dos 173px do composer sao MOLDURA; so 64px servem pra escrever.
   A area de digitar ja tinha sido tratada em 29/07 (min-height 120 -> 64), entao
   aqui eu mexo SO no cromo, sem tirar nenhuma funcao da tela.

   Vai no marca.css (carregado depois do bundle) => NAO precisa de rebuild.
   Sem regra de COR aqui, entao nao precisa de body:not(.dark) — mas se algum dia
   alguem acrescentar cor nestas regras, TEM que escopar (o .dark fica no BODY).
   ========================================================================== */

/* 1) e 2) APOSENTADAS em 26/08 (camada9). Eram dois remendos de altura:
   `.reply-box > .h-[3.25rem]` apertava a linha de abas de 52px pra 34px, e
   `.reply-box > .p-3` cortava o padding do rodape. As DUAS LINHAS deixaram de
   existir: agora ha uma so (`.reply-box__barra`, no ReplyBox.vue), com as abas,
   os icones e o Enviar juntos. Os seletores dependiam de classes (`h-[3.25rem]`,
   `p-3`) que sairam do markup, entao viraram regra morta — e regra morta em
   folha de marca ja custou caro aqui (as 7 de `--woot-*`). Removidas de
   proposito, nao esquecidas. O que sobrou de CSS de composer neste arquivo e o
   `min-height` do ProseMirror (mais acima) e o aviso de 24h (logo abaixo). */

/* 3) Aviso da janela de 24h ("so pode responder usando um modelo"). E uma linha
   de texto dentro de um bloco de altura FIXA h-12 (48px) + mt-2. Vira altura
   automatica: o texto continua inteiro e legivel, so para de reservar espaco
   vazio. Escopado no painel da conversa pra nao mexer nos banners de conta. */
.conversation-details-wrap .woot-banner {
  height: auto !important;
  min-height: 0 !important;
  padding-top: 0.375rem !important;
  padding-bottom: 0.375rem !important;
  margin-top: 0.25rem !important;
}