@import url('https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&display=swap');
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap");
/* Agências Club Partner Panel. Light, quiet, precise. */
*,*::before,*::after{box-sizing:border-box;}
:root{
  color-scheme:light;
  --bg:#F5F5F7; --card:#FFFFFF; --card-2:#FAFAFB;
  --hair:rgba(0,0,0,.07); --hair-2:rgba(0,0,0,.12);
  --ink:#1D1D1F; --ink-2:#6E6E73; --ink-3:#98989D;
  --blue:#2A78D6; --green:#008300; --green-ink:#1A7F37;
  --amber-ink:#8A5B00; --amber-bg:#FFF4DB;
  --red-ink:#B3261E; --red-bg:#FDECEB;
  --green-bg:#E7F5EA; --blue-bg:#E9F1FB;
  --sans:-apple-system,BlinkMacSystemFont,"SF Pro Text","Inter","Helvetica Neue",Arial,sans-serif;
  --display:-apple-system,BlinkMacSystemFont,"SF Pro Display","Inter","Helvetica Neue",Arial,sans-serif;
  --r:18px; --r-sm:11px;
  --shadow:0 1px 2px rgba(0,0,0,.04), 0 10px 30px rgba(0,0,0,.045);
  --ease:cubic-bezier(.2,.7,.2,1);
}
html{-webkit-text-size-adjust:100%;}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased;}
a{color:var(--blue);text-decoration:none;}
a:hover{text-decoration:underline;}
h1,h2,h3{margin:0;font-family:var(--display);font-weight:600;letter-spacing:-.022em;line-height:1.15;}
p{margin:0;}
.wrap{width:min(1140px,calc(100% - 2.5rem));margin-inline:auto;}
.num{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1,"ss01" 1;}

/* top */
.top{position:sticky;top:0;z-index:30;background:rgba(245,245,247,.8);backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid var(--hair);}
.top-in{display:flex;align-items:center;justify-content:space-between;gap:1rem;height:56px;}
.brand{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--display);font-weight:700;letter-spacing:-.03em;font-size:1.02rem;color:var(--ink);}
.brand:hover{text-decoration:none;}
.brand i{width:8px;height:18px;border-radius:2px;background:var(--ink);display:block;}
.brand small{font-size:.66rem;color:var(--ink-3);letter-spacing:.12em;text-transform:uppercase;font-weight:600;margin-left:.2rem;}
.top-right{display:flex;align-items:center;gap:.6rem;}

