/* GENERATED by deploy/recolour.py — do not edit by hand.
 *
 * Usherdesk accent over Chatwoot's compiled CSS. Loaded last by
 * brand/overrides/vueapp.html.erb, so equal-specificity rules win. Selectors are copied
 * verbatim from the bundles, which is why they win rather than fight.
 *
 * Regenerate after every Chatwoot upgrade — see the script's docstring.
 * Accent: #14453A (light) / #3D9078 (dark), from brand/usherdesk-tokens.json
 * 134 rules derived from 574 occurrences.
 */

/* Radix-style stops, consumed as rgb(var(--blue-9) / .3). Overriding the variable
 * recolours everything that reads it, including rules this script never sees. */
:root, .light, [data-theme='light'] {
  --blue-9: 20 69 58;
  --blue-10: 15 53 44;
  --blue-11: 27 90 74;
  --blue-12: 10 38 32;
  --border-blue: 20, 69, 58, 0.5;
}
.dark, [data-theme='dark'] {
  --blue-9: 61 144 120;
  --blue-10: 111 179 155;
  --blue-11: 168 210 194;
  --blue-12: 217 234 226;
  --border-blue: 61, 144, 120, 0.5;
}

.ProseMirror-prompt .ProseMirror-prompt-buttons button[type=submit] { background-color: #14453a; }
.ProseMirror-prompt .ProseMirror-prompt-buttons button[type=submit] { background-color: rgb(20 69 58 / var(--tw-bg-opacity, 1)); }
.ProseMirror-prompt .ProseMirror-prompt-buttons button[type=submit]:hover { background-color: #14453ae6; }
.\!outline-n-brand { outline-color: #14453a!important; }
.\!shadow-\[var\(--widget-color\,\#2781f6\)\] { --tw-shadow-color: var(--widget-color,#14453a) !important; }
.accent-n-blue-9 { accent-color: rgb(20 69 58 / 1); }
.after\:bg-n-brand:after { background-color: #14453a; }
.after\:bg-n-brand:after { background-color: rgb(20 69 58 / var(--tw-bg-opacity, 1)); }
.banner.primary[data-v-658da868] { background-color: #14453a; }
.banner.primary[data-v-658da868] { background-color: rgb(20 69 58 / var(--tw-bg-opacity, 1)); }
.before\:\!border-t-n-brand:before { border-top-color: #14453a!important; }
.before\:\!border-t-n-brand:before { border-top-color: rgb(20 69 58 / var(--tw-border-opacity, 1))!important; }
.before\:bg-n-brand:before { background-color: #14453a; }
.before\:bg-n-brand:before { background-color: rgb(20 69 58 / var(--tw-bg-opacity, 1)); }
.bg-\[\#2781F6\] { background-color: #14453a; }
.bg-\[\#2781F6\] { background-color: rgb(20 69 58 / var(--tw-bg-opacity, 1)); }
.bg-n-blue-9 { background-color: #14453a; }
.bg-n-brand { background-color: #14453a; }
.bg-n-brand { background-color: rgb(20 69 58 / var(--tw-bg-opacity, 1)); }
.bg-n-brand\/10 { background-color: #14453a1a; }
.bg-n-brand\/20 { background-color: #14453a33; }
.bg-n-brand\/5 { background-color: #14453a0d; }
.border-n-blue-9\/30 { border-color: #14453a4d; }
.border-n-blue-border { border-color: #14453a80; }
.border-n-brand { border-color: #14453a; }
.border-n-brand { border-color: rgb(20 69 58 / var(--tw-border-opacity, 1)); }
.border-n-brand\/50 { border-color: #14453a80; }
.border-t-n-brand { border-top-color: #14453a; }
.border-t-n-brand { border-top-color: rgb(20 69 58 / var(--tw-border-opacity, 1)); }
.button { border-color: #14453a; background-color: #14453a; }
.button { border-color: rgb(20 69 58 / var(--tw-border-opacity, 1)); background-color: rgb(20 69 58 / var(--tw-bg-opacity, 1)); }
.button:active,.button.active { border-color: #14453a; }
.button:active,.button.active { border-color: rgb(20 69 58 / var(--tw-border-opacity, 1)); }
.button:focus,.button:hover { border-color: #14453a; }
.button:focus,.button:hover { border-color: rgb(20 69 58 / var(--tw-border-opacity, 1)); }
.chat-bubble.agent .link { color: #14453a; }
.chat-bubble.agent .link { color: rgb(20 69 58 / var(--tw-text-opacity, 1)); }
.chat-bubble>a { color: #14453a; }
.chat-bubble>a { color: rgb(20 69 58 / var(--tw-text-opacity, 1)); }
.checked\:bg-n-brand:checked { background-color: #14453a; }
.checked\:bg-n-brand:checked { background-color: rgb(20 69 58 / var(--tw-bg-opacity, 1)); }
.checked\:border-n-brand:checked { border-color: #14453a; }
.checked\:border-n-brand:checked { border-color: rgb(20 69 58 / var(--tw-border-opacity, 1)); }
.customer-satisfaction .feedback-form input[data-v-b42a988a]:focus { outline-color: #14453a; }
.dark { --blue-9: 61 144 120; --border-blue: 61, 144, 120, .5; }
.dark { --border-blue: 61, 144, 120, .5; }
.dark .widget-wrapper[data-v-7dfaf3f3] { --border-blue: 61, 144, 120, .5; }
.dark\:\!outline-n-brand:is(.dark *) { outline-color: #3d9078!important; }
.dark\:bg-n-brand\/10:is(.dark *) { background-color: #3d90781a; }
.dark\:border-n-brand:is(.dark *) { border-color: #3d9078; }
.dark\:border-n-brand:is(.dark *) { border-color: rgb(61 144 120 / var(--tw-border-opacity, 1)); }
.dark\:checked\:bg-n-brand:checked:is(.dark *) { background-color: #3d9078; }
.dark\:checked\:bg-n-brand:checked:is(.dark *) { background-color: rgb(61 144 120 / var(--tw-bg-opacity, 1)); }
.dark\:checked\:border-n-brand:checked:is(.dark *) { border-color: #3d9078; }
.dark\:checked\:border-n-brand:checked:is(.dark *) { border-color: rgb(61 144 120 / var(--tw-border-opacity, 1)); }
.dark\:focus-within\:outline-n-brand:focus-within:is(.dark *) { outline-color: #3d9078; }
.dark\:focus\:outline-n-brand:focus:is(.dark *) { outline-color: #3d9078; }
.dark\:has-\[\:focus\]\:outline-n-brand:has(:focus):is(.dark *) { outline-color: #3d9078; }
.dark\:hover\:text-n-brand:hover:is(.dark *) { color: #3d9078; }
.dark\:hover\:text-n-brand:hover:is(.dark *) { color: rgb(61 144 120 / var(--tw-text-opacity, 1)); }
.dark\:ring-n-brand:is(.dark *) { --tw-ring-color: rgb(61 144 120 / var(--tw-ring-opacity, 1)); }
.email-input-group input[data-v-c0f153df]:focus { outline-color: #14453a; }
.file .download[data-v-7ea48b19] { color: #14453a; }
.file .download[data-v-7ea48b19] { color: rgb(20 69 58 / var(--tw-text-opacity, 1)); }
.file .icon-wrap[data-v-7ea48b19] { color: #14453a; }
.file .icon-wrap[data-v-7ea48b19] { color: rgb(20 69 58 / var(--tw-text-opacity, 1)); }
.fill-n-blue-9 { fill: #14453a; }
.focus-visible\:bg-n-brand\/20:focus-visible { background-color: #14453a33; }
.focus-visible\:outline-n-brand:focus-visible { outline-color: #14453a; }
.focus-visible\:ring-n-brand:focus-visible { --tw-ring-color: rgb(20 69 58 / var(--tw-ring-opacity, 1)); }
.focus-within\:outline-n-brand:focus-within { outline-color: #14453a; }
.focus-within\:ring-n-brand:focus-within { --tw-ring-color: rgb(20 69 58 / var(--tw-ring-opacity, 1)); }
.focus\:border-n-brand:focus { border-color: #14453a; }
.focus\:border-n-brand:focus { border-color: rgb(20 69 58 / var(--tw-border-opacity, 1)); }
.focus\:outline-n-blue-9:focus { outline-color: #14453a; }
.focus\:outline-n-brand:focus { outline-color: #14453a; }
.focus\:ring-n-brand:focus { --tw-ring-color: rgb(20 69 58 / var(--tw-ring-opacity, 1)); }
.from-n-brand\/15 { --tw-gradient-from: rgb(20 69 58 / .15) var(--tw-gradient-from-position); --tw-gradient-to: rgb(20 69 58 / 0) var(--tw-gradient-to-position); }
.group:focus-within .group-focus-within\:text-n-brand { color: #14453a; }
.group:focus-within .group-focus-within\:text-n-brand { color: rgb(20 69 58 / var(--tw-text-opacity, 1)); }
.group:hover .group-hover\:bg-n-brand { background-color: #14453a; }
.group:hover .group-hover\:bg-n-brand { background-color: rgb(20 69 58 / var(--tw-bg-opacity, 1)); }
.group:hover .group-hover\:text-n-brand { color: #14453a; }
.group:hover .group-hover\:text-n-brand { color: rgb(20 69 58 / var(--tw-text-opacity, 1)); }
.has-\[\:focus\]\:outline-n-brand:has(:focus) { outline-color: #14453a; }
.hover\:bg-n-brand\/10:hover { background-color: #14453a1a; }
.hover\:bg-n-brand\/80:hover { background-color: #14453acc; }
.hover\:border-n-brand:hover { border-color: #14453a; }
.hover\:border-n-brand:hover { border-color: rgb(20 69 58 / var(--tw-border-opacity, 1)); }
.hover\:enabled\:bg-n-blue-border:enabled:hover { background-color: #14453a80; }
.hover\:enabled\:bg-n-brand\/20:enabled:hover { background-color: #14453a33; }
.hover\:enabled\:border-n-blue-9:enabled:hover { border-color: #14453a; }
.hover\:text-n-brand:hover { color: #14453a; }
.hover\:text-n-brand:hover { color: rgb(20 69 58 / var(--tw-text-opacity, 1)); }
.indeterminate\:bg-n-brand:indeterminate { background-color: #14453a; }
.indeterminate\:bg-n-brand:indeterminate { background-color: rgb(20 69 58 / var(--tw-bg-opacity, 1)); }
.indeterminate\:border-n-brand:indeterminate { border-color: #14453a; }
.indeterminate\:border-n-brand:indeterminate { border-color: rgb(20 69 58 / var(--tw-border-opacity, 1)); }
.menu[data-v-60cefcf4]:hover { background-color: #14453a; }
.menu[data-v-60cefcf4]:hover { background-color: rgb(20 69 58 / var(--tw-bg-opacity, 1)); }
.notification--unread-indicator[data-v-577256f2] { background-color: #14453a; }
.notification--unread-indicator[data-v-577256f2] { background-color: rgb(20 69 58 / var(--tw-bg-opacity, 1)); }
.option[data-v-74ee74cc] { border-color: #14453a; }
.option[data-v-74ee74cc] { border-color: rgb(20 69 58 / var(--tw-border-opacity, 1)); }
.outline-n-blue-9 { outline-color: #14453a; }
.outline-n-brand { outline-color: #14453a; }
.prose-strong\:text-n-brand :is(:where(strong):not(:where([class~=not-prose],[class~=not-prose] *))) { color: #14453a; }
.prose-strong\:text-n-brand :is(:where(strong):not(:where([class~=not-prose],[class~=not-prose] *))) { color: rgb(20 69 58 / var(--tw-text-opacity, 1)); }
.ring-n-brand { --tw-ring-color: rgb(20 69 58 / var(--tw-ring-opacity, 1)); }
.search-input[data-v-69e77a2c]:focus { border-color: #14453a; }
.search-input[data-v-69e77a2c]:focus { border-color: rgb(20 69 58 / var(--tw-border-opacity, 1)); }
.text-link { color: #14453a; }
.text-link { color: rgb(20 69 58 / var(--tw-text-opacity, 1)); }
.text-n-blue-9 { color: #14453a; }
.text-n-brand { color: #14453a; }
.text-n-brand { color: rgb(20 69 58 / var(--tw-text-opacity, 1)); }
.unread-wrap .clear-button[data-v-4f260fa6] { color: #14453a; }
.unread-wrap .clear-button[data-v-4f260fa6] { color: rgb(20 69 58 / var(--tw-text-opacity, 1)); }
.widget-wrapper[data-v-7dfaf3f3] { --border-blue: 20, 69, 58, .5; }
:root { --blue-9: 20 69 58; --border-blue: 20, 69, 58, .5; }
:root { --border-blue: 20, 69, 58, .5; }
input:not(.reset-base):focus,textarea:not(.reset-base):focus { outline-color: #14453a; 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)) #14453a,0 0 #0000; --tw-ring-color: rgb(20 69 58 / var(--tw-ring-opacity, 1)); }
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: #14453a; }
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:is(.dark *) { outline-color: #3d9078; }
ninja-keys { --ninja-accent-color: rgba(20, 69, 58, 1); }
p a { color: #14453a; }
p a { color: rgb(20 69 58 / var(--tw-text-opacity, 1)); }
p a:is(.dark *) { color: #3d9078; }
p a:is(.dark *) { color: rgb(61 144 120 / var(--tw-text-opacity, 1)); }
select:focus { outline-color: #14453a; }
select:focus:is(.dark *) { outline-color: #3d9078; }
select:not(.reset-base):focus { outline-color: #14453a; 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)) #14453a,0 0 #0000; --tw-ring-color: rgb(20 69 58 / var(--tw-ring-opacity, 1)); }
textarea:focus { outline-color: #14453a; }
textarea:focus:is(.dark *) { outline-color: #3d9078; }