/* СТАРДОКТОР — тема поверх Chatwoot. Сгенерировано из v3app css; бренд #3049a1 / #f06d1f / #4ea8e3 */
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&family=Montserrat:wght@600;700&display=swap');
:root{--blue-1: 252 253 255;--blue-2: 247 248 253;--blue-3: 238 241 251;--blue-4: 228 232 249;--blue-5: 216 222 246;--blue-6: 201 209 241;--blue-7: 181 192 233;--blue-8: 152 166 220;--blue-9: 48 73 161;--blue-10: 42 65 145;--blue-11: 37 56 124;--blue-12: 24 33 70}
.dark{--blue-1: 14 17 30;--blue-2: 18 22 40;--blue-3: 26 32 62;--blue-4: 31 39 78;--blue-5: 37 47 94;--blue-6: 45 58 112;--blue-7: 56 72 136;--blue-8: 70 92 168;--blue-9: 63 99 196;--blue-10: 78 116 214;--blue-11: 143 166 240;--blue-12: 205 216 250}
html,body{font-family:Roboto,-apple-system,BlinkMacSystemFont,'Segoe UI',Helvetica Neue,Arial,sans-serif!important}
.border-n-blue-border{border-color:#3049a180;border-color:rgba(var(--border-blue))}
.border-n-brand{--tw-border-opacity: 1;border-color:#3049a1}
.border-n-brand{border-color:rgb(48 73 161 / var(--tw-border-opacity, 1))}
.border-n-brand\/50{border-color:#3049a180}
.border-woot-500{--tw-border-opacity: 1;border-color:#3f63c4}
.border-woot-500{border-color:rgb(63 99 196 / var(--tw-border-opacity, 1))}
.border-t-n-brand{--tw-border-opacity: 1;border-top-color:#3049a1}
.border-t-n-brand{border-top-color:rgb(48 73 161 / var(--tw-border-opacity, 1))}
.bg-n-brand{--tw-bg-opacity: 1;background-color:#3049a1}
.bg-n-brand{background-color:rgb(48 73 161 / var(--tw-bg-opacity, 1))}
.bg-n-brand\/10{background-color:#3049a11a}
.bg-n-brand\/20{background-color:#3049a133}
.bg-n-brand\/5{background-color:#3049a10d}
.bg-woot-500{--tw-bg-opacity: 1;background-color:#3f63c4}
.bg-woot-500{background-color:rgb(63 99 196 / var(--tw-bg-opacity, 1))}
.from-n-brand\/15{--tw-gradient-from: rgb(48 73 161 / .15) var(--tw-gradient-from-position);--tw-gradient-to: rgb(48 73 161 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}
.text-n-brand{--tw-text-opacity: 1;color:#3049a1}
.text-n-brand{color:rgb(48 73 161 / var(--tw-text-opacity, 1))}
.text-woot-500{--tw-text-opacity: 1;color:#3f63c4}
.text-woot-500{color:rgb(63 99 196 / var(--tw-text-opacity, 1))}
.\!outline-n-brand{outline-color:#3049a1!important}
.outline-n-brand{outline-color:#3049a1}
.ring-n-brand{--tw-ring-opacity: 1;--tw-ring-color: rgb(48 73 161 / var(--tw-ring-opacity, 1))}
.before\:\!border-t-n-brand:before{content:var(--tw-content);--tw-border-opacity: 1 !important;border-top-color:#3049a1!important}
.before\:\!border-t-n-brand:before{border-top-color:rgb(48 73 161 / var(--tw-border-opacity, 1))!important}
.before\:bg-n-brand:before{content:var(--tw-content);--tw-bg-opacity: 1;background-color:#3049a1}
.before\:bg-n-brand:before{background-color:rgb(48 73 161 / var(--tw-bg-opacity, 1))}
.after\:bg-n-brand:after{content:var(--tw-content);--tw-bg-opacity: 1;background-color:#3049a1}
.after\:bg-n-brand:after{background-color:rgb(48 73 161 / var(--tw-bg-opacity, 1))}
.checked\:border-n-brand:checked{--tw-border-opacity: 1;border-color:#3049a1}
.checked\:border-n-brand:checked{border-color:rgb(48 73 161 / var(--tw-border-opacity, 1))}
.checked\:bg-n-brand:checked{--tw-bg-opacity: 1;background-color:#3049a1}
.checked\:bg-n-brand:checked{background-color:rgb(48 73 161 / var(--tw-bg-opacity, 1))}
.indeterminate\:border-n-brand:indeterminate{--tw-border-opacity: 1;border-color:#3049a1}
.indeterminate\:border-n-brand:indeterminate{border-color:rgb(48 73 161 / var(--tw-border-opacity, 1))}
.indeterminate\:bg-n-brand:indeterminate{--tw-bg-opacity: 1;background-color:#3049a1}
.indeterminate\:bg-n-brand:indeterminate{background-color:rgb(48 73 161 / var(--tw-bg-opacity, 1))}
.focus-within\:outline-n-brand:focus-within{outline-color:#3049a1}
.focus-within\:ring-n-brand:focus-within{--tw-ring-opacity: 1;--tw-ring-color: rgb(48 73 161 / var(--tw-ring-opacity, 1))}
.hover\:border-n-brand:hover{--tw-border-opacity: 1;border-color:#3049a1}
.hover\:border-n-brand:hover{border-color:rgb(48 73 161 / var(--tw-border-opacity, 1))}
.hover\:bg-n-brand\/10:hover{background-color:#3049a11a}
.hover\:bg-n-brand\/80:hover{background-color:#3049a1cc}
.hover\:text-n-brand:hover{--tw-text-opacity: 1;color:#3049a1}
.hover\:text-n-brand:hover{color:rgb(48 73 161 / var(--tw-text-opacity, 1))}
.hover\:text-woot-500:hover{--tw-text-opacity: 1;color:#3f63c4}
.hover\:text-woot-500:hover{color:rgb(63 99 196 / var(--tw-text-opacity, 1))}
.focus\:border-n-brand:focus{--tw-border-opacity: 1;border-color:#3049a1}
.focus\:border-n-brand:focus{border-color:rgb(48 73 161 / var(--tw-border-opacity, 1))}
.focus\:border-woot-500:focus{--tw-border-opacity: 1;border-color:#3f63c4}
.focus\:border-woot-500:focus{border-color:rgb(63 99 196 / var(--tw-border-opacity, 1))}
.focus\:outline-n-brand:focus{outline-color:#3049a1}
.focus\:ring-n-brand:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(48 73 161 / var(--tw-ring-opacity, 1))}
.focus\:ring-woot-500:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(63 99 196 / var(--tw-ring-opacity, 1))}
.focus-visible\:bg-n-brand\/20:focus-visible{background-color:#3049a133}
.focus-visible\:outline-n-brand:focus-visible{outline-color:#3049a1}
.focus-visible\:outline-woot-500:focus-visible{outline-color:#3f63c4}
.focus-visible\:ring-n-brand:focus-visible{--tw-ring-opacity: 1;--tw-ring-color: rgb(48 73 161 / var(--tw-ring-opacity, 1))}
.hover\:enabled\:bg-n-blue-border:enabled:hover{background-color:#3049a180;background-color:rgba(var(--border-blue))}
.hover\:enabled\:bg-n-brand\/20:enabled:hover{background-color:#3049a133}
.group:focus-within .group-focus-within\:text-n-brand{--tw-text-opacity: 1;color:#3049a1}
.group:focus-within .group-focus-within\:text-n-brand{color:rgb(48 73 161 / var(--tw-text-opacity, 1))}
.group:hover .group-hover\:bg-n-brand{--tw-bg-opacity: 1;background-color:#3049a1}
.group:hover .group-hover\:bg-n-brand{background-color:rgb(48 73 161 / var(--tw-bg-opacity, 1))}
.has-\[\:focus\]\:outline-n-brand:has(:focus){outline-color:#3049a1}
.prose-a\:text-n-brand :is(:where(a):not(:where([class~=not-prose],[class~=not-prose] *))){--tw-text-opacity: 1;color:#3049a1}
.prose-a\:text-n-brand :is(:where(a):not(:where([class~=not-prose],[class~=not-prose] *))){color:rgb(48 73 161 / var(--tw-text-opacity, 1))}
.prose-strong\:text-n-brand :is(:where(strong):not(:where([class~=not-prose],[class~=not-prose] *))){--tw-text-opacity: 1;color:#3049a1}
.prose-strong\:text-n-brand :is(:where(strong):not(:where([class~=not-prose],[class~=not-prose] *))){color:rgb(48 73 161 / var(--tw-text-opacity, 1))}
.dark\:border-n-brand:is(.dark *){--tw-border-opacity: 1;border-color:#3049a1}
.dark\:border-n-brand:is(.dark *){border-color:rgb(48 73 161 / var(--tw-border-opacity, 1))}
.dark\:bg-n-brand\/10:is(.dark *){background-color:#3049a11a}
.dark\:text-woot-500:is(.dark *){--tw-text-opacity: 1;color:#3f63c4}
.dark\:text-woot-500:is(.dark *){color:rgb(63 99 196 / var(--tw-text-opacity, 1))}
.dark\:\!outline-n-brand:is(.dark *){outline-color:#3049a1!important}
.dark\:ring-n-brand:is(.dark *){--tw-ring-opacity: 1;--tw-ring-color: rgb(48 73 161 / var(--tw-ring-opacity, 1))}
.dark\:checked\:border-n-brand:checked:is(.dark *){--tw-border-opacity: 1;border-color:#3049a1}
.dark\:checked\:border-n-brand:checked:is(.dark *){border-color:rgb(48 73 161 / var(--tw-border-opacity, 1))}
.dark\:checked\:bg-n-brand:checked:is(.dark *){--tw-bg-opacity: 1;background-color:#3049a1}
.dark\:checked\:bg-n-brand:checked:is(.dark *){background-color:rgb(48 73 161 / var(--tw-bg-opacity, 1))}
.dark\:focus-within\:outline-n-brand:focus-within:is(.dark *){outline-color:#3049a1}
.dark\:hover\:text-n-brand:hover:is(.dark *){--tw-text-opacity: 1;color:#3049a1}
.dark\:hover\:text-n-brand:hover:is(.dark *){color:rgb(48 73 161 / var(--tw-text-opacity, 1))}
.dark\:focus\:border-woot-500:focus:is(.dark *){--tw-border-opacity: 1;border-color:#3f63c4}
.dark\:focus\:border-woot-500:focus:is(.dark *){border-color:rgb(63 99 196 / var(--tw-border-opacity, 1))}
.dark\:focus\:outline-n-brand:focus:is(.dark *){outline-color:#3049a1}
.dark\:focus\:ring-woot-500:focus:is(.dark *){--tw-ring-opacity: 1;--tw-ring-color: rgb(63 99 196 / var(--tw-ring-opacity, 1))}
.dark\:has-\[\:focus\]\:outline-n-brand:has(:focus):is(.dark *){outline-color:#3049a1}
.dark .dark\:bg-n-brand,.bg-n-brand{background-color:#3049a1!important}
[class*='unread'] .bg-n-brand,[class*='unread-count'],.unread-count{background-color:#f06d1f!important}

/* --- значки каналів у бічному меню: замість службових `{}` — наші іконки --- */
a[href$="/inbox/3"] svg, a[href$="/inbox/4"] svg, a[href$="/inbox/1"] svg, a[href$="/inbox/2"] svg { display:none !important; }
a[href$="/inbox/1"]::before, a[href$="/inbox/2"]::before, a[href$="/inbox/3"]::before, a[href$="/inbox/4"]::before {
  content:""; display:inline-block; width:16px; height:16px; border-radius:50%; flex:none; margin-right:6px;
  background-size:cover; background-position:center; vertical-align:-3px;
}
a[href$="/inbox/1"]::before { background-image:url(/crm/avatars/telegram.png); }
a[href$="/inbox/2"]::before { background-image:url(/crm/avatars/test.png); }
a[href$="/inbox/3"]::before { background-image:url(/crm/avatars/viber.png); }
a[href$="/inbox/4"]::before { background-image:url(/crm/avatars/site.png); }