/* Tema Mast para o Chatwoot — troca a escala "blue" (cor primária) pelo marinho Mast. */
:root:root {
  --blue-1: 250 252 255;
  --blue-2: 243 247 252;
  --blue-3: 230 238 248;
  --blue-4: 214 227 243;
  --blue-5: 196 213 235;
  --blue-6: 173 195 225;
  --blue-7: 142 170 208;
  --blue-8: 98 133 182;
  --blue-9: 20 60 110;    /* #143C6E marinho Mast */
  --blue-10: 15 48 90;
  --blue-11: 23 63 104;   /* #173F68 */
  --blue-12: 12 33 61;
}
:root:root.dark, .dark.dark.dark {
  --blue-1: 11 16 25;
  --blue-2: 15 22 35;
  --blue-3: 17 34 60;
  --blue-4: 18 43 78;
  --blue-5: 23 53 94;
  --blue-6: 30 66 113;
  --blue-7: 38 81 136;
  --blue-8: 46 98 165;
  --blue-9: 30 85 153;    /* #1E5599 */
  --blue-10: 40 99 172;
  --blue-11: 126 168 221; /* #7EA8DD */
  --blue-12: 208 225 247;
}
/* Classes antigas "woot" que ainda aparecem em algumas telas */
html .bg-woot-500, html .bg-woot-600 { background-color: #143C6E; }
html .bg-woot-400 { background-color: #1E5599; }
html .text-woot-500, html .text-woot-600 { color: #143C6E; }
html .border-woot-500 { border-color: #143C6E; }
html:where(.dark) .text-woot-500, html:where(.dark) .text-woot-600 { color: #7EA8DD; }
/* Detalhe turquesa da cruz Mast no foco */
html :focus-visible { outline-color: #0DB3C4; }
/* gerado: sobrescreve o azul fixo #2781F6 do Chatwoot pelo marinho Mast */
html .ProseMirror .cw-embed-preview.cw-embed-preview--removable .cw-embed-remove:focus-visible{outline:2px solid rgb(20 60 110)}
html .ProseMirror .cw-embed-preview.cw-embed-preview--removable .cw-embed-remove:focus-visible{outline:2px solid rgb(var(--blue-9, 20 60 110))}
html .file .icon-wrap[data-v-7ea48b19]{color:#143c6e}
html .file .icon-wrap[data-v-7ea48b19]{color:rgb(20 60 110 / var(--tw-text-opacity, 1))}
html .file .download[data-v-7ea48b19]{color:#143c6e}
html .file .download[data-v-7ea48b19]{color:rgb(20 60 110 / var(--tw-text-opacity, 1))}
html .option[data-v-74ee74cc]{border-color:#143c6e}
html .option[data-v-74ee74cc]{border-color:rgb(20 60 110 / var(--tw-border-opacity, 1))}
html .email-input-group input[data-v-67996ed4]:focus{outline-color:#143c6e}
html .customer-satisfaction .feedback-form input[data-v-9969083f]:focus{outline-color:#143c6e}
html .unread-wrap .clear-button[data-v-4f260fa6]{color:#143c6e}
html .unread-wrap .clear-button[data-v-4f260fa6]{color:rgb(20 60 110 / var(--tw-text-opacity, 1))}
html .banner.primary[data-v-dd067508]{background-color:#143c6e}
html .banner.primary[data-v-dd067508]{background-color:rgb(20 60 110 / var(--tw-bg-opacity, 1))}
html .border-n-blue-border{border-color:#143c6e80}
html .border-n-brand{border-color:#143c6e}
html .border-n-brand{border-color:rgb(20 60 110 / var(--tw-border-opacity, 1))}
html .border-n-brand\/50{border-color:#143c6e80}
html .border-t-n-brand{border-top-color:#143c6e}
html .border-t-n-brand{border-top-color:rgb(20 60 110 / var(--tw-border-opacity, 1))}
html .bg-\[\#2781F6\]{background-color:#143c6e}
html .bg-\[\#2781F6\]{background-color:rgb(20 60 110 / var(--tw-bg-opacity, 1))}
html .bg-n-blue-9{background-color:#143c6e}
html .bg-n-brand{background-color:#143c6e}
html .bg-n-brand{background-color:rgb(20 60 110 / var(--tw-bg-opacity, 1))}
html .bg-n-brand\/10{background-color:#143c6e1a}
html .bg-n-brand\/20{background-color:#143c6e33}
html .bg-n-brand\/5{background-color:#143c6e0d}
html .fill-n-blue-9{fill:#143c6e}
html .text-n-blue-9{color:#143c6e}
html .text-n-brand{color:#143c6e}
html .text-n-brand{color:rgb(20 60 110 / var(--tw-text-opacity, 1))}
html .accent-n-blue-9{accent-color:rgb(20 60 110 / 1)}
html .\!outline-n-brand{outline-color:#143c6e !important}
html .outline-n-blue-9{outline-color:#143c6e}
html .outline-n-brand{outline-color:#143c6e}
html p a{color:#143c6e}
html p a{color:rgb(20 60 110 / var(--tw-text-opacity, 1))}
html 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:#143c6e}
html select:focus{outline-color:#143c6e}
html textarea:focus{outline-color:#143c6e}
html .before\:\!border-t-n-brand:before{border-top-color:#143c6e !important}
html .before\:\!border-t-n-brand:before{border-top-color:rgb(20 60 110 / var(--tw-border-opacity, 1)) !important}
html .before\:bg-n-brand:before{background-color:#143c6e}
html .before\:bg-n-brand:before{background-color:rgb(20 60 110 / var(--tw-bg-opacity, 1))}
html .after\:bg-n-brand:after{background-color:#143c6e}
html .after\:bg-n-brand:after{background-color:rgb(20 60 110 / var(--tw-bg-opacity, 1))}
html .checked\:border-n-brand:checked{border-color:#143c6e}
html .checked\:border-n-brand:checked{border-color:rgb(20 60 110 / var(--tw-border-opacity, 1))}
html .checked\:bg-n-brand:checked{background-color:#143c6e}
html .checked\:bg-n-brand:checked{background-color:rgb(20 60 110 / var(--tw-bg-opacity, 1))}
html .indeterminate\:border-n-brand:indeterminate{border-color:#143c6e}
html .indeterminate\:border-n-brand:indeterminate{border-color:rgb(20 60 110 / var(--tw-border-opacity, 1))}
html .indeterminate\:bg-n-brand:indeterminate{background-color:#143c6e}
html .indeterminate\:bg-n-brand:indeterminate{background-color:rgb(20 60 110 / var(--tw-bg-opacity, 1))}
html .focus-within\:outline-n-brand:focus-within{outline-color:#143c6e}
html .hover\:border-n-brand:hover{border-color:#143c6e}
html .hover\:border-n-brand:hover{border-color:rgb(20 60 110 / var(--tw-border-opacity, 1))}
html .hover\:bg-n-brand\/10:hover{background-color:#143c6e1a}
html .hover\:bg-n-brand\/80:hover{background-color:#143c6ecc}
html .hover\:text-n-brand:hover{color:#143c6e}
html .hover\:text-n-brand:hover{color:rgb(20 60 110 / var(--tw-text-opacity, 1))}
html .focus\:border-n-brand:focus{border-color:#143c6e}
html .focus\:border-n-brand:focus{border-color:rgb(20 60 110 / var(--tw-border-opacity, 1))}
html .focus\:outline-n-blue-9:focus{outline-color:#143c6e}
html .focus\:outline-n-brand:focus{outline-color:#143c6e}
html .focus-visible\:border-n-brand:focus-visible{border-color:#143c6e}
html .focus-visible\:border-n-brand:focus-visible{border-color:rgb(20 60 110 / var(--tw-border-opacity, 1))}
html .focus-visible\:bg-n-brand\/20:focus-visible{background-color:#143c6e33}
html .focus-visible\:outline-n-blue-9:focus-visible{outline-color:#143c6e}
html .focus-visible\:outline-n-brand:focus-visible{outline-color:#143c6e}
html .hover\:enabled\:border-n-blue-9:enabled:hover{border-color:#143c6e}
html .hover\:enabled\:bg-n-blue-border:enabled:hover{background-color:#143c6e80}
html .hover\:enabled\:bg-n-brand\/20:enabled:hover{background-color:#143c6e33}
html .group:focus-within .group-focus-within\:text-n-brand{color:#143c6e}
html .group:focus-within .group-focus-within\:text-n-brand{color:rgb(20 60 110 / var(--tw-text-opacity, 1))}
html .group:hover .group-hover\:bg-n-brand{background-color:#143c6e}
html .group:hover .group-hover\:bg-n-brand{background-color:rgb(20 60 110 / var(--tw-bg-opacity, 1))}
html .group:hover .group-hover\:text-n-brand{color:#143c6e}
html .group:hover .group-hover\:text-n-brand{color:rgb(20 60 110 / var(--tw-text-opacity, 1))}
html .has-\[\:focus\]\:outline-n-brand:has(:focus){outline-color:#143c6e}
html .prose-a\:text-n-brand :is(:where(a):not(:where([class~=not-prose],html [class~=not-prose] *))){color:#143c6e}
html .prose-a\:text-n-brand :is(:where(a):not(:where([class~=not-prose],html [class~=not-prose] *))){color:rgb(20 60 110 / var(--tw-text-opacity, 1))}
html .prose-strong\:text-n-brand :is(:where(strong):not(:where([class~=not-prose],html [class~=not-prose] *))){color:#143c6e}
html .prose-strong\:text-n-brand :is(:where(strong):not(:where([class~=not-prose],html [class~=not-prose] *))){color:rgb(20 60 110 / var(--tw-text-opacity, 1))}
html .ProseMirror-prompt .ProseMirror-prompt-buttons button[type=submit]{background-color:#143c6e}
html .ProseMirror-prompt .ProseMirror-prompt-buttons button[type=submit]{background-color:rgb(20 60 110 / var(--tw-bg-opacity, 1))}
html .ProseMirror-prompt .ProseMirror-prompt-buttons button[type=submit]:hover{background-color:#143c6ee6}
html .menu[data-v-60cefcf4]:hover{background-color:#143c6e}
html .menu[data-v-60cefcf4]:hover{background-color:rgb(20 60 110 / var(--tw-bg-opacity, 1))}
html .search-input[data-v-69e77a2c]:focus{border-color:#143c6e}
html .search-input[data-v-69e77a2c]:focus{border-color:rgb(20 60 110 / var(--tw-border-opacity, 1))}
html .text-link{color:#143c6e}
html .text-link{color:rgb(20 60 110 / var(--tw-text-opacity, 1))}
html .chat-bubble>a{color:#143c6e}
html .chat-bubble>a{color:rgb(20 60 110 / var(--tw-text-opacity, 1))}
html .chat-bubble.agent .link{color:#143c6e}
html .chat-bubble.agent .link{color:rgb(20 60 110 / var(--tw-text-opacity, 1))}
html input:not(.reset-base):focus,html textarea:not(.reset-base):focus{outline-color:#143c6e}
html input:not(.reset-base):focus,html textarea:not(.reset-base):focus{box-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color),var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) #143c6e,0 0 #0000}
html select:not(.reset-base):focus{outline-color:#143c6e}
html select:not(.reset-base):focus{box-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color),var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) #143c6e,0 0 #0000}
html .button{border-color:#143c6e}
html .button{background-color:#143c6e}
html .button{border-color:rgb(20 60 110 / var(--tw-border-opacity, 1))}
html .button{background-color:rgb(20 60 110 / var(--tw-bg-opacity, 1))}
html .button:focus,html .button:hover{border-color:#143c6e}
html .button:focus,html .button:hover{border-color:rgb(20 60 110 / var(--tw-border-opacity, 1))}
html .button:active,html .button.active{border-color:#143c6e}
html .button:active,html .button.active{border-color:rgb(20 60 110 / var(--tw-border-opacity, 1))}
html:where(.dark) .ProseMirror .cw-embed-preview.cw-embed-preview--removable .cw-embed-remove:focus-visible{outline:2px solid rgb(30 85 153)}
html:where(.dark) .ProseMirror .cw-embed-preview.cw-embed-preview--removable .cw-embed-remove:focus-visible{outline:2px solid rgb(var(--blue-9, 30 85 153))}
html:where(.dark) .file .icon-wrap[data-v-7ea48b19]{color:#7ea8dd}
html:where(.dark) .file .icon-wrap[data-v-7ea48b19]{color:rgb(126 168 221 / var(--tw-text-opacity, 1))}
html:where(.dark) .file .download[data-v-7ea48b19]{color:#7ea8dd}
html:where(.dark) .file .download[data-v-7ea48b19]{color:rgb(126 168 221 / var(--tw-text-opacity, 1))}
html:where(.dark) .option[data-v-74ee74cc]{border-color:#1e5599}
html:where(.dark) .option[data-v-74ee74cc]{border-color:rgb(30 85 153 / var(--tw-border-opacity, 1))}
html:where(.dark) .email-input-group input[data-v-67996ed4]:focus{outline-color:#1e5599}
html:where(.dark) .customer-satisfaction .feedback-form input[data-v-9969083f]:focus{outline-color:#1e5599}
html:where(.dark) .unread-wrap .clear-button[data-v-4f260fa6]{color:#7ea8dd}
html:where(.dark) .unread-wrap .clear-button[data-v-4f260fa6]{color:rgb(126 168 221 / var(--tw-text-opacity, 1))}
html:where(.dark) .banner.primary[data-v-dd067508]{background-color:#1e5599}
html:where(.dark) .banner.primary[data-v-dd067508]{background-color:rgb(30 85 153 / var(--tw-bg-opacity, 1))}
html:where(.dark) .border-n-blue-border{border-color:#1e559980}
html:where(.dark) .border-n-brand{border-color:#1e5599}
html:where(.dark) .border-n-brand{border-color:rgb(30 85 153 / var(--tw-border-opacity, 1))}
html:where(.dark) .border-n-brand\/50{border-color:#1e559980}
html:where(.dark) .border-t-n-brand{border-top-color:#1e5599}
html:where(.dark) .border-t-n-brand{border-top-color:rgb(30 85 153 / var(--tw-border-opacity, 1))}
html:where(.dark) .bg-\[\#2781F6\]{background-color:#1e5599}
html:where(.dark) .bg-\[\#2781F6\]{background-color:rgb(30 85 153 / var(--tw-bg-opacity, 1))}
html:where(.dark) .bg-n-blue-9{background-color:#1e5599}
html:where(.dark) .bg-n-brand{background-color:#1e5599}
html:where(.dark) .bg-n-brand{background-color:rgb(30 85 153 / var(--tw-bg-opacity, 1))}
html:where(.dark) .bg-n-brand\/10{background-color:#1e55991a}
html:where(.dark) .bg-n-brand\/20{background-color:#1e559933}
html:where(.dark) .bg-n-brand\/5{background-color:#1e55990d}
html:where(.dark) .fill-n-blue-9{fill:#1e5599}
html:where(.dark) .text-n-blue-9{color:#7ea8dd}
html:where(.dark) .text-n-brand{color:#7ea8dd}
html:where(.dark) .text-n-brand{color:rgb(126 168 221 / var(--tw-text-opacity, 1))}
html:where(.dark) .accent-n-blue-9{accent-color:rgb(30 85 153 / 1)}
html:where(.dark) .\!outline-n-brand{outline-color:#1e5599 !important}
html:where(.dark) .outline-n-blue-9{outline-color:#1e5599}
html:where(.dark) .outline-n-brand{outline-color:#1e5599}
html:where(.dark) p a{color:#7ea8dd}
html:where(.dark) p a{color:rgb(126 168 221 / var(--tw-text-opacity, 1))}
html:where(.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:#1e5599}
html:where(.dark) select:focus{outline-color:#1e5599}
html:where(.dark) textarea:focus{outline-color:#1e5599}
html:where(.dark) .before\:\!border-t-n-brand:before{border-top-color:#1e5599 !important}
html:where(.dark) .before\:\!border-t-n-brand:before{border-top-color:rgb(30 85 153 / var(--tw-border-opacity, 1)) !important}
html:where(.dark) .before\:bg-n-brand:before{background-color:#1e5599}
html:where(.dark) .before\:bg-n-brand:before{background-color:rgb(30 85 153 / var(--tw-bg-opacity, 1))}
html:where(.dark) .after\:bg-n-brand:after{background-color:#1e5599}
html:where(.dark) .after\:bg-n-brand:after{background-color:rgb(30 85 153 / var(--tw-bg-opacity, 1))}
html:where(.dark) .checked\:border-n-brand:checked{border-color:#1e5599}
html:where(.dark) .checked\:border-n-brand:checked{border-color:rgb(30 85 153 / var(--tw-border-opacity, 1))}
html:where(.dark) .checked\:bg-n-brand:checked{background-color:#1e5599}
html:where(.dark) .checked\:bg-n-brand:checked{background-color:rgb(30 85 153 / var(--tw-bg-opacity, 1))}
html:where(.dark) .indeterminate\:border-n-brand:indeterminate{border-color:#1e5599}
html:where(.dark) .indeterminate\:border-n-brand:indeterminate{border-color:rgb(30 85 153 / var(--tw-border-opacity, 1))}
html:where(.dark) .indeterminate\:bg-n-brand:indeterminate{background-color:#1e5599}
html:where(.dark) .indeterminate\:bg-n-brand:indeterminate{background-color:rgb(30 85 153 / var(--tw-bg-opacity, 1))}
html:where(.dark) .focus-within\:outline-n-brand:focus-within{outline-color:#1e5599}
html:where(.dark) .hover\:border-n-brand:hover{border-color:#1e5599}
html:where(.dark) .hover\:border-n-brand:hover{border-color:rgb(30 85 153 / var(--tw-border-opacity, 1))}
html:where(.dark) .hover\:bg-n-brand\/10:hover{background-color:#1e55991a}
html:where(.dark) .hover\:bg-n-brand\/80:hover{background-color:#1e5599cc}
html:where(.dark) .hover\:text-n-brand:hover{color:#7ea8dd}
html:where(.dark) .hover\:text-n-brand:hover{color:rgb(126 168 221 / var(--tw-text-opacity, 1))}
html:where(.dark) .focus\:border-n-brand:focus{border-color:#1e5599}
html:where(.dark) .focus\:border-n-brand:focus{border-color:rgb(30 85 153 / var(--tw-border-opacity, 1))}
html:where(.dark) .focus\:outline-n-blue-9:focus{outline-color:#1e5599}
html:where(.dark) .focus\:outline-n-brand:focus{outline-color:#1e5599}
html:where(.dark) .focus-visible\:border-n-brand:focus-visible{border-color:#1e5599}
html:where(.dark) .focus-visible\:border-n-brand:focus-visible{border-color:rgb(30 85 153 / var(--tw-border-opacity, 1))}
html:where(.dark) .focus-visible\:bg-n-brand\/20:focus-visible{background-color:#1e559933}
html:where(.dark) .focus-visible\:outline-n-blue-9:focus-visible{outline-color:#1e5599}
html:where(.dark) .focus-visible\:outline-n-brand:focus-visible{outline-color:#1e5599}
html:where(.dark) .hover\:enabled\:border-n-blue-9:enabled:hover{border-color:#1e5599}
html:where(.dark) .hover\:enabled\:bg-n-blue-border:enabled:hover{background-color:#1e559980}
html:where(.dark) .hover\:enabled\:bg-n-brand\/20:enabled:hover{background-color:#1e559933}
html:where(.dark) .group:focus-within .group-focus-within\:text-n-brand{color:#7ea8dd}
html:where(.dark) .group:focus-within .group-focus-within\:text-n-brand{color:rgb(126 168 221 / var(--tw-text-opacity, 1))}
html:where(.dark) .group:hover .group-hover\:bg-n-brand{background-color:#1e5599}
html:where(.dark) .group:hover .group-hover\:bg-n-brand{background-color:rgb(30 85 153 / var(--tw-bg-opacity, 1))}
html:where(.dark) .group:hover .group-hover\:text-n-brand{color:#7ea8dd}
html:where(.dark) .group:hover .group-hover\:text-n-brand{color:rgb(126 168 221 / var(--tw-text-opacity, 1))}
html:where(.dark) .has-\[\:focus\]\:outline-n-brand:has(:focus){outline-color:#1e5599}
html:where(.dark) .prose-a\:text-n-brand :is(:where(a):not(:where([class~=not-prose],html:where(.dark) [class~=not-prose] *))){color:#7ea8dd}
html:where(.dark) .prose-a\:text-n-brand :is(:where(a):not(:where([class~=not-prose],html:where(.dark) [class~=not-prose] *))){color:rgb(126 168 221 / var(--tw-text-opacity, 1))}
html:where(.dark) .prose-strong\:text-n-brand :is(:where(strong):not(:where([class~=not-prose],html:where(.dark) [class~=not-prose] *))){color:#7ea8dd}
html:where(.dark) .prose-strong\:text-n-brand :is(:where(strong):not(:where([class~=not-prose],html:where(.dark) [class~=not-prose] *))){color:rgb(126 168 221 / var(--tw-text-opacity, 1))}
html:where(.dark) .ProseMirror-prompt .ProseMirror-prompt-buttons button[type=submit]{background-color:#1e5599}
html:where(.dark) .ProseMirror-prompt .ProseMirror-prompt-buttons button[type=submit]{background-color:rgb(30 85 153 / var(--tw-bg-opacity, 1))}
html:where(.dark) .ProseMirror-prompt .ProseMirror-prompt-buttons button[type=submit]:hover{background-color:#1e5599e6}
html:where(.dark) .menu[data-v-60cefcf4]:hover{background-color:#1e5599}
html:where(.dark) .menu[data-v-60cefcf4]:hover{background-color:rgb(30 85 153 / var(--tw-bg-opacity, 1))}
html:where(.dark) .search-input[data-v-69e77a2c]:focus{border-color:#1e5599}
html:where(.dark) .search-input[data-v-69e77a2c]:focus{border-color:rgb(30 85 153 / var(--tw-border-opacity, 1))}
html:where(.dark) .text-link{color:#7ea8dd}
html:where(.dark) .text-link{color:rgb(126 168 221 / var(--tw-text-opacity, 1))}
html:where(.dark) .chat-bubble>a{color:#7ea8dd}
html:where(.dark) .chat-bubble>a{color:rgb(126 168 221 / var(--tw-text-opacity, 1))}
html:where(.dark) .chat-bubble.agent .link{color:#7ea8dd}
html:where(.dark) .chat-bubble.agent .link{color:rgb(126 168 221 / var(--tw-text-opacity, 1))}
html:where(.dark) input:not(.reset-base):focus,html:where(.dark) textarea:not(.reset-base):focus{outline-color:#1e5599}
html:where(.dark) input:not(.reset-base):focus,html:where(.dark) textarea:not(.reset-base):focus{box-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color),var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) #1e5599,0 0 #0000}
html:where(.dark) select:not(.reset-base):focus{outline-color:#1e5599}
html:where(.dark) select:not(.reset-base):focus{box-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color),var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) #1e5599,0 0 #0000}
html:where(.dark) .button{border-color:#1e5599}
html:where(.dark) .button{background-color:#1e5599}
html:where(.dark) .button{border-color:rgb(30 85 153 / var(--tw-border-opacity, 1))}
html:where(.dark) .button{background-color:rgb(30 85 153 / var(--tw-bg-opacity, 1))}
html:where(.dark) .button:focus,html:where(.dark) .button:hover{border-color:#1e5599}
html:where(.dark) .button:focus,html:where(.dark) .button:hover{border-color:rgb(30 85 153 / var(--tw-border-opacity, 1))}
html:where(.dark) .button:active,html:where(.dark) .button.active{border-color:#1e5599}
html:where(.dark) .button:active,html:where(.dark) .button.active{border-color:rgb(30 85 153 / var(--tw-border-opacity, 1))}