/* segmented control */
.seg{display:inline-flex;background:rgba(0,0,0,.05);border-radius:9px;padding:2px;}
.seg a{padding:.32rem .7rem;font-size:.78rem;font-weight:600;color:var(--ink-2);border-radius:7px;letter-spacing:.01em;}
.seg a:hover{color:var(--ink);text-decoration:none;}
.seg a[aria-current="true"]{background:#fff;color:var(--ink);box-shadow:0 1px 3px rgba(0,0,0,.12);}
.seg--lang a{font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;padding-inline:.55rem;}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;border-radius:999px;padding:.6rem 1.05rem;font-size:.9rem;font-weight:600;border:1px solid var(--hair-2);background:#fff;color:var(--ink);cursor:pointer;font-family:inherit;transition:background .15s var(--ease),transform .15s var(--ease),box-shadow .15s var(--ease);}
.btn:hover{background:#F2F2F4;text-decoration:none;}
.btn:active{transform:scale(.985);}
.btn--go{background:var(--ink);border-color:var(--ink);color:#fff;}
.btn--go:hover{background:#000;}
.btn--sm{padding:.42rem .8rem;font-size:.8rem;}
.btn--danger{color:var(--red-ink);border-color:rgba(179,38,30,.3);}
.btn--danger:hover{background:var(--red-bg);}
.btn--ghost{background:transparent;border-color:transparent;}
.btn--ghost:hover{background:rgba(0,0,0,.05);}
:where(a,button,input,select,textarea):focus-visible{outline:2px solid var(--blue);outline-offset:2px;}

/* layout */
main{padding-block:2rem 1.5rem;}
.head{display:flex;justify-content:space-between;align-items:flex-end;gap:1rem;flex-wrap:wrap;margin-bottom:1.35rem;}
.eyebrow{font-size:.78rem;color:var(--ink-2);font-weight:500;}
.card{background:var(--card);border:1px solid var(--hair);border-radius:var(--r);padding:1.4rem 1.5rem;box-shadow:var(--shadow);}
.grid{display:grid;gap:1rem;}
.g2{grid-template-columns:repeat(2,1fr);} .g3{grid-template-columns:repeat(3,1fr);} .g4{grid-template-columns:repeat(4,1fr);} .g5{grid-template-columns:repeat(5,1fr);}
@media(max-width:1000px){.g5{grid-template-columns:repeat(3,1fr);}}
@media(max-width:900px){.g3,.g4{grid-template-columns:repeat(2,1fr);}}
@media(max-width:600px){.g2,.g3{grid-template-columns:1fr;}.g4,.g5{grid-template-columns:1fr 1fr;}.brand small{display:none;}.card{padding:1.15rem 1.2rem;}}
.label{font-size:.78rem;color:var(--ink-2);font-weight:500;letter-spacing:.005em;}
.stack{display:flex;flex-direction:column;gap:1rem;}
.row{display:flex;gap:.6rem;flex-wrap:wrap;align-items:center;}
.sep{height:1px;background:var(--hair);margin:1.1rem 0;}
h2.sec{font-size:1.05rem;margin:2rem 0 .85rem;}

/* stat tiles */
.kpi{display:flex;flex-direction:column;gap:.35rem;min-width:0;}
.kpi .v{font-family:var(--display);font-size:clamp(1.8rem,3.6vw,2.35rem);font-weight:600;letter-spacing:-.03em;line-height:1.05;font-variant-numeric:tabular-nums;}
.kpi .v.hero{font-size:clamp(2.4rem,5vw,3.4rem);}
.kpi .v.green{color:var(--green-ink);}
.kpi .sub{font-size:.85rem;color:var(--ink-2);}
.delta{display:inline-flex;align-items:center;gap:.25rem;font-size:.8rem;font-weight:600;padding:.15rem .5rem;border-radius:999px;}
.delta.up{color:var(--green-ink);background:var(--green-bg);}
.delta.down{color:var(--red-ink);background:var(--red-bg);}
.delta.flat{color:var(--ink-2);background:rgba(0,0,0,.05);}
.compare{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--hair);}
.compare .k{font-size:.78rem;color:var(--ink-2);}
.compare .n{font-family:var(--display);font-size:1.3rem;font-weight:600;letter-spacing:-.02em;font-variant-numeric:tabular-nums;margin-top:.15rem;}

/* pills */
.pill{display:inline-flex;align-items:center;gap:.4rem;font-size:.76rem;font-weight:600;padding:.28rem .65rem;border-radius:999px;}
.pill .dot{width:6px;height:6px;border-radius:50%;background:currentColor;}
.pill.ok{color:var(--green-ink);background:var(--green-bg);}
.pill.warn{color:var(--amber-ink);background:var(--amber-bg);}
.pill.bad{color:var(--red-ink);background:var(--red-bg);}
.pill.info{color:var(--blue);background:var(--blue-bg);}
.pill.mute{color:var(--ink-2);background:rgba(0,0,0,.05);}

/* part-to-whole bar */
.share{margin-top:.9rem;}
.share .bar{display:flex;height:12px;border-radius:6px;overflow:hidden;gap:2px;background:rgba(0,0,0,.05);}
.share .bar i{display:block;height:100%;border-radius:6px;}
.share .legend{display:flex;justify-content:space-between;gap:1rem;margin-top:.7rem;font-size:.85rem;color:var(--ink-2);}
.share .legend b{color:var(--ink);font-variant-numeric:tabular-nums;}
.share .legend span::before{content:"";display:inline-block;width:9px;height:9px;border-radius:3px;margin-right:.45rem;vertical-align:-1px;background:var(--c,#999);}
.share .legend span[style*="--c"]{}

/* link */
.linkrow{display:flex;gap:.6rem;align-items:stretch;flex-wrap:wrap;margin-top:.8rem;}
.linkrow code{flex:1 1 22rem;min-width:0;background:var(--card-2);border:1px solid var(--hair);border-radius:var(--r-sm);padding:.72rem .9rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.82rem;color:var(--ink);overflow-x:auto;white-space:nowrap;scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 3rem),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 3rem),transparent);}
.linkrow code::-webkit-scrollbar{display:none;}

/* table */
.tablewrap{overflow-x:auto;border:1px solid var(--hair);border-radius:var(--r);background:#fff;box-shadow:var(--shadow);}
table{border-collapse:collapse;width:100%;min-width:38rem;}
th,td{text-align:left;padding:.8rem 1.1rem;border-bottom:1px solid var(--hair);font-size:.9rem;vertical-align:middle;}
th{font-size:.74rem;color:var(--ink-2);font-weight:600;letter-spacing:.02em;background:var(--card-2);}
tbody tr:last-child td{border-bottom:0;}
td.n{font-variant-numeric:tabular-nums;}
td.r,th.r{text-align:right;}

/* forms */
label.f{display:block;margin-bottom:.9rem;min-width:0;}
label.f span{display:block;font-size:.78rem;color:var(--ink-2);margin-bottom:.35rem;font-weight:500;}
input,select,textarea{width:100%;background:#fff;border:1px solid var(--hair-2);border-radius:var(--r-sm);padding:.66rem .8rem;color:var(--ink);font-family:inherit;font-size:.92rem;}
input:focus,select:focus,textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(42,120,214,.18);outline:none;}
input:disabled{background:var(--card-2);color:var(--ink-2);}
textarea{min-height:5rem;resize:vertical;}
.hint{font-size:.78rem;color:var(--ink-3);margin-top:.3rem;}
.msg{border-radius:var(--r-sm);padding:.75rem .95rem;font-size:.88rem;margin-bottom:1rem;}
.msg.err{color:var(--red-ink);background:var(--red-bg);}
.msg.ok{color:var(--green-ink);background:var(--green-bg);}
.msg.warn{color:var(--amber-ink);background:var(--amber-bg);}

/* auth */
.auth{min-height:100dvh;display:grid;place-items:center;padding:2rem 1.25rem;}
.auth .card{width:min(400px,100%);padding:1.8rem 1.7rem;}
.auth h1{font-size:1.45rem;margin-bottom:.3rem;}
.auth .lede{color:var(--ink-2);font-size:.9rem;margin-bottom:1.4rem;}

/* chart */
.chart{width:100%;height:auto;display:block;}
.foot{color:var(--ink-3);font-size:.78rem;letter-spacing:.01em;text-align:center;padding-block:2.2rem;border-top:1px solid var(--hair);margin-top:2.5rem;}
@media print{body{background:#fff;}.top,.seg,.btn,.foot{display:none!important;}.card,.tablewrap{box-shadow:none;}}

/* events table head + pager */
.tablehead{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin:1.6rem 0 .7rem;}
.tablehead .count{font-weight:500;color:var(--ink-2);font-size:.85rem;margin-left:.3rem;}
.pager{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding:.8rem .2rem 0;}
.pager__btns{display:inline-flex;align-items:center;gap:.6rem;}
.pager__btns{gap:.25rem;}
.pg{display:inline-flex;align-items:center;justify-content:center;min-width:2rem;height:2rem;padding:0 .5rem;border-radius:8px;font-size:.82rem;font-weight:600;color:var(--ink-2);font-variant-numeric:tabular-nums;}
.pg:hover{background:rgba(0,0,0,.05);color:var(--ink);text-decoration:none;}
.pg[aria-current="page"]{background:var(--ink);color:#fff;}
.pg--gap{min-width:1.2rem;color:var(--ink-3,#86868B);}

/* polish pass */
.g1{grid-template-columns:1fr;}
.muted{color:var(--ink-2);}
.axis{display:flex;justify-content:space-between;font-size:.72rem;color:var(--ink-3);margin-top:.35rem;font-variant-numeric:tabular-nums;}
.hiw{margin:.8rem 0 0;padding-left:1.15rem;color:var(--ink-2);display:flex;flex-direction:column;gap:.55rem;}
.acct summary{list-style:none;display:flex;align-items:center;gap:.8rem;cursor:pointer;}
.acct summary::-webkit-details-marker{display:none;}
.acct__sub{color:var(--ink-2);font-size:.85rem;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.acct .chev{width:.55rem;height:.55rem;border-right:1.5px solid var(--ink-2);border-bottom:1.5px solid var(--ink-2);transform:rotate(45deg);transition:transform .2s;flex:none;}
.acct[open] .chev{transform:rotate(-135deg);}
.acct__form{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--hair);}
.acct__form .btn{margin-top:.4rem;}
/* events table on phones: each row becomes a two line card */
@media(max-width:640px){
  table.events{min-width:0;}
  table.events thead{display:none;}
  table.events tr{display:grid;grid-template-columns:1fr auto;grid-template-areas:"type amt" "date status";align-items:center;row-gap:.3rem;padding:.8rem 1.1rem;border-bottom:1px solid var(--hair);}
  table.events tbody tr:last-child{border-bottom:0;}
  table.events td{display:block;padding:0;border:0;font-size:.9rem;}
  table.events td.hide-m{display:none;}
  table.events td.c-type{grid-area:type;font-weight:600;}
  table.events td.c-amt{grid-area:amt;font-weight:600;text-align:right;}
  table.events td.c-date{grid-area:date;color:var(--ink-2);font-size:.8rem;}
  table.events td.c-status{grid-area:status;text-align:right;}
}
.compare .n .muted{font-family:inherit;font-size:.95rem;font-weight:500;letter-spacing:0;}
main.wrap{transition:opacity .18s var(--ease);}
main.wrap.is-loading{opacity:.55;pointer-events:none;}

/* admin: creator rows */
.filters{gap:.5rem;}
.filters .search{width:16rem;max-width:100%;padding:.45rem .75rem;font-size:.85rem;border-radius:9px;}
.filters .sortsel{width:auto;padding:.45rem 2rem .45rem .75rem;font-size:.82rem;border-radius:9px;}
.creator{padding:0;overflow:hidden;}
.creator>summary{list-style:none;display:flex;align-items:center;gap:1.2rem;padding:1rem 1.3rem;cursor:pointer;}
.creator>summary::-webkit-details-marker{display:none;}
.creator>summary:hover{background:var(--card-2);}
.creator__id{flex:1 1 16rem;min-width:0;}
.creator__name{font-weight:600;font-size:1rem;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.creator__meta{color:var(--ink-3);font-size:.8rem;margin-top:.15rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.creator__nums{display:grid;grid-template-columns:repeat(4,minmax(5.2rem,auto));gap:1.4rem;flex:none;}
.creator__nums .k{display:block;font-size:.7rem;color:var(--ink-3);letter-spacing:.02em;}
.creator__nums .n{display:block;font-family:var(--display);font-weight:600;font-size:1.15rem;letter-spacing:-.02em;margin-top:.1rem;}
.creator__nums .n.green{color:var(--green-ink);}
.creator>summary .pill{min-width:5.6rem;justify-content:center;}
.creator .chev{width:.55rem;height:.55rem;border-right:1.5px solid var(--ink-2);border-bottom:1.5px solid var(--ink-2);transform:rotate(45deg);transition:transform .2s;flex:none;}
.creator[open]>summary .chev{transform:rotate(-135deg);}
.creator__body{padding:.4rem 1.3rem 1.3rem;border-top:1px solid var(--hair);}
.creator__body .row .hint b{color:var(--ink);font-weight:600;}
.creator__stats{display:flex;align-items:flex-end;gap:1.6rem;flex-wrap:wrap;padding:.6rem 0 .2rem;}
.creator__stats .btn{margin-left:auto;}
.mini .k{display:block;font-size:.72rem;color:var(--ink-3);letter-spacing:.02em;}
.mini .n{display:block;font-family:var(--display);font-weight:600;font-size:1.05rem;letter-spacing:-.015em;margin-top:.1rem;}
.creator__body form.row label.f>span{white-space:nowrap;line-height:1.2;height:1.2em;margin-bottom:.4rem;}
.creator__body form.row input,.creator__body form.row select{height:2.6rem;padding-block:0;}
.creator__body form.row .btn{height:2.6rem;}
.evs>summary{list-style:none;display:inline-flex;align-items:center;gap:.55rem;cursor:pointer;font-size:.85rem;font-weight:600;color:var(--ink);padding:.15rem 0;}
.evs>summary::-webkit-details-marker{display:none;}
.evs>summary .chev{width:.45rem;height:.45rem;transform:rotate(-45deg);margin-left:.1rem;}
.evs[open]>summary .chev{transform:rotate(45deg);}
.evs>summary .muted{font-weight:400;}
.evs__toggle{display:inline-flex;align-items:center;gap:.4rem;font-size:.8rem;color:var(--ink-2);margin:.6rem 0 0;cursor:pointer;user-select:none;}
.evs__toggle input{width:auto;margin:0;accent-color:var(--ink);}
.evs input[type=checkbox]:not(:checked)~.tablewrap tr.is-signup{display:none;}
.evs .evs__toggle:has(input:not(:checked))~.tablewrap tr.is-signup{display:none;}
.creator__body .row>.row>form:first-child .btn--ghost{margin-left:-.8rem;}
.filters .sortsel{-webkit-appearance:none;appearance:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%236E6E73' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right .8rem center;}
.pg[aria-label]{border:1px solid var(--hair-2);}
@media(max-width:900px){.creator>summary{flex-wrap:wrap;}.creator__nums{grid-template-columns:repeat(4,1fr);flex:1 1 100%;gap:.8rem;}}
@media(max-width:600px){.creator__nums{grid-template-columns:repeat(2,1fr);}.filters{width:100%;}.filters .search{width:100%;}.creator__stats{gap:1rem 1.4rem;}.creator__stats .btn{margin-left:0;flex-basis:100%;}}


/* seletor de idioma compacto */
.langbox{ position:relative; display:inline-block }
.langbox summary{ list-style:none; cursor:pointer; display:inline-flex; align-items:center; gap:5px;
  border:1px solid #E4E4E4; border-radius:999px; padding:5px 11px 5px 9px; background:#fff;
  font-size:11px; font-weight:700; letter-spacing:.06em; color:#5A5A5A; user-select:none }
.langbox summary::-webkit-details-marker{ display:none }
.langbox summary b{ font-weight:700 }
.langbox summary:hover{ border-color:#CFCFCF; color:#000 }
.langbox[open] summary{ border-color:#000; color:#000 }
.langbox ul{ position:absolute; right:0; top:calc(100% + 6px); margin:0; padding:5px; list-style:none;
  background:#fff; border:1px solid #E4E4E4; border-radius:12px; min-width:92px; z-index:60;
  box-shadow:0 16px 34px -14px rgba(0,0,0,.24) }
.langbox li a{ display:block; padding:7px 10px; border-radius:8px; text-decoration:none;
  font-size:12px; font-weight:600; color:#5A5A5A }
.langbox li a:hover{ background:#F5F5F5; color:#000 }
.langbox li a.on{ color:#000; background:#EDFBDF }


/* aviso de briefing da marca, dentro do card */
.aviso{ display:flex; gap:12px; align-items:flex-start; margin:18px 0 0;
  background:#F4FCE9; border:1px solid #D9EFBD; border-radius:12px; padding:13px 15px }
.aviso-ico{ width:21px; height:21px; border-radius:50%; flex:none; display:grid; place-items:center;
  background:#A4FF70; color:#0B1A05; font-weight:800; font-size:12.5px; margin-top:1px }
.aviso strong{ display:block; font-size:13px; margin:0 0 3px; color:#1E2A16 }
.aviso p{ margin:0; font-size:12.5px; line-height:1.55; color:#4A5340 }
.aviso p b{ color:#20301A }


/* ===================== identidade Agências Club, linguagem Symphony ===================== */
:root{
  --i-fundo:#F3F3F3; --i-caixa:#FFF; --i-linha:#E4E4E4;
  --i-tinta:#000; --i-tinta2:#5A5A5A; --i-tinta3:#A2A2A2;
  --i-verde:#A4FF70; --i-verde2:#E2FF54; --i-verde-txt:#3B7A17;
}
body{
  background:var(--i-fundo); color:var(--i-tinta);
  font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  -webkit-font-smoothing:antialiased;
}
.top{ background:rgba(243,243,243,.82); -webkit-backdrop-filter:blur(14px); backdrop-filter:blur(14px);
  border-bottom:1px solid rgba(0,0,0,.05) }
.brand{ letter-spacing:.16em; font-weight:800 }

.card{ border-radius:22px; border:1px solid var(--i-linha); background:var(--i-caixa);
  box-shadow:0 1px 2px rgba(0,0,0,.03), 0 20px 44px -32px rgba(0,0,0,.24) }

h2.sec{ font-weight:800; letter-spacing:-.03em; font-size:17.5px; color:var(--i-tinta) }
.label, .eyebrow{ font-size:10.5px; font-weight:700; letter-spacing:.13em;
  text-transform:uppercase; color:var(--i-tinta3) }
.muted, .hint, .sub{ color:var(--i-tinta2) }

.v.hero{ font-weight:800; letter-spacing:-.038em; font-size:56px; line-height:1.04;
  font-variant-numeric:tabular-nums; font-feature-settings:"tnum" 1 }
.kpi .v{ font-weight:800; letter-spacing:-.032em;
  font-variant-numeric:tabular-nums; font-feature-settings:"tnum" 1 }
table.events td.n, .c-amt, .c-date{ font-variant-numeric:tabular-nums; font-feature-settings:"tnum" 1 }

.delta.up, .delta{ background:color-mix(in srgb, var(--i-verde) 34%, #fff);
  border:1px solid color-mix(in srgb, var(--i-verde) 58%, #fff);
  color:#2F6412; border-radius:999px; padding:3px 9px; font-size:11.5px; font-weight:700 }

.btn{ border-radius:999px; font-weight:700; letter-spacing:-.01em }
.btn:not(.btn--ghost){ background:#000; color:#fff; border-color:#000 }
.btn:not(.btn--ghost):hover{ filter:brightness(1.15) }
.btn--ghost{ border-radius:999px; border-color:var(--i-linha); color:var(--i-tinta2) }
.btn--ghost:hover{ border-color:#CFCFCF; color:#000 }

.pill, .seg a{ border-radius:999px }
.seg{ border-radius:999px; border-color:var(--i-linha) }
table.events th{ font-size:10.5px; font-weight:700; letter-spacing:.11em;
  text-transform:uppercase; color:var(--i-tinta3) }
.tablewrap{ border-radius:16px; border-color:var(--i-linha) }
.linkrow, .share{ border-radius:14px }
input, select, textarea{ border-radius:12px; border-color:#D8D8D8; font-family:inherit }
input:focus, select:focus, textarea:focus{ outline:none; border-color:#000;
  box-shadow:0 0 0 4px color-mix(in srgb, var(--i-verde) 38%, transparent) }
.foot{ color:var(--i-tinta3) }


/* campanha ativa */
.v.hero.green, .v.hero{ color:var(--i-tinta) }
.card.camp .label{ display:block; margin:0 0 12px }
.camp-topo{ display:flex; align-items:center; justify-content:space-between; gap:14px; margin:0 0 14px }
.camp-logo{ max-height:26px; max-width:190px; display:block }
.camp-nome{ font-size:16px; font-weight:800; letter-spacing:-.02em }
.camp-status{ display:inline-flex; align-items:center; gap:6px; font-size:10.5px; font-weight:700;
  letter-spacing:.08em; text-transform:uppercase; color:#2F6412; white-space:nowrap;
  background:color-mix(in srgb, var(--i-verde) 28%, #fff);
  border:1px solid color-mix(in srgb, var(--i-verde) 52%, #fff);
  border-radius:999px; padding:4px 11px 4px 8px }
.camp-status i{ width:7px; height:7px; border-radius:50%; background:#5FD424; display:block; flex:none }
.camp-val{ margin:0; font-size:19px; font-weight:800; letter-spacing:-.025em;
  font-variant-numeric:tabular-nums; font-feature-settings:"tnum" 1 }
.camp-val span{ font-size:13px; font-weight:500; color:var(--i-tinta2); letter-spacing:0 }
.camp-brief{ display:inline-block; margin:16px 0 0; font-size:13px; font-weight:600; text-decoration:none }
.card.camp{ padding:24px 26px 26px }
.camp-sep{ height:1px; background:var(--i-linha); margin:22px 0 20px }
.card.camp .linkrow{ margin:0 }
.card.camp > .label + .camp-topo{ margin-top:14px }


/* alinha o rodape dos dois cards do topo */
.card.kpi{ display:flex; flex-direction:column }
.card.kpi .compare{ margin-top:auto }


/* respiro entre blocos */
.wrap > .grid, .wrap > .card, .wrap > .tablewrap{ margin-bottom:22px }
.wrap > h2.sec{ margin:34px 0 14px }
.wrap > h2.sec:first-of-type{ margin-top:28px }
.card.camp{ margin-top:4px }


/* botao da campanha, no acento da marca */
.card.camp .btn:not(.btn--ghost){
  background:var(--i-verde); color:#0B1A05; border-color:var(--i-verde);
  box-shadow:0 10px 24px -12px color-mix(in srgb, var(--i-verde) 80%, transparent) }
.card.camp .btn:not(.btn--ghost):hover{ filter:brightness(1.04) }

.aviso-mais{ margin:8px 0 0 }
.aviso-mais a{ font-weight:700; font-size:13px; color:#0B1A05; text-decoration:none; border-bottom:2px solid var(--i-verde); padding-bottom:1px }
.aviso-mais a:hover{ border-bottom-color:#0B1A05 }


/* Valor da comissao e a aproximacao em real. */
.camp-val{ margin:0 }
.camp-brl[hidden]{ display:none }
.camp-brl{
  display:inline-flex; align-items:baseline; gap:6px;
  margin:11px 0 0; padding:6px 13px;
  background:#EEFBE0; border:1px solid #D9F2C0; border-radius:999px;
  font-size:12.5px; font-weight:600; color:#3B5A20;
  font-variant-numeric:tabular-nums; letter-spacing:.01em;
}
.camp-brl b{ font-weight:800; color:#20340F; font-size:13.5px }

/* Topo claro do painel, no lugar da barra preta. */
.topo{
  background:rgba(243,243,243,.86) !important;
  -webkit-backdrop-filter:saturate(180%) blur(14px);
  backdrop-filter:saturate(180%) blur(14px);
  color:var(--i-tinta,#000) !important;
  border-bottom:1px solid rgba(0,0,0,.07);
}
.topo::before{
  content:""; position:absolute; left:0; right:0; top:0; height:3px;
  background:linear-gradient(90deg,#A4FF70 0%,#E2FF54 100%);
}
.topo .marca, .topo .marca b, .topo .marca strong{ color:#000 !important }
.topo .marca span{ opacity:1 !important; color:#A2A2A2 !important }
.topo a, .topo .sair, .topo button{ color:#5A5A5A !important }
.topo a:hover, .topo .sair:hover{ color:#000 !important }
.langbox summary, .topo .langbox summary{
  background:#fff !important; color:#5A5A5A !important;
  border:1px solid #E4E4E4 !important; box-shadow:0 1px 2px rgba(0,0,0,.05);
}
.langbox[open] summary{ border-color:#000 !important; color:#000 !important }

/* Topo claro, versao .top (o header do painel usa .top). */
.top{
  background:rgba(243,243,243,.86) !important;
  -webkit-backdrop-filter:saturate(180%) blur(14px);
  backdrop-filter:saturate(180%) blur(14px);
  border-bottom:1px solid rgba(0,0,0,.07) !important;
  position:sticky; top:0;
}
.top::before{
  content:""; position:absolute; left:0; right:0; top:0; height:3px;
  background:linear-gradient(90deg,#A4FF70 0%,#E2FF54 100%);
}
.top .marca, .top .marca b, .top .marca strong{ color:#000 !important }
.top .marca span{ opacity:1 !important; color:#A2A2A2 !important }
.top a, .top .sair{ color:#5A5A5A !important }
.top a:hover, .top .sair:hover{ color:#000 !important }
.top .langbox summary{
  background:#fff !important; color:#5A5A5A !important;
  border:1px solid #E4E4E4 !important; box-shadow:0 1px 2px rgba(0,0,0,.05);
}
.top .langbox[open] summary{ border-color:#000 !important; color:#000 !important }

/* Menu de idioma mais enxuto. */
.langbox summary{ padding:4px 10px 4px 8px !important; font-size:10.5px !important; gap:4px !important }
.langbox summary svg{ width:12px; height:12px }
.langbox ul{
  min-width:64px !important; padding:4px !important; border-radius:11px !important;
  border-color:#EAEAEA !important;
  box-shadow:0 12px 26px -14px rgba(0,0,0,.24) !important;
  top:calc(100% + 6px) !important;
}
.langbox li a{
  padding:5px 8px !important; border-radius:7px !important;
  font-size:11px !important; font-weight:600 !important; letter-spacing:.08em !important;
}
.langbox li a.on{ background:#F3FBEA !important }
@media (pointer:coarse){
  .langbox ul{ min-width:76px !important }
  .langbox li a{ padding:8px 10px !important; font-size:12px !important }
}

/* ---- Tela de entrada ---- */
.auth{
  min-height:100dvh; display:grid; place-items:center; padding:2rem 1.25rem;
  background:#F4F4F4;
}
.auth .brand{ letter-spacing:.18em }
.auth > div > div:first-child{ text-align:center; margin-bottom:22px }

.auth .card{
  position:relative; overflow:hidden;
  width:min(408px,100%); padding:34px 32px 28px;
  border-radius:24px; border:1px solid #EAEAEA; background:#fff;
  box-shadow:0 1px 2px rgba(0,0,0,.03), 0 30px 70px -42px rgba(0,0,0,.42);
}
.auth .card::before{
  content:""; position:absolute; left:0; right:0; top:0; height:3px;
  background:linear-gradient(90deg,#A4FF70 0%,#E2FF54 100%);
}
.auth h1{
  text-align:center; font-size:1.42rem; font-weight:800;
  letter-spacing:-.035em; margin:0 0 6px;
}
.auth .lede{ text-align:center; font-size:.88rem; color:#5A5A5A; margin:0 0 24px }

.auth label.f{ margin-bottom:14px }
.auth label.f span{
  font-size:.72rem; font-weight:600; color:#8A8A8A;
  letter-spacing:.07em; text-transform:uppercase; margin-bottom:7px;
}
.auth input[type=email], .auth input[type=password], .auth input[type=text]{
  width:100%; height:46px; padding:0 14px;
  border:1px solid #E4E4E4; border-radius:12px; background:#FAFAFA;
  font-size:14.5px; color:#111; transition:border-color .15s, box-shadow .15s, background .15s;
}
.auth input:focus{
  outline:none; background:#fff; border-color:#111;
  box-shadow:0 0 0 3px rgba(164,255,112,.45);
}
.auth .btn--go{
  width:100%; height:48px; margin-top:6px;
  border-radius:999px; background:#000; border-color:#000; color:#fff;
  font-size:14.5px; font-weight:700; letter-spacing:.005em;
  transition:transform .15s, box-shadow .15s;
}
.auth .btn--go:hover{ transform:translateY(-1px); box-shadow:0 12px 26px -14px rgba(0,0,0,.6) }
.auth .btn--go:active{ transform:none }

.auth .hint{
  text-align:center; margin:20px 0 0; padding-top:16px;
  border-top:1px solid #F1F1F1; font-size:.78rem; color:#8A8A8A; line-height:1.65;
}
.auth .hint a{
  color:#111; font-weight:600; text-decoration:none;
  border-bottom:2px solid #D6FF59; padding-bottom:1px;
}
.auth .hint a:hover{ border-bottom-color:#111 }
.auth .msg{ border-radius:12px; text-align:center }

.auth > div > div:last-child{ text-align:center; margin-top:20px }
@media (max-width:420px){
  .auth .card{ padding:28px 22px 24px }
  .auth h1{ font-size:1.44rem }
}

/* Rodape do painel. */
.foot .wrap{
  display:flex; flex-wrap:wrap; align-items:center; gap:8px 18px;
  padding-top:18px; border-top:1px solid #ECECEC;
}
.foot-cnpj{
  font-size:11px; font-weight:700; letter-spacing:.12em; text-transform:uppercase;
  color:#A2A2A2;
}
.foot-links{ display:flex; flex-wrap:wrap; gap:6px 16px; margin-left:auto }
.foot-links a{ font-size:12.5px; color:#5A5A5A; text-decoration:none; font-weight:500 }
.foot-links a:hover{ color:#000 }
@media (max-width:640px){
  .foot-links{ margin-left:0 }
}

/* Botao de entrar: fonte mais leve. */
.auth .btn--go{
  font-family:Inter,-apple-system,system-ui,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  font-size:15px; font-weight:600; letter-spacing:-.006em;
  -webkit-font-smoothing:antialiased;
}

/* Sobriedade do login: sem enfeite, so hierarquia. */
.auth .card::before{ display:none }
.auth .card{
  border:1px solid #E6E6E6;
  box-shadow:0 1px 2px rgba(0,0,0,.04), 0 18px 44px -32px rgba(0,0,0,.30);
}
.auth .hint a{
  color:#3A3A3A; font-weight:500; border-bottom:1px solid #D4D4D4;
  padding-bottom:1px; text-decoration:none;
}
.auth .hint a:hover{ color:#000; border-bottom-color:#000 }
.auth input:focus{
  outline:none; background:#fff; border-color:#111;
  box-shadow:0 0 0 3px rgba(0,0,0,.07);
}
.auth-id{
  margin:18px 0 0; text-align:center;
  font-size:10.5px; font-weight:600; letter-spacing:.13em; text-transform:uppercase;
  color:#ABABAB;
}
.auth-id a{ color:#ABABAB; text-decoration:none; border-bottom:1px solid #DEDEDE }
.auth-id a:hover{ color:#555; border-bottom-color:#AAA }


/* 09/10: card de notificações e app */
.notif{display:flex;align-items:center;justify-content:space-between;gap:1.2rem;margin-top:1.2rem}
.notif__txt{flex:1 1 auto;min-width:0}.notif__txt p{margin:.3rem 0 0}
.notif__btns{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:flex-end;flex:0 0 auto}
.notif.is-on .label{color:#1a7f37}
@media (max-width:640px){.notif{flex-direction:column;align-items:stretch}.notif__btns{justify-content:flex-start}}

.notif [hidden]{display:none!important}



/* ============================================================
   AGÊNCIAS CLUB · refino
   Papel osso, tinta, ouro champanhe. Display em serifa.
   ============================================================ */
:root{
  --bg:#F2EFE9; --card:#FFFFFF; --card-2:#FBF9F5;
  --hair:rgba(28,22,10,.08); --hair-2:rgba(200,169,97,.45);
  --ink:#15130F; --ink-2:#6B655B; --ink-3:#9A948A;
  --blue:#9C7F42; --blue-bg:#F7F1E3;
  --amber-ink:#8A6A1F; --amber-bg:#F7F1E3;
  --display:'Instrument Serif',Georgia,'Times New Roman',serif;
  --r:22px; --r-sm:13px;
  --shadow:0 1px 2px rgba(28,22,10,.05), 0 18px 48px rgba(28,22,10,.08);
  --ouro:#C8A961; --ouro-claro:#E3CE97; --ouro-escuro:#9C7F42;
}

/* papel com luz quente no alto */
body{
  background:
   radial-gradient(820px 380px at 50% -140px, rgba(200,169,97,.20), transparent 72%),
   var(--bg);
  background-attachment:fixed;
}

/* display em serifa */
h1,h2,h3,.hero{font-family:var(--display);font-weight:400;letter-spacing:-.012em;color:var(--ink)}
h1{font-size:clamp(30px,4.2vw,42px);line-height:1.12}
h2{font-size:clamp(22px,3vw,28px)}
.kpi .num,.num{font-family:var(--display);font-weight:400;letter-spacing:-.02em}
.eyebrow{letter-spacing:.2em;text-transform:uppercase;font-size:10.5px;font-weight:700;color:var(--ouro-escuro)}

/* cartão com fio de ouro no topo */
.card{
  background:var(--card);
  border:1px solid var(--hair);
  border-radius:var(--r);
  box-shadow:var(--shadow);
  position:relative;overflow:hidden;
}
.card::before{
  content:'';position:absolute;left:0;right:0;top:0;height:2px;
  background:linear-gradient(90deg,transparent,var(--ouro),transparent);
  opacity:.85;
}

/* marca */
.brand{letter-spacing:.05em;color:var(--ink);font-weight:700;display:inline-flex;align-items:center;gap:11px}
.brand i{
  width:32px;height:32px;flex:0 0 32px;border-radius:10px;
  background:url('/img/marca-agencias.svg') center center / 100% 100% no-repeat;
  box-shadow:0 2px 10px rgba(28,22,10,.22);
}
.brand small{color:var(--ouro-escuro);letter-spacing:.22em;font-weight:700;font-size:9.5px;text-transform:uppercase}

/* topo translúcido */
.top{background:rgba(242,239,233,.78);backdrop-filter:blur(14px);border-bottom:1px solid var(--hair)}

/* botão principal: ouro escovado */
.btn--go{
  background:linear-gradient(180deg,var(--ouro-claro) 0%,var(--ouro) 52%,var(--ouro-escuro) 100%)!important;
  border:1px solid rgba(255,255,255,.4)!important;
  color:#1A1407!important;font-weight:800!important;letter-spacing:.01em;
  box-shadow:0 1px 0 rgba(255,255,255,.5) inset, 0 10px 24px rgba(156,127,66,.28);
}
.btn--go:hover{filter:brightness(1.05);transform:translateY(-1px)}
.btn--go:active{transform:translateY(0)}

/* campos */
input,select,textarea{background:var(--card-2);border:1px solid var(--hair);color:var(--ink)}
input:focus,select:focus,textarea:focus{
  outline:none;border-color:var(--ouro);
  box-shadow:0 0 0 3px rgba(200,169,97,.22);background:#fff;
}
.label{color:var(--ink-3);letter-spacing:.14em;text-transform:uppercase;font-size:10px;font-weight:700}

/* seletor de idioma e selos */
.seg,.seg--lang{background:var(--card);border:1px solid var(--hair);border-radius:999px}
.seg a:hover{color:var(--ouro-escuro)}
.pill.warn{color:var(--amber-ink);border-color:var(--hair-2);background:var(--amber-bg)}
.dot.warn{background:var(--ouro)}

/* tabelas */
th{color:var(--ink-3);letter-spacing:.12em;text-transform:uppercase;font-size:10px}
tr:hover td{background:rgba(200,169,97,.05)}
.sep,hr{border-color:var(--hair)}

a:hover{color:var(--ouro-escuro)}