/* Venancio visual layer. Native components, state, actions and visibility remain authoritative. */
@font-face { font-family:'Venancio Nunito Sans'; src:url('/venancio-visual/fonts/nunito-sans.ttf') format('truetype'); font-weight:200 900; font-style:normal; font-display:swap; }
@font-face { font-family:'Venancio Montserrat'; src:url('/venancio-visual/fonts/montserrat.ttf') format('truetype'); font-weight:100 900; font-style:normal; font-display:swap; }
/* Native _woot.scss declares body font-family !important. Match that priority only here. */
body:has(main) { font-family:'Venancio Nunito Sans',Inter,system-ui,sans-serif !important; }
main h1,main h2,main .card-header h5 { font-family:'Venancio Montserrat',Inter,system-ui,sans-serif; }
/* Decorative company mark above the native account switcher; collapsed navigation stays native. */
aside:has(#sidebar-account-switcher[data-account-id="1"])::before {
  content:''; display:block; flex:0 0 48px; margin:12px 12px 4px;
  background:#fff url('/venancio-visual/logo.svg') center / 140px auto no-repeat;
  border-radius:8px;
}
body:not(.dark):has(main) {
  --blue-1:255 253 251; --blue-2:255 248 242; --blue-3:255 240 229;
  --blue-4:255 226 204; --blue-5:250 210 180; --blue-6:244 192 153;
  --blue-7:237 169 116; --blue-8:221 142 81; --blue-9:196 89 10;
  --blue-10:171 74 5; --blue-11:170 72 5; --blue-12:88 39 8;
  --background-color:254 254 254; --surface-1:248 249 250;
  --surface-2:244 246 247; --surface-active:255 240 229;
  --slate-11:99 107 112; --slate-12:26 28 32;
  --border-weak:233 234 235; --border-strong:212 216 218;
}
body.dark:has(main) {
  --blue-1:27 23 20; --blue-2:35 28 23;
  --blue-3:59 39 25; --blue-4:76 46 25; --blue-9:196 89 10;
  --blue-5:97 55 28; --blue-6:119 64 30; --blue-7:146 76 32; --blue-8:176 87 33;
  --blue-10:171 74 5; --blue-11:255 166 101; --blue-12:255 231 211;
}
body:has(main) { -webkit-font-smoothing:antialiased; }
/* Native Button uses a literal brand color, not the --blue-* tokens.
   Scope the override to actions: channel icons and semantic badges stay native. */
main button.bg-n-brand,aside button.bg-n-brand { background-color:#ab4a05; }
main button[class~="bg-n-brand/10"],aside button[class~="bg-n-brand/10"] { background-color:rgb(var(--blue-3)); }
main button[class~="bg-n-brand/10"]:enabled:hover,aside button[class~="bg-n-brand/10"]:enabled:hover { background-color:rgb(var(--blue-4)); }
main button.bg-n-brand:enabled:hover,aside button.bg-n-brand:enabled:hover { background-color:#883a04; filter:none; }
/* Give existing workspace cards the same clear surface as the approved preview. */
main section[aria-label="Atendimentos analisados"] article,
main section[aria-label="Orientações por assunto"] article {
  background:rgb(var(--background-color)); box-shadow:0 2px 8px #1a1c2004;
}
main section[aria-label="Atendimentos analisados"] article h2 { line-height:1.5; }
main section[aria-label="Atendimentos analisados"] article a:focus-visible { outline-offset:4px; }
main h1 { letter-spacing:-.025em; font-weight:650; }
main button, aside button, aside a { transition:background-color .12s ease, color .12s ease; }
main :focus-visible, aside :focus-visible { outline:2px solid #005b5a; outline-offset:3px; }
body.dark main :focus-visible,body.dark aside :focus-visible { outline-color:#6adbd8; }
body:not(.dark) .conversations-list-wrap { background:#fefefe; border-inline-end:1px solid #e9eaeb; }
body:not(.dark) .left-bubble.bg-n-slate-4 { background:#fefefe; border:1px solid #e1e6e8; box-shadow:0 1px 2px #1a1c2005; }
body:not(.dark) .right-bubble.bg-n-solid-blue { background:#eef7f7; color:#1a1c20; border:1px solid #d5e8e7; box-shadow:0 1px 2px #1a1c2005; }
.left-bubble p,.right-bubble p { line-height:1.65; }
.reply-box { border-radius:14px; }
body:not(.dark) .reply-box { background:#fefefe; box-shadow:0 2px 12px #1a1c2006; }
.conversation--header--actions { line-height:1.5; }
/* Native overview cards: keep controls, loading slots and values unchanged. */
main .rounded-xl:has(> .card-header) {
  border:1px solid rgb(var(--border-weak)); outline:none;
  box-shadow:0 2px 10px #1a1c2005; padding:22px 24px;
}
main .card-header { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:12px; margin-bottom:24px; }
main .card-header > div { min-width:0; flex-wrap:wrap; }
main .card-header h5 { font-size:15px; font-weight:650; letter-spacing:-.015em; }
main .card-body:has(> div > p.text-3xl) { display:grid; grid-template-columns:repeat(auto-fit,minmax(105px,1fr)); gap:18px; }
main .card-body > div > h3 { font-size:12px; line-height:1.5; }
main .card-body > div > p.text-3xl { font-size:32px; font-weight:600; font-variant-numeric:tabular-nums; letter-spacing:-.04em; margin-top:9px; }
main div:has(> .conversation-metric) { align-items:stretch; }
main div:has(> .conversation-metric) > div > .rounded-xl { height:calc(100% - 4px); }
main .cw-viz-heatmap__row-label { justify-content:center; gap:1px; }
main .cw-viz-heatmap__row-label strong { font-size:11px; line-height:14px; white-space:nowrap; }
main .cw-viz-heatmap__row-label span { font-size:10px; line-height:13px; white-space:nowrap; }
main [data-test-id="reportMetricContainer"] { border:1px solid rgb(var(--border-weak)); border-radius:12px; padding:18px; background:rgb(var(--background-color)); }
main [data-test-id="reportMetricValue"] { font-size:30px; font-weight:600; font-variant-numeric:tabular-nums; margin-top:10px; letter-spacing:-.035em; }
@media(max-width:600px) {
  main section[aria-label="Atendimentos analisados"] article { flex-direction:column; }
  main section[aria-label="Atendimentos analisados"] article > div { width:100%; }
  main .rounded-xl:has(> .card-header) { padding:18px 16px; }
  main .card-body:has(> div > p.text-3xl) { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
/* The native drawer must cover report filters while open on small screens. */
@media(max-width:767px) { aside:has(#sidebar-account-switcher) { z-index:80; } }
@media (prefers-reduced-motion:reduce) { main button,aside button,aside a { transition:none; } }