/* WR Fazendas: Design System da marca aplicado ao Chatwoot (atendimento.wrfazendas.com.br).
   Paleta: Ouro #BD9635 (acento), Verde Floresta #04230A (marca), Verde Noite #011405, Creme #EEE0C2, Papel #FBF8F1.
   Fontes: Playfair Display (títulos) e Source Sans 3 (texto). Regras de cor derivadas do v3app.css do Chatwoot 4.19
   (mesmo molde da Direção). Login: pôr do sol do acervo da WR. */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@600;700&family=Source+Sans+3:wght@400;500;600;700&display=swap');
:root{--blue-1: 253 251 246;--blue-2: 250 247 239;--blue-3: 243 236 219;--blue-4: 237 226 200;--blue-5: 231 217 182;--blue-6: 218 196 142;--blue-7: 204 173 97;--blue-8: 195 160 74;--blue-9: 189 150 53;--blue-10: 155 123 43;--blue-11: 125 99 35;--blue-12: 64 51 18;
  --background-color: 251 248 241;--surface-1: 250 247 239;--surface-2: 251 248 241}
.dark{--blue-1: 14 11 4;--blue-2: 22 18 10;--blue-3: 36 29 14;--blue-4: 46 37 18;--blue-5: 64 51 18;--blue-6: 94 75 26;--blue-7: 125 99 35;--blue-8: 155 123 43;--blue-9: 189 150 53;--blue-10: 204 173 97;--blue-11: 218 196 142;--blue-12: 243 236 219;
  --slate-1: 3 17 7;--slate-2: 6 24 11;--slate-3: 12 33 17;
  --background-color: 4 24 10;--surface-1: 2 19 7;--surface-2: 4 22 9;--surface-active: 30 52 34;
  --solid-1: 5 26 11;--solid-2: 8 33 14;--solid-3: 18 47 24;--solid-active: 30 52 34;--solid-blue-2: 14 36 18;
  --label-background: 16 42 21;--alpha-1: 6, 30, 12, .85;--alpha-3: 4, 26, 10, .95}
.border-n-blue-border{border-color:#bd963580;border-color:rgba(var(--border-blue))}
.border-n-brand{--tw-border-opacity: 1;border-color:#bd9635}
.border-n-brand{border-color:rgb(189 150 53 / var(--tw-border-opacity, 1))}
.border-n-brand\/50{border-color:#bd963580}
.border-t-n-brand{--tw-border-opacity: 1;border-top-color:#bd9635}
.border-t-n-brand{border-top-color:rgb(189 150 53 / var(--tw-border-opacity, 1))}
.\!bg-n-brand{--tw-bg-opacity: 1 !important;background-color:#bd9635!important}
.\!bg-n-brand{background-color:rgb(189 150 53 / var(--tw-bg-opacity, 1))!important}
.bg-\[\#2781F6\]{--tw-bg-opacity: 1;background-color:#bd9635}
.bg-\[\#2781F6\]{background-color:rgb(189 150 53 / var(--tw-bg-opacity, 1))}
.bg-n-blue-9{--tw-bg-opacity: 1;background-color:#bd9635;background-color:rgb(var(--blue-9) / var(--tw-bg-opacity, 1))}
.bg-n-brand{--tw-bg-opacity: 1;background-color:#bd9635}
.bg-n-brand{background-color:rgb(189 150 53 / var(--tw-bg-opacity, 1))}
.bg-n-brand\/10{background-color:#bd96351a}
.bg-n-brand\/20{background-color:#bd963533}
.bg-n-brand\/5{background-color:#bd96350d}
.from-n-brand\/15{--tw-gradient-from: rgb(189 150 53 / .15) var(--tw-gradient-from-position);--tw-gradient-to: rgb(189 150 53 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}
.fill-n-blue-9{fill:#bd9635;fill:rgb(var(--blue-9) / 1)}
.text-n-blue-9{--tw-text-opacity: 1;color:#bd9635;color:rgb(var(--blue-9) / var(--tw-text-opacity, 1))}
.text-n-brand{--tw-text-opacity: 1;color:#bd9635}
.text-n-brand{color:rgb(189 150 53 / var(--tw-text-opacity, 1))}
.accent-n-blue-9{accent-color:rgb(189 150 53 / 1);accent-color:rgb(var(--blue-9) / 1)}
.\!shadow-\[var\(--widget-color\,\#2781f6\)\]{--tw-shadow-color: var(--widget-color,#bd9635) !important;--tw-shadow: var(--tw-shadow-colored) !important}
.\!outline-n-brand{outline-color:#bd9635!important}
.outline-n-blue-9{outline-color:#bd9635;outline-color:rgb(var(--blue-9) / 1)}
.outline-n-brand{outline-color:#bd9635}
.ring-n-brand{--tw-ring-opacity: 1;--tw-ring-color: rgb(189 150 53 / var(--tw-ring-opacity, 1))}
.text-link{font-weight:500;--tw-text-opacity: 1;color:#bd9635}
.text-link{color:rgb(189 150 53 / var(--tw-text-opacity, 1))}
.before\:\!border-t-n-brand:before{content:var(--tw-content);--tw-border-opacity: 1 !important;border-top-color:#bd9635!important}
.before\:\!border-t-n-brand:before{border-top-color:rgb(189 150 53 / var(--tw-border-opacity, 1))!important}
.before\:bg-n-brand:before{content:var(--tw-content);--tw-bg-opacity: 1;background-color:#bd9635}
.before\:bg-n-brand:before{background-color:rgb(189 150 53 / var(--tw-bg-opacity, 1))}
.after\:bg-n-brand:after{content:var(--tw-content);--tw-bg-opacity: 1;background-color:#bd9635}
.after\:bg-n-brand:after{background-color:rgb(189 150 53 / var(--tw-bg-opacity, 1))}
.checked\:border-n-brand:checked{--tw-border-opacity: 1;border-color:#bd9635}
.checked\:border-n-brand:checked{border-color:rgb(189 150 53 / var(--tw-border-opacity, 1))}
.checked\:bg-n-brand:checked{--tw-bg-opacity: 1;background-color:#bd9635}
.checked\:bg-n-brand:checked{background-color:rgb(189 150 53 / var(--tw-bg-opacity, 1))}
.indeterminate\:border-n-brand:indeterminate{--tw-border-opacity: 1;border-color:#bd9635}
.indeterminate\:border-n-brand:indeterminate{border-color:rgb(189 150 53 / var(--tw-border-opacity, 1))}
.indeterminate\:bg-n-brand:indeterminate{--tw-bg-opacity: 1;background-color:#bd9635}
.indeterminate\:bg-n-brand:indeterminate{background-color:rgb(189 150 53 / var(--tw-bg-opacity, 1))}
.focus-within\:outline-n-brand:focus-within{outline-color:#bd9635}
.focus-within\:ring-n-brand:focus-within{--tw-ring-opacity: 1;--tw-ring-color: rgb(189 150 53 / var(--tw-ring-opacity, 1))}
.hover\:border-n-brand:hover{--tw-border-opacity: 1;border-color:#bd9635}
.hover\:border-n-brand:hover{border-color:rgb(189 150 53 / var(--tw-border-opacity, 1))}
.hover\:bg-n-brand\/10:hover{background-color:#bd96351a}
.hover\:bg-n-brand\/80:hover{background-color:#bd9635cc}
.hover\:text-n-brand:hover{--tw-text-opacity: 1;color:#bd9635}
.hover\:text-n-brand:hover{color:rgb(189 150 53 / var(--tw-text-opacity, 1))}
.focus\:border-n-brand:focus{--tw-border-opacity: 1;border-color:#bd9635}
.focus\:border-n-brand:focus{border-color:rgb(189 150 53 / var(--tw-border-opacity, 1))}
.focus\:outline-n-blue-9:focus{outline-color:#bd9635;outline-color:rgb(var(--blue-9) / 1)}
.focus\:outline-n-brand:focus{outline-color:#bd9635}
.focus\:ring-n-brand:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(189 150 53 / var(--tw-ring-opacity, 1))}
.focus-visible\:border-n-brand:focus-visible{--tw-border-opacity: 1;border-color:#bd9635}
.focus-visible\:border-n-brand:focus-visible{border-color:rgb(189 150 53 / var(--tw-border-opacity, 1))}
.focus-visible\:bg-n-brand\/20:focus-visible{background-color:#bd963533}
.focus-visible\:outline-n-blue-9:focus-visible{outline-color:#bd9635;outline-color:rgb(var(--blue-9) / 1)}
.focus-visible\:outline-n-brand:focus-visible{outline-color:#bd9635}
.focus-visible\:ring-n-brand:focus-visible{--tw-ring-opacity: 1;--tw-ring-color: rgb(189 150 53 / var(--tw-ring-opacity, 1))}
.hover\:enabled\:border-n-blue-9:enabled:hover{--tw-border-opacity: 1;border-color:#bd9635;border-color:rgb(var(--blue-9) / var(--tw-border-opacity, 1))}
.hover\:enabled\:bg-n-blue-border:enabled:hover{background-color:#bd963580;background-color:rgba(var(--border-blue))}
.hover\:enabled\:bg-n-brand\/20:enabled:hover{background-color:#bd963533}
.group:focus-within .group-focus-within\:text-n-brand{--tw-text-opacity: 1;color:#bd9635}
.group:focus-within .group-focus-within\:text-n-brand{color:rgb(189 150 53 / var(--tw-text-opacity, 1))}
.group:hover .group-hover\:bg-n-brand{--tw-bg-opacity: 1;background-color:#bd9635}
.group:hover .group-hover\:bg-n-brand{background-color:rgb(189 150 53 / var(--tw-bg-opacity, 1))}
.group:hover .group-hover\:text-n-brand{--tw-text-opacity: 1;color:#bd9635}
.group:hover .group-hover\:text-n-brand{color:rgb(189 150 53 / var(--tw-text-opacity, 1))}
.has-\[\:focus\]\:outline-n-brand:has(:focus){outline-color:#bd9635}
.aria-selected\:border-n-brand[aria-selected=true]{--tw-border-opacity: 1;border-color:#bd9635}
.aria-selected\:border-n-brand[aria-selected=true]{border-color:rgb(189 150 53 / var(--tw-border-opacity, 1))}
.aria-\[current\=page\]\:border-n-brand[aria-current=page]{--tw-border-opacity: 1;border-color:#bd9635}
.aria-\[current\=page\]\:border-n-brand[aria-current=page]{border-color:rgb(189 150 53 / var(--tw-border-opacity, 1))}
.group[aria-current=page] .group-aria-\[current\=page\]\:text-n-brand{--tw-text-opacity: 1;color:#bd9635}
.group[aria-current=page] .group-aria-\[current\=page\]\:text-n-brand{color:rgb(189 150 53 / var(--tw-text-opacity, 1))}
.prose-a\:text-n-brand :is(:where(a):not(:where([class~=not-prose],[class~=not-prose] *))){--tw-text-opacity: 1;color:#bd9635}
.prose-a\:text-n-brand :is(:where(a):not(:where([class~=not-prose],[class~=not-prose] *))){color:rgb(189 150 53 / 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:#bd9635}
.prose-strong\:text-n-brand :is(:where(strong):not(:where([class~=not-prose],[class~=not-prose] *))){color:rgb(189 150 53 / var(--tw-text-opacity, 1))}
.dark\:border-n-brand:is(.dark *){--tw-border-opacity: 1;border-color:#bd9635}
.dark\:border-n-brand:is(.dark *){border-color:rgb(189 150 53 / var(--tw-border-opacity, 1))}
.dark\:bg-n-brand\/10:is(.dark *){background-color:#bd96351a}
.dark\:\!outline-n-brand:is(.dark *){outline-color:#bd9635!important}
.dark\:ring-n-brand:is(.dark *){--tw-ring-opacity: 1;--tw-ring-color: rgb(189 150 53 / var(--tw-ring-opacity, 1))}
.dark\:checked\:border-n-brand:checked:is(.dark *){--tw-border-opacity: 1;border-color:#bd9635}
.dark\:checked\:border-n-brand:checked:is(.dark *){border-color:rgb(189 150 53 / var(--tw-border-opacity, 1))}
.dark\:checked\:bg-n-brand:checked:is(.dark *){--tw-bg-opacity: 1;background-color:#bd9635}
.dark\:checked\:bg-n-brand:checked:is(.dark *){background-color:rgb(189 150 53 / var(--tw-bg-opacity, 1))}
.dark\:focus-within\:outline-n-brand:focus-within:is(.dark *){outline-color:#bd9635}
.dark\:hover\:text-n-brand:hover:is(.dark *){--tw-text-opacity: 1;color:#bd9635}
.dark\:hover\:text-n-brand:hover:is(.dark *){color:rgb(189 150 53 / var(--tw-text-opacity, 1))}
.dark\:focus\:outline-n-brand:focus:is(.dark *){outline-color:#bd9635}
.dark\:has-\[\:focus\]\:outline-n-brand:has(:focus):is(.dark *){outline-color:#bd9635}
.bg-n-brand,.\!bg-n-brand,.bg-n-blue-9,.bg-\[\#2781F6\]{color:#04230a!important}
.bg-n-brand *,.\!bg-n-brand *{color:inherit}

/* Tipografia da marca */
body,.font-inter{font-family:'Source Sans 3',Inter,-apple-system,system-ui,'Segoe UI',Roboto,sans-serif}

/* Telas de entrada (login, recuperar senha, SAML): pôr do sol da WR ao fundo, cartão de vidro escuro */
main.min-h-screen.bg-n-brand\/5,div.min-h-screen.bg-n-brand\/5{
  position:relative;isolation:isolate;
  background:#011405 url(/brand-assets/fundo-login.webp) center 62%/cover no-repeat fixed!important;
  color:#F8F4EA}
main.min-h-screen.bg-n-brand\/5::before,div.min-h-screen.bg-n-brand\/5::before{
  content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;
  background:linear-gradient(180deg,rgba(1,20,5,.55) 0%,rgba(1,20,5,.25) 38%,rgba(1,20,5,.7) 100%)}
main.min-h-screen.bg-n-brand\/5 > section:first-child img{height:96px!important;filter:drop-shadow(0 4px 18px rgba(0,0,0,.45))}
main.min-h-screen.bg-n-brand\/5 img.dark\:hidden{display:block!important}
main.min-h-screen.bg-n-brand\/5 img.dark\:block{display:none!important}
.min-h-screen.bg-n-brand\/5 h2,.min-h-screen.bg-n-brand\/5 h1{
  font-family:'Playfair Display',Georgia,serif!important;font-weight:700;color:#F8F4EA!important;
  letter-spacing:.01em;text-shadow:0 2px 16px rgba(0,0,0,.55)}
.min-h-screen.bg-n-brand\/5 h2 + p,.min-h-screen.bg-n-brand\/5 > section:first-child p{color:#EEE0C2!important}
.min-h-screen.bg-n-brand\/5 section.bg-white,.min-h-screen.bg-n-brand\/5 .bg-white{
  background:rgba(1,20,5,.62)!important;border:1px solid rgba(189,150,53,.38);
  backdrop-filter:blur(14px) saturate(1.1);-webkit-backdrop-filter:blur(14px) saturate(1.1);
  box-shadow:0 24px 60px rgba(0,0,0,.45)!important;border-radius:18px!important;color:#F8F4EA}
.min-h-screen.bg-n-brand\/5 label,.min-h-screen.bg-n-brand\/5 label *{color:#EEE0C2!important}
.min-h-screen.bg-n-brand\/5 input{
  background:rgba(248,244,234,.08)!important;color:#F8F4EA!important;
  border:1px solid rgba(238,224,194,.22)!important;border-radius:10px!important;outline:none}
.min-h-screen.bg-n-brand\/5 input::placeholder{color:rgba(238,224,194,.55)!important}
.min-h-screen.bg-n-brand\/5 input:focus{border-color:#BD9635!important;box-shadow:0 0 0 3px rgba(189,150,53,.28)!important}
.min-h-screen.bg-n-brand\/5 .text-link,.min-h-screen.bg-n-brand\/5 a{color:#DAC48E!important}
.min-h-screen.bg-n-brand\/5 button[type=submit]{
  background:#BD9635!important;color:#04230A!important;font-weight:700;letter-spacing:.02em;border-radius:10px!important}
.min-h-screen.bg-n-brand\/5 button[type=submit]:hover{background:#CCAD61!important}
.min-h-screen.bg-n-brand\/5 svg{color:#EEE0C2}
.min-h-screen.bg-n-brand\/5 .text-n-slate-11,.min-h-screen.bg-n-brand\/5 .text-n-slate-12{color:#EEE0C2!important}
@media (max-width:640px){main.min-h-screen.bg-n-brand\/5,div.min-h-screen.bg-n-brand\/5{background-attachment:scroll!important;padding:48px 16px}}
