/* Okya Rush — tokens do design system da Okya (preto, neutros da marca, neon só como acento) */
:root{
  color-scheme:dark;
  --ink:#000;--surface:#0c0c0c;--surface-2:#121212;
  --hair:rgba(255,255,255,.10);--hair-strong:rgba(255,255,255,.18);
  --neon:#60ffb3;--coral:#e85f68;
  --text:#fff;--text-soft:#d6d6d6;--text-dim:#8f8f8f;
  --sf:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","Inter","Helvetica Neue",Helvetica,Arial,sans-serif;
}
*{box-sizing:border-box}
[hidden]{display:none !important}
body{margin:0;background:var(--ink);color:var(--text);font-family:var(--sf);font-size:14px;line-height:1.5;letter-spacing:-.01em;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
button,input,select{font:inherit;color:inherit}
::selection{background:var(--neon);color:#001b0e}
:focus-visible{outline:2px solid var(--neon);outline-offset:2px;border-radius:4px}
h1,h2,h3{font-weight:600;margin:0}
h1{font-size:28px;letter-spacing:-.045em}
h2{font-size:18px;letter-spacing:-.038em}
h3{font-size:15px;letter-spacing:-.03em}
.dim{color:var(--text-dim)}
.label{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:var(--text-dim)}
code{font-size:12px;color:var(--text-soft)}

.shell{display:grid;grid-template-columns:248px minmax(0,1fr);min-height:100vh}
.side{border-right:1px solid var(--hair);padding:20px 14px;display:flex;flex-direction:column;gap:12px;position:sticky;top:0;height:100vh}
.brandmark{display:flex;align-items:baseline;gap:6px;padding:4px 6px 14px}
.logo{width:74px;height:auto;filter:invert(1)}
.rush{font-size:19px;font-weight:600;letter-spacing:-.04em;color:var(--neon)}
.side__label{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:var(--text-dim);padding:0 6px}
.brandlist{display:flex;flex-direction:column;gap:2px;overflow:auto;flex:1;min-height:0}
.brandlist a{display:flex;align-items:center;gap:10px;padding:8px;border-radius:10px;color:var(--text-soft)}
.brandlist a:hover{background:rgba(255,255,255,.05);color:var(--text)}
.brandlist a[aria-current="true"]{background:rgba(255,255,255,.08);color:var(--text)}
.brandlist small{display:block;color:var(--text-dim);font-size:11.5px}
.avatar{width:30px;height:30px;border-radius:8px;background:var(--surface-2);object-fit:cover;flex:0 0 auto;border:1px solid var(--hair)}
.btn{white-space:nowrap;border:1px solid var(--hair-strong);background:transparent;border-radius:999px;padding:9px 16px;cursor:pointer;font-weight:600;font-size:13px;transition:transform .18s,background .2s}
.btn:hover{background:rgba(255,255,255,.06);transform:translateY(-1px)}
.btn--neon{background:var(--neon);border-color:var(--neon);color:#00190d}
.btn--neon:hover{background:var(--neon);box-shadow:0 8px 24px -8px rgba(96,255,179,.5)}
.btn:disabled{opacity:.5;cursor:default;transform:none}
.job{border:1px solid var(--hair);border-radius:12px;padding:10px 12px;font-size:12.5px;color:var(--text-soft)}
.job b{color:var(--text)}
.bar{height:3px;background:var(--surface-2);border-radius:3px;margin-top:8px;overflow:hidden}
.bar i{display:block;height:100%;background:var(--neon)}

.main{padding:28px clamp(18px,3vw,40px) 80px;min-width:0}
.empty{max-width:520px;margin:14vh auto;text-align:center}
.empty p{color:var(--text-soft);margin:10px 0 22px}
.head{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.head .avatar{width:44px;height:44px;border-radius:12px}
.head__meta{color:var(--text-dim);font-size:12.5px}
.head__right{margin-left:auto;display:flex;gap:8px;align-items:center}
.seg{display:inline-flex;border:1px solid var(--hair-strong);border-radius:999px;padding:3px}
.seg button{border:0;background:transparent;border-radius:999px;padding:6px 12px;cursor:pointer;font-size:12.5px;color:var(--text-dim);font-weight:600}
.seg button[aria-pressed="true"]{background:rgba(255,255,255,.1);color:var(--text)}
.tabs{display:flex;gap:2px;border-bottom:1px solid var(--hair);margin:22px 0 24px;overflow-x:auto}
.tabs a{padding:10px 14px;color:var(--text-dim);font-size:13.5px;white-space:nowrap;border-bottom:2px solid transparent;margin-bottom:-1px}
.tabs a:hover{color:var(--text)}
.tabs a[aria-current="true"]{color:var(--text);border-bottom-color:var(--neon)}
.note{border:1px solid var(--hair);border-radius:12px;padding:12px 14px;color:var(--text-soft);font-size:13px;margin-bottom:20px}

.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin-bottom:24px}
.tile{border:1px solid var(--hair);background:var(--surface);border-radius:14px;padding:16px}
.tile b{display:block;font-size:30px;font-weight:600;letter-spacing:-.045em;line-height:1.1;margin-top:8px;font-variant-numeric:tabular-nums}
.tile small{color:var(--text-dim);font-size:12px}
.card{border:1px solid var(--hair);background:var(--surface);border-radius:14px;padding:18px;margin-bottom:16px}
.card > h2{margin-bottom:14px}
.cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px}
.mix{display:flex;height:10px;border-radius:999px;overflow:hidden;background:var(--surface-2);gap:2px}
.mix i{display:block}
.legend{display:grid;gap:8px;margin-top:14px}
.legend div{display:flex;align-items:center;gap:10px;font-size:13px}
.legend span.sw{width:10px;height:10px;border-radius:3px}
.legend span.n{margin-left:auto;color:var(--text-soft);font-variant-numeric:tabular-nums}

table{width:100%;border-collapse:collapse;font-size:13px}
th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:var(--text-dim);font-weight:600;padding:8px 10px;border-bottom:1px solid var(--hair)}
td{padding:10px;border-bottom:1px solid var(--hair);vertical-align:middle}
td.num,th.num{text-align:right;font-variant-numeric:tabular-nums}
tr:last-child td{border-bottom:0}
.url{color:var(--text-soft);word-break:break-all}
.url:hover{color:var(--neon)}

.toolbar{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px;align-items:center}
.toolbar input,.toolbar select,.dialog input,.dialog select{background:var(--surface);border:1px solid var(--hair-strong);border-radius:10px;padding:8px 12px;min-width:0}
.toolbar input{flex:1;min-width:180px}
.count{color:var(--text-dim);font-size:12.5px;margin-left:auto}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}
.ad{border:1px solid var(--hair);background:var(--surface);border-radius:14px;overflow:hidden;cursor:pointer;display:flex;flex-direction:column;text-align:left;padding:0;transition:transform .18s,border-color .2s}
.ad:hover{transform:translateY(-2px);border-color:var(--hair-strong)}
.ad__top{display:flex;align-items:center;gap:8px;padding:10px 12px;font-size:12px;color:var(--text-soft)}
.ad__media{aspect-ratio:4/5;background:var(--surface-2);position:relative;overflow:hidden}
.ad__media img{width:100%;height:100%;object-fit:cover;display:block}
.ad__media .fmt{position:absolute;left:8px;bottom:8px;background:rgba(0,0,0,.7);border-radius:999px;padding:3px 9px;font-size:11px}
.ad__body{padding:10px 12px 12px;font-size:12.5px;color:var(--text-soft);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:48px}
.dot{width:7px;height:7px;border-radius:50%;background:var(--text-dim);flex:0 0 auto}
.dot.on{background:var(--neon)}
.chip{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--hair-strong);border-radius:999px;padding:2px 9px;font-size:11.5px;color:var(--text-soft);white-space:nowrap}
.chip--neon{border-color:rgba(96,255,179,.5);color:var(--neon)}
.chip--coral{border-color:rgba(232,95,104,.5);color:var(--coral)}
.rank{margin-left:auto;font-variant-numeric:tabular-nums;color:var(--text)}

.batch{border:1px solid var(--hair);background:var(--surface);border-radius:14px;margin-bottom:10px;overflow:hidden}
.batch summary{display:flex;align-items:center;gap:10px;padding:14px 16px;cursor:pointer;list-style:none;flex-wrap:wrap}
.batch summary::-webkit-details-marker{display:none}
.batch__rows{border-top:1px solid var(--hair);padding:10px 16px 14px;display:grid;gap:6px}
.brow{display:grid;grid-template-columns:34px minmax(0,1fr) 62px;gap:10px;align-items:center;cursor:pointer;background:transparent;border:0;padding:2px 0;text-align:left}
.brow img{width:34px;height:34px;border-radius:6px;object-fit:cover;background:var(--surface-2)}
.brow .track{height:8px;background:var(--surface-2);border-radius:999px;overflow:hidden}
.brow .track i{display:block;height:100%;border-radius:999px;background:var(--text-dim)}
.brow.on .track i{background:var(--neon)}
.brow span{font-size:12px;color:var(--text-soft);text-align:right;font-variant-numeric:tabular-nums}

svg.chart{width:100%;height:auto;display:block}
svg.chart text{fill:var(--text-dim);font-size:10px;font-family:var(--sf)}
.gantt{display:grid;gap:3px;max-height:560px;overflow:auto}
.grow{display:grid;grid-template-columns:120px minmax(0,1fr);gap:10px;align-items:center;font-size:11.5px;color:var(--text-dim);background:transparent;border:0;padding:0;cursor:pointer;text-align:left}
.grow .lane{position:relative;height:12px;background:rgba(255,255,255,.03);border-radius:3px}
.grow .lane i{position:absolute;top:2px;bottom:2px;border-radius:3px;background:var(--text-dim);min-width:3px}
.grow.on .lane i{background:var(--neon)}

.dialog{border:1px solid var(--hair-strong);background:var(--surface);color:var(--text);border-radius:18px;padding:24px;width:min(520px,92vw)}
.dialog::backdrop{background:rgba(0,0,0,.7)}
.dialog label{display:grid;gap:6px;font-size:12px;color:var(--text-dim);margin-top:14px;flex:1}
.dialog .row{display:flex;gap:12px}
.dialog .actions{display:flex;justify-content:flex-end;gap:8px;margin-top:22px}
.dialog .actions .inline{display:flex;align-items:center;gap:8px;margin:0 auto 0 0;flex:0}
.dialog .actions .inline input{width:84px}
.results{display:grid;gap:4px;margin-top:14px;max-height:300px;overflow:auto}
.result{display:flex;align-items:center;gap:10px;padding:8px;border-radius:10px;background:transparent;border:1px solid transparent;cursor:pointer;text-align:left}
.result:hover{background:rgba(255,255,255,.06);border-color:var(--hair)}
.result small{display:block;color:var(--text-dim);font-size:12px}
.err{color:var(--coral);font-size:13px;margin:12px 0 0}

.drawer{position:fixed;top:0;right:0;bottom:0;width:min(440px,100vw);background:var(--surface);border-left:1px solid var(--hair-strong);overflow:auto;z-index:50;padding:18px 20px 40px}
.drawer__head{display:flex;align-items:center;gap:10px;margin-bottom:14px}
.drawer__head .btn{margin-left:auto;padding:6px 12px}
.drawer video,.drawer .media{width:100%;border-radius:12px;background:var(--surface-2);max-height:60vh;object-fit:contain}
.preview{border:1px solid var(--hair);border-radius:14px;overflow:hidden;background:var(--surface-2)}
.preview__brand{display:flex;align-items:center;gap:10px;padding:12px 14px 0;font-weight:600}
.preview__brand small{display:block;font-weight:400;color:var(--text-dim);font-size:12px}
.preview__text{white-space:pre-wrap;padding:10px 14px 12px;font-size:13.5px;color:var(--text-soft)}
.preview video,.preview .media{border-radius:0;display:block}
.preview__link{display:flex;align-items:center;gap:12px;padding:12px 14px}
.preview__link div{min-width:0;flex:1}
.preview__link small{display:block;color:var(--text-dim);font-size:11px;letter-spacing:.06em}
.preview__link b{display:block;font-size:13.5px}
.kv{display:grid;grid-template-columns:120px minmax(0,1fr);gap:10px 12px;margin-top:18px;font-size:13px}
.kv dt{color:var(--text-dim)}
.kv dd{margin:0;word-break:break-word}
.copy{white-space:pre-wrap;color:var(--text-soft);font-size:13px;margin-top:14px;border-top:1px solid var(--hair);padding-top:14px}

@media (max-width:820px){
  .shell{grid-template-columns:1fr}
  .side{position:static;height:auto;border-right:0;border-bottom:1px solid var(--hair)}
  .brandlist{max-height:180px}
  .grow{grid-template-columns:70px minmax(0,1fr)}
}

/* navegação, favoritas e pastas */
.sidenav{display:flex;flex-direction:column;gap:2px;padding-bottom:6px;border-bottom:1px solid var(--hair)}
.sidenav a{padding:8px;border-radius:10px;color:var(--text-soft);font-weight:600;font-size:13.5px}
.sidenav a:hover{background:rgba(255,255,255,.05);color:var(--text)}
.sidenav a[aria-current="true"]{background:rgba(255,255,255,.08);color:var(--text)}
.group{font-size:11px;color:var(--text-dim);padding:10px 8px 2px}
.star{font-style:normal;color:var(--text-dim)}
.star.on{color:var(--neon)}
.btn--icon{display:inline-flex;align-items:center;gap:6px}
.folder{background:var(--surface);border:1px solid var(--hair-strong);border-radius:999px;padding:8px 14px;width:130px;font-size:13px}
.ad__top b{color:var(--text);font-weight:600}

/* salvar criativo */
.save{border:1px solid var(--hair);border-radius:14px;padding:14px;margin-top:16px}
.save label{display:grid;gap:6px;font-size:12px;color:var(--text-dim);margin-top:10px;flex:1;min-width:0}
.save .row{display:flex;gap:10px}
.save input,.save textarea{background:var(--ink);border:1px solid var(--hair-strong);border-radius:10px;padding:8px 10px;font:inherit;color:var(--text);min-width:0;width:100%;resize:vertical}
.save .actions{display:flex;justify-content:flex-end;gap:8px;margin-top:12px}
.save p{margin:6px 0 0;font-size:12.5px}
.hint{font-size:12px;margin:8px 0 0}
.result .chip{margin-left:auto}

/* benchmark */
.bench td,.bench th{white-space:nowrap}
.bench td.best{color:var(--neon);font-weight:600}
.brandcell{display:flex;align-items:center;gap:10px}
.brandcell small{display:block;color:var(--text-dim);font-size:11.5px}
.brandcell:hover span{color:var(--neon)}

/* sinais, menus e blocos novos */
.chip--gold{border-color:rgba(242,201,76,.55);color:#f2c94c}
.badge{background:var(--neon);color:#00190d;border-radius:999px;padding:0 7px;font-size:11px;font-weight:700;margin-left:6px}
.small{font-size:12px}
.block{display:block}
.btn--sm{padding:5px 11px;font-size:12px}
a.btn{display:inline-flex;align-items:center}
.menu{position:relative}
.menu summary{list-style:none;cursor:pointer}
.menu summary::-webkit-details-marker{display:none}
.menu > div{position:absolute;right:0;top:calc(100% + 6px);z-index:30;background:var(--surface-2);border:1px solid var(--hair-strong);border-radius:12px;padding:6px;min-width:230px;display:grid;gap:2px}
.menu > div a,.menu > div button{display:block;text-align:left;padding:8px 10px;border-radius:8px;background:transparent;border:0;cursor:pointer;font-size:13px;color:var(--text-soft);width:100%}
.menu > div a:hover,.menu > div button:hover{background:rgba(255,255,255,.07);color:var(--text)}
.menurow{display:grid;grid-template-columns:1fr auto}
.menurow button:last-child{width:auto;color:var(--text-dim)}
.cardhead{display:flex;align-items:center;gap:12px;justify-content:space-between;flex-wrap:wrap;margin-bottom:14px}
.cardhead h2{margin:0}
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(86px,1fr));gap:10px;margin-bottom:14px}
.stats b{display:block;font-size:20px;font-weight:600;letter-spacing:-.04em;font-variant-numeric:tabular-nums}
.legend--row{display:flex;gap:16px;flex-wrap:wrap;margin-top:10px}
tr.click{cursor:pointer}
tr.click:hover td{background:rgba(255,255,255,.03)}
td.thumb{width:54px;padding:6px 10px}
td.thumb button{border:0;padding:0;background:transparent;cursor:zoom-in;display:block}
td.thumb img{width:42px;height:64px;object-fit:cover;object-position:top;border-radius:6px;border:1px solid var(--hair)}
.lightbox{position:fixed;inset:0;z-index:80;background:rgba(0,0,0,.86);display:grid;place-items:start center;overflow:auto;padding:28px 16px}
.lightbox figure{margin:0;max-width:430px}
.lightbox img{width:100%;border-radius:14px;border:1px solid var(--hair-strong)}
.lightbox figcaption{display:flex;justify-content:space-between;gap:12px;align-items:center;color:var(--text-dim);font-size:12px;margin-top:10px;word-break:break-all}
.drawer .block{margin-top:18px;border-top:1px solid var(--hair);padding-top:16px}
.drawer .block h3{margin-bottom:8px}
.hookline{font-weight:600;margin:0 0 8px}
.copy{white-space:pre-wrap;color:var(--text-soft);font-size:13px;margin:0}
.kv--stack{grid-template-columns:1fr;gap:2px 0}
.kv--stack dt{margin-top:12px;font-size:11px;text-transform:uppercase;letter-spacing:.12em}
.kv--stack ul,.kv--stack ol,.script ul,.script ol{margin:4px 0 0;padding-left:18px}
.kv--stack li,.script li{margin-bottom:4px}
.hero{max-width:680px;padding:6vh 0 28px}
.hero p{color:var(--text-soft);margin:12px 0 22px}
.formrow{display:flex;gap:16px;align-items:center;flex-wrap:wrap;margin-bottom:6px}
.formrow select,.stack input,.stack select,.stack textarea{background:var(--ink);border:1px solid var(--hair-strong);border-radius:10px;padding:8px 10px;font:inherit;color:var(--text)}
.switch{display:inline-flex;align-items:center;gap:8px;cursor:pointer}
.switch input{accent-color:var(--neon);width:16px;height:16px}
.stack{display:grid;gap:12px}
.stack label{display:grid;gap:6px;font-size:12px;color:var(--text-dim)}
.stack textarea{resize:vertical}
.split{display:grid;grid-template-columns:minmax(280px,360px) minmax(0,1fr);gap:16px;align-items:start}
@media (max-width:980px){.split{grid-template-columns:1fr}}
.rowlink{display:flex;justify-content:space-between;gap:10px;padding:9px 8px;border-radius:8px;color:var(--text-soft);font-size:13px}
.rowlink:hover,.rowlink[aria-current="true"]{background:rgba(255,255,255,.07);color:var(--text)}
.rowlink small{color:var(--text-dim);white-space:nowrap}
.script{border-top:1px solid var(--hair);margin-top:16px;padding-top:14px;font-size:13.5px}
.script p{margin:10px 0 0}
.dayhead{margin:26px 0 12px;font-size:15px}
.dayhead:first-child{margin-top:0}

/* ícones do menu, carregamento aos poucos, variações, alertas */
.sidenav a{display:flex;align-items:center;gap:10px}
.sidenav .badge{margin-left:auto}
.ico{width:26px;height:26px;border-radius:8px;display:grid;place-items:center;flex:0 0 auto;background:color-mix(in srgb,var(--c) 16%,transparent);color:var(--c)}
.ico svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.sidenav a[aria-current="true"] .ico{background:color-mix(in srgb,var(--c) 28%,transparent)}
.sentinel{height:1px}
.menu .danger{color:var(--coral)}
.note--warn,.card--warn{border-color:rgba(232,95,104,.45)}
.card--warn p{margin:6px 0;font-size:13.5px}
.strip{display:flex;gap:8px;overflow-x:auto;padding-bottom:6px}
.strip figure,.strip button{flex:0 0 96px;margin:0;padding:0;background:var(--surface-2);border:1px solid var(--hair);border-radius:10px;overflow:hidden;text-align:left;color:var(--text-soft)}
.strip button{cursor:pointer}
.strip img{width:96px;height:120px;object-fit:cover;display:block}
.strip figcaption{font-size:11px;padding:5px 7px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.versions{margin:6px 0 0;padding-left:18px;font-size:13px;color:var(--text-soft)}
.versions li{margin-bottom:10px}
.versions b{color:var(--text)}

/* pesquisa e tiktok */
.chips{display:flex;gap:6px;flex-wrap:wrap;margin:-4px 0 18px}
.chip--btn{background:transparent;cursor:pointer;font:inherit;font-size:12px;padding:4px 11px}
.chip--btn:hover{border-color:var(--neon);color:var(--neon)}
.sources{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:18px}
.sources ul{list-style:none;margin:8px 0 0;padding:0;font-size:13px}
.sources li{padding:4px 0;border-bottom:1px solid var(--hair)}
.sources li:last-child{border-bottom:0}
.sources a{color:var(--text-soft)}
.sources a:hover{color:var(--neon)}
.bar i.indeterminate{width:35%;animation:slide 1.3s ease-in-out infinite}
@keyframes slide{0%{margin-left:-35%}100%{margin-left:100%}}
@media (prefers-reduced-motion:reduce){.bar i.indeterminate{animation:none;width:100%;opacity:.5}}
.grid--tall{grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}
.ad__media--tall{aspect-ratio:9/14}
#kwForm input{flex:1;min-width:240px}

/* ---------- painel ---------- */
.main{max-width:1560px}
.dash-head{display:flex;align-items:flex-end;gap:20px;flex-wrap:wrap;margin-bottom:22px}
.dash-head h1{font-size:34px;margin:6px 0 4px}
.dash-head p{margin:0}
.dash-head .head__right{margin-left:auto}
.quick{display:flex;align-items:center;gap:8px;background:var(--surface);border:1px solid var(--hair-strong);border-radius:999px;padding:0 6px 0 14px;height:40px;min-width:280px;transition:border-color .2s}
.quick:focus-within{border-color:var(--neon)}
.quick svg{width:15px;height:15px;fill:none;stroke:var(--text-dim);stroke-width:2;stroke-linecap:round;flex:0 0 auto}
.quick input{background:transparent;border:0;outline:0;flex:1;font-size:13.5px;color:var(--text);min-width:0}
.banner{display:flex;align-items:center;gap:10px;border:1px solid rgba(232,95,104,.4);background:rgba(232,95,104,.07);border-radius:12px;padding:11px 14px;margin-bottom:18px;font-size:13.5px}
.dot--coral{background:var(--coral)}
.badge--coral{background:var(--coral);color:#fff}
.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-bottom:16px}
.kpi{position:relative;overflow:hidden;border:1px solid var(--hair);background:linear-gradient(180deg,var(--surface-2),var(--surface));border-radius:16px;padding:18px 18px 16px}
.kpi::before{content:"";position:absolute;left:0;top:18px;bottom:18px;width:3px;border-radius:0 3px 3px 0;background:var(--c)}
.kpi b{display:block;font-size:34px;font-weight:600;letter-spacing:-.045em;line-height:1.1;margin:8px 0 2px;font-variant-numeric:tabular-nums}
.kpi small{color:var(--text-dim);font-size:12px}
.dash-grid{display:grid;grid-template-columns:minmax(0,2.1fr) minmax(280px,1fr);gap:16px;align-items:start}
@media (max-width:1150px){.dash-grid{grid-template-columns:minmax(0,1fr)}}
.dash-main,.dash-side{min-width:0}
.dash-main .card,.dash-side .card{margin-bottom:16px}
.more{font-size:13px;color:var(--text-dim);white-space:nowrap}
.more:hover{color:var(--neon)}
.rail{display:flex;gap:12px;overflow-x:auto;padding-bottom:8px;scroll-snap-type:x proximity}
.rail::-webkit-scrollbar{height:6px}
.rail::-webkit-scrollbar-thumb{background:var(--hair-strong);border-radius:3px}
.mini{flex:0 0 132px;scroll-snap-align:start;background:transparent;border:0;padding:0;text-align:left;cursor:pointer;color:var(--text)}
.mini__media{display:block;position:relative;width:132px;height:176px;border-radius:12px;overflow:hidden;background:var(--surface-2);border:1px solid var(--hair);margin-bottom:8px;transition:transform .18s,border-color .2s}
.mini:hover .mini__media{transform:translateY(-2px);border-color:var(--hair-strong)}
.mini__media img{width:100%;height:100%;object-fit:cover}
.mini__sig{position:absolute;left:6px;top:6px;background:rgba(0,0,0,.72);color:var(--neon);border-radius:999px;font-size:10.5px;padding:2px 8px}
.mini b{display:block;font-size:12.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mini small{color:var(--text-dim);font-size:11.5px}
.brandgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}
.bcard{display:flex;flex-direction:column;gap:12px;border:1px solid var(--hair);background:var(--surface-2);border-radius:14px;padding:14px;transition:transform .18s,border-color .2s}
.bcard:hover{transform:translateY(-2px);border-color:var(--hair-strong)}
.bcard__top{display:flex;align-items:center;gap:10px}
.bcard__top small{display:block;color:var(--text-dim);font-size:11.5px}
.bcard__top .dot{margin-left:auto}
.bcard__nums{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.bcard__nums b{display:block;font-size:19px;font-weight:600;letter-spacing:-.04em;font-variant-numeric:tabular-nums}
.bcard__nums small{color:var(--text-dim);font-size:11px}
.bcard > small{font-size:10.5px;margin-top:-8px}
.spark{width:100%;height:34px;display:block}
.trendlist{list-style:none;margin:0;padding:0;counter-reset:t}
.trendlist li{display:flex;align-items:baseline;gap:10px;padding:8px 0;border-bottom:1px solid var(--hair);font-size:13.5px;counter-increment:t}
.trendlist li:last-child{border-bottom:0}
.trendlist li::before{content:counter(t);color:var(--text-dim);font-size:11px;width:14px;font-variant-numeric:tabular-nums}
.trendlist a{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.trendlist a:hover{color:var(--neon)}
.trendlist span{color:var(--text-dim);font-size:12px;font-variant-numeric:tabular-nums}
.ttgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.ttgrid a{position:relative;aspect-ratio:9/14;border-radius:10px;overflow:hidden;background:var(--surface-2);border:1px solid var(--hair)}
.ttgrid img{width:100%;height:100%;object-fit:cover}
.ttgrid span{position:absolute;left:6px;bottom:6px;background:rgba(0,0,0,.7);border-radius:999px;padding:1px 7px;font-size:10.5px}
.shortcuts a{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:12px;align-items:center;padding:10px 6px;border-radius:10px;font-size:13.5px;font-weight:600}
.shortcuts a:hover{background:rgba(255,255,255,.04)}
.shortcuts .ico{grid-row:span 2}
.shortcuts small{color:var(--text-dim);font-weight:400;font-size:12px}
.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;max-width:1000px}
.step{display:flex;flex-direction:column;gap:8px;text-align:left;border:1px solid var(--hair);background:var(--surface);border-radius:16px;padding:20px;cursor:pointer;color:var(--text);transition:transform .18s,border-color .2s}
.step:hover{transform:translateY(-2px);border-color:var(--neon)}
.step b{font-size:16px;letter-spacing:-.03em}
.step span:last-child{color:var(--text-soft);font-size:13.5px}
.step__n{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--neon);color:#00190d;font-weight:700;font-size:13px}

/* ---------- perfil ---------- */
.me{display:flex;align-items:center;gap:10px;padding:8px;border-radius:12px;border:1px solid var(--hair);margin-top:2px}
.me:hover,.me[aria-current="true"]{background:rgba(255,255,255,.06)}
.me small{display:block;color:var(--text-dim);font-size:11px}
.me b{font-size:13px;font-weight:600}
.me__avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;flex:0 0 auto;display:grid;place-items:center;background:linear-gradient(135deg,#60ffb3,#5aa8ff);color:#00190d;font-weight:700;font-size:12px}
.profile-head{display:flex;align-items:center;gap:20px;margin-bottom:24px}
.profile-head h1{font-size:30px;margin:4px 0}
.profile-head p{margin:0}
.avatar-edit{position:relative;cursor:pointer;display:block;border-radius:50%}
.avatar-xl{width:88px;height:88px;border-radius:50%;object-fit:cover;display:grid;place-items:center;background:linear-gradient(135deg,#60ffb3,#5aa8ff);color:#00190d;font-weight:700;font-size:30px}
.avatar-edit > span{position:absolute;inset:0;border-radius:50%;display:grid;place-items:center;background:rgba(0,0,0,.6);font-size:11px;opacity:0;transition:opacity .2s}
.avatar-edit:hover > span{opacity:1}
.settings{display:grid;grid-template-columns:repeat(auto-fit,minmax(420px,1fr));gap:16px;align-items:start}
@media (max-width:980px){.settings{grid-template-columns:1fr}}
.settings .card{margin:0}
.settings h2{margin-bottom:12px}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.formfoot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px;flex-wrap:wrap}
.stack .seg{width:max-content}

/* ---------- acabamento geral ---------- */
.card{transition:border-color .2s}
.sidenav a{position:relative}
.sidenav a[aria-current="true"]::before{content:"";position:absolute;left:-14px;top:9px;bottom:9px;width:3px;border-radius:0 3px 3px 0;background:var(--neon)}
.side{gap:10px}
.brandlist a{transition:background .15s}

/* busca geral */
.quick{position:relative;min-width:min(340px,100%)}
.quick kbd{font:11px var(--sf);color:var(--text-dim);border:1px solid var(--hair-strong);border-radius:6px;padding:1px 6px;margin-right:6px}
.qresults{position:absolute;top:calc(100% + 8px);left:0;right:0;z-index:40;min-width:min(420px,90vw);max-height:70vh;overflow:auto;background:var(--surface-2);border:1px solid var(--hair-strong);border-radius:14px;padding:8px;box-shadow:0 24px 60px -20px rgba(0,0,0,.8)}
.qgroup{padding:4px 0 6px;border-bottom:1px solid var(--hair)}
.qgroup .label{display:block;padding:6px 8px 4px}
.qitem{display:flex;align-items:center;gap:10px;width:100%;padding:7px 8px;border-radius:9px;background:transparent;border:0;text-align:left;cursor:pointer;color:var(--text);font:inherit}
.qitem:hover{background:rgba(255,255,255,.07)}
.qitem > span:not(.dot):not(.qthumb){min-width:0;flex:1}
.qitem b{display:block;font-size:13px;font-weight:600}
.qitem small{display:block;color:var(--text-dim);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.qthumb{width:30px;height:38px;border-radius:6px;object-fit:cover;background:var(--surface);flex:0 0 auto}
.qthumb--icon{display:grid;place-items:center;height:30px;color:var(--neon);font-size:15px}
.qitem--action{margin-top:4px}
.qitem--action b{color:var(--neon)}
.qempty{padding:4px 8px 2px;margin:0}
/* cabeçalhos quebram linha em vez de estourar a largura em janelas menores */
.head__right{flex-wrap:wrap;justify-content:flex-end}
.dash-head .head__right{flex:1 1 380px}
.dash-head .quick{flex:1 1 260px;min-width:0}

/* tecnologia das landing pages */
.techstack { display: grid; grid-template-columns: minmax(120px, max-content) minmax(0, 1fr); gap: 10px 16px; margin: 0; }
.techstack dt { color: var(--text-dim); font-size: 13px; padding-top: 3px; }
.techstack dd { margin: 0; display: flex; flex-wrap: wrap; gap: 6px; }
.techstack .chip small { opacity: .6; margin-left: 2px; }
@media (max-width: 640px) { .techstack { grid-template-columns: 1fr; gap: 4px; } .techstack dd { margin-bottom: 8px; } }
.similar { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(260px, 100%), 1fr)); gap: 8px; }
/* Google Ads */
.gad { display: flex; flex-direction: column; gap: 10px; padding: 10px; text-decoration: none; color: inherit; }
.gad__media { aspect-ratio: 4 / 3; display: grid; place-items: center; background: rgba(255,255,255,.04); border-radius: 10px; overflow: hidden; }
.gad__media img { max-width: 100%; max-height: 100%; object-fit: contain; }
.gad__meta { font-size: 13px; line-height: 1.5; }
/* telas de entrada */
.authpage { min-height: 100vh; display: grid; place-items: center; padding: 24px 16px; background: var(--ink); }
.authbox { width: min(400px, 100%); display: grid; gap: 18px; }
.authbox .brandmark { justify-content: center; }
.authbox h1 { font-size: 22px; margin: 0; }
.authbox .card { gap: 14px; }
code.selectable { user-select: all; word-break: break-all; display: inline-block; margin-top: 6px; }

/* ===== Layout: faixa de ícones que abre no hover, barra de favoritas no topo, menu ☰ no celular ===== */
:root { --rail: 68px; --rail-open: 244px; }
.shell { display: block; padding-left: var(--rail); }
.content { min-width: 0; }
.side {
  position: fixed; inset: 0 auto 0 0; z-index: 50; width: var(--rail); height: 100vh;
  padding: 16px 12px; gap: 6px; overflow: hidden; background: var(--ink);
  border-right: 1px solid var(--hair); transition: width .18s ease, box-shadow .18s ease;
}
/* Abre ao passar o mouse (com uma pequena espera, para não abrir sem querer) ou ao navegar pelo teclado. */
@media (hover: hover) and (min-width: 821px) {
  .side:hover, .side:focus-within { width: var(--rail-open); box-shadow: 24px 0 48px -12px rgba(0,0,0,.7); transition-delay: .12s; }
  .side:hover .lbl, .side:focus-within .lbl { opacity: 1; transition-delay: .16s; }
}
.side .lbl { opacity: 0; white-space: nowrap; transition: opacity .12s ease; min-width: 0; overflow: hidden; text-overflow: ellipsis; }
.side .brandmark { display: flex; align-items: center; gap: 12px; padding: 2px 4px 14px; }
.side .mark { width: 34px; height: 34px; border-radius: 9px; flex: 0 0 auto; }
.side .brandmark .lbl { display: flex; align-items: baseline; gap: 6px; }
.sidenav { border-bottom: 0; gap: 4px; flex: 1; }
.sidenav a, .navbtn { display: flex; align-items: center; gap: 12px; padding: 7px 8px; border-radius: 10px; min-height: 40px; }
.sidenav a[aria-current="true"]::before { left: -12px; }
/* Fechado, o número de novidades vira um ponto sobre o ícone. */
.sidenav .badge { margin-left: auto; }
.side:not(:hover):not(:focus-within):not(.open) .sidenav .badge:not([hidden]) {
  position: absolute; left: 30px; top: 5px; margin: 0; min-width: 8px; height: 8px; padding: 0; font-size: 0; border: 2px solid var(--ink); box-sizing: content-box;
}
.navbtn { width: 100%; background: transparent; border: 0; color: var(--text-soft); font: inherit; font-weight: 600; font-size: 13.5px; cursor: pointer; text-align: left; }
.navbtn:hover { background: rgba(255,255,255,.05); color: var(--text); }
.ico--add svg { stroke-width: 2.4; }
.side__foot { display: grid; gap: 6px; border-top: 1px solid var(--hair); padding-top: 10px; }
.side .me { border: 0; padding: 6px; gap: 12px; margin: 0; }
.side .me__avatar { width: 32px; height: 32px; }

/* Barra do topo */
.topbar {
  position: sticky; top: 0; z-index: 30; display: flex; align-items: center; gap: 10px;
  padding: 10px clamp(18px, 3vw, 40px); background: color-mix(in srgb, var(--ink) 88%, transparent);
  backdrop-filter: blur(10px); border-bottom: 1px solid var(--hair); min-height: 58px;
}
.menubtn, .topbar__logo { display: none; }
.favs { display: flex; gap: 6px; overflow-x: auto; flex: 1; min-width: 0; scrollbar-width: none; }
.favs::-webkit-scrollbar { display: none; }
.fav {
  display: inline-flex; align-items: center; gap: 8px; padding: 4px 12px 4px 4px; border-radius: 999px; flex: 0 0 auto;
  border: 1px solid var(--hair); color: var(--text-soft); font-size: 13px; font-weight: 600; white-space: nowrap;
}
.fav:hover { background: rgba(255,255,255,.05); color: var(--text); }
.fav[aria-current="true"] { background: rgba(255,255,255,.08); color: var(--text); border-color: var(--hair-strong); }
.fav .avatar { width: 26px; height: 26px; border-radius: 50%; }
.favs .hint { font-size: 12.5px; color: var(--text-dim); align-self: center; white-space: nowrap; }
.brandsmenu { flex: 0 0 auto; }
.brandsmenu > div { width: min(320px, calc(100vw - 32px)); max-height: min(70vh, 560px); grid-template-rows: auto minmax(0, 1fr) auto; padding: 8px; gap: 8px; }
.brandsmenu .brandlist { overflow: auto; min-height: 0; }
.brandsmenu .brandlist a { display: flex; }
.brandsmenu input { width: 100%; }
.job--float { position: fixed; right: 16px; bottom: 16px; z-index: 45; width: min(340px, calc(100vw - 32px)); background: var(--surface-2); box-shadow: 0 16px 40px -12px rgba(0,0,0,.8); }
.scrim { position: fixed; inset: 0; z-index: 49; background: rgba(0,0,0,.6); }
.main { padding-top: 24px; }

/* Celular e tablet estreito: menu tradicional (☰) que desliza da esquerda */
@media (max-width: 820px) {
  .shell { padding-left: 0; }
  .side { width: min(280px, 86vw); transform: translateX(-102%); transition: transform .2s ease; box-shadow: none; }
  .side.open { transform: none; box-shadow: 24px 0 48px rgba(0,0,0,.7); }
  .side .lbl { opacity: 1; }
  .menubtn { display: grid; place-items: center; width: 40px; height: 40px; border-radius: 10px; background: transparent; border: 1px solid var(--hair); color: var(--text); flex: 0 0 auto; cursor: pointer; }
  .menubtn svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; }
  .topbar { flex-wrap: wrap; padding: 8px 16px; row-gap: 8px; }
  .topbar__logo { display: flex; align-items: baseline; gap: 5px; margin-right: auto; }
  .topbar__logo .logo { width: 60px; }
  .favs { order: 3; flex-basis: 100%; }
  .main { padding: 18px 16px 90px; }
}
@media (prefers-reduced-motion: reduce) { .side, .side .lbl { transition: none; } }
/* Telas estreitas: tabela rola dentro do cartão em vez de alargar a página; cartões podem encolher. */
@media (max-width: 820px) {
  #main table { display: block; overflow-x: auto; max-width: 100%; -webkit-overflow-scrolling: touch; }
  .settings { grid-template-columns: minmax(0, 1fr); }
  .settings .card, .cols > *, .split > * { min-width: 0; }
  .formrow { flex-wrap: wrap; }
  .formrow input, .formrow select { min-width: 0; flex: 1 1 140px; }
}

/* ===== Carregando: esqueleto com brilho, barra e relógio ===== */
.loader { display: grid; gap: 10px; }
.loader__head { display: flex; align-items: center; gap: 10px; font-size: 14px; }
.loader__time { margin-left: auto; font-variant-numeric: tabular-nums; color: var(--text-dim); font-size: 12.5px; }
.loader__dot { width: 10px; height: 10px; border-radius: 50%; background: var(--neon); box-shadow: 0 0 0 0 rgba(96,255,179,.6); animation: pulse 1.4s ease-out infinite; flex: 0 0 auto; }
@keyframes pulse { 0% { box-shadow: 0 0 0 0 rgba(96,255,179,.55); } 100% { box-shadow: 0 0 0 12px rgba(96,255,179,0); } }
.loader__bar { height: 4px; border-radius: 999px; background: rgba(255,255,255,.07); overflow: hidden; }
.loader__bar i { display: block; height: 100%; width: 35%; border-radius: inherit; background: linear-gradient(90deg, transparent, var(--neon), transparent); animation: slide 1.3s ease-in-out infinite; }
.loader__bar.is-known i { animation: none; background: var(--neon); transition: width .5s ease; }
@keyframes slide { from { transform: translateX(-100%); } to { transform: translateX(300%); } }
.loader__note { margin: 0; font-size: 12.5px; color: var(--text-dim); min-height: 1.4em; }
.skel { display: block; height: 12px; border-radius: 6px; background: linear-gradient(90deg, rgba(255,255,255,.05) 0%, rgba(255,255,255,.11) 40%, rgba(255,255,255,.05) 80%); background-size: 300% 100%; animation: shimmer 1.6s ease-in-out infinite; }
@keyframes shimmer { from { background-position: 100% 0; } to { background-position: -100% 0; } }
.skel-grid { margin-top: 4px; }
.skel-card { border: 1px solid var(--hair); border-radius: 14px; padding: 10px; display: grid; gap: 9px; background: var(--surface); }
.skel--media { height: auto; aspect-ratio: 4 / 5; border-radius: 10px; }
.skel--short { width: 55%; }
.skel-rows { display: grid; gap: 10px; }
.skel-row { display: grid; grid-template-columns: 30px 1fr; gap: 10px; align-items: center; }
.skel--av { width: 30px; height: 30px; border-radius: 8px; }
.skel-chips { display: flex; flex-wrap: wrap; gap: 8px; }
.skel-chips .skel { height: 28px; border-radius: 999px; }
@media (prefers-reduced-motion: reduce) { .skel, .loader__bar i, .loader__dot { animation: none; } }

/* Prévia de vídeo no card */
.ad__media { position: relative; }
.ad__preview { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: 1; background: #000; }
.ad__media .fmt { z-index: 2; }

/* ===== Pesquisa visual ===== */
.kwhero { position: relative; overflow: hidden; border-radius: 14px; margin: -2px 0 16px; min-height: 180px; display: flex; align-items: flex-end; border: 1px solid var(--hair); }
.kwhero__mosaic { position: absolute; inset: 0; display: grid; grid-template-columns: repeat(6, 1fr); grid-auto-rows: 120px; gap: 2px; opacity: .55; filter: saturate(1.1); }
.kwhero__mosaic img { width: 100%; height: 100%; object-fit: cover; }
.kwhero::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(0,0,0,.15) 0%, rgba(0,0,0,.92) 85%); }
.kwhero__text { position: relative; z-index: 1; padding: 22px; }
.kwhero__text h2 { font-size: clamp(28px, 4.5vw, 44px); letter-spacing: -.035em; margin: 6px 0; }
.kwhero__text p { margin: 0; color: var(--text-soft); }
.kwh3 { margin: 22px 0 10px; display: flex; align-items: baseline; gap: 10px; flex-wrap: wrap; }
.kwh3 small { font-weight: 400; font-size: 12px; }
.advgrid { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(250px, 100%), 1fr)); gap: 10px; }
.adv { border: 1px solid var(--hair); border-radius: 14px; padding: 12px; display: grid; gap: 10px; background: var(--surface-2); align-content: start; }
.adv__head { display: flex; align-items: center; gap: 10px; min-width: 0; }
.adv__head span { min-width: 0; }
.adv__head b { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.adv__head small { color: var(--text-dim); font-size: 12px; }
.adv__thumbs { display: grid; grid-template-columns: repeat(3, 1fr); gap: 4px; }
.adv__thumbs button { padding: 0; border: 0; background: var(--surface); border-radius: 8px; overflow: hidden; aspect-ratio: 4 / 5; cursor: pointer; }
.adv__thumbs img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .25s; }
.adv__thumbs button:hover img { transform: scale(1.05); }
.adv__thumbs:empty { display: none; }
.adv .btn { justify-self: start; }
.domains { display: grid; gap: 6px; }
.domain { display: grid; grid-template-columns: 22px minmax(0, 1.2fr) minmax(60px, 1fr) 36px; align-items: center; gap: 10px; font-size: 13px; }
.domain img { width: 20px; height: 20px; border-radius: 5px; background: #fff; }
.domain__name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.domain__bar { height: 8px; border-radius: 999px; background: rgba(255,255,255,.06); overflow: hidden; }
.domain__bar i { display: block; height: 100%; background: var(--neon); border-radius: inherit; }
.domain__n { text-align: right; font-variant-numeric: tabular-nums; color: var(--text-soft); }
.source { border: 1px solid var(--hair); border-radius: 12px; padding: 12px; background: var(--surface-2); }
.source__name { display: flex; align-items: center; gap: 8px; font-weight: 600; font-size: 13px; margin-bottom: 10px; }
.source__name i { width: 9px; height: 9px; border-radius: 50%; background: var(--c); }
.source__chips { display: flex; flex-wrap: wrap; gap: 6px; }
.source__chips .chip--btn:hover { border-color: var(--c); color: var(--c); }
.kwhist { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(220px, 100%), 1fr)); gap: 8px; }
.kwhist__item { display: flex; align-items: center; gap: 10px; padding: 8px; border: 1px solid var(--hair); border-radius: 12px; color: var(--text-soft); min-width: 0; }
.kwhist__item:hover { border-color: var(--hair-strong); color: var(--text); background: rgba(255,255,255,.03); }
.kwhist__mosaic { width: 52px; height: 52px; flex: 0 0 auto; border-radius: 9px; overflow: hidden; display: grid; grid-template-columns: 1fr 1fr; gap: 1px; background: var(--surface-2); }
.kwhist__mosaic img { width: 100%; height: 100%; object-fit: cover; }
.kwhist__mosaic img:only-child { grid-column: span 2; grid-row: span 2; }
.kwhist__empty { grid-column: span 2; display: grid; place-items: center; color: var(--text-dim); font-size: 20px; }
.kwhist__txt { min-width: 0; flex: 1; }
.kwhist__txt b { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 13.5px; }
.kwhist__txt small { color: var(--text-dim); font-size: 12px; }
@media (max-width: 820px) { .kwhero__mosaic { grid-template-columns: repeat(3, 1fr); } .domain { grid-template-columns: 22px minmax(0, 1fr) 36px; } .domain__bar { display: none; } }
.job--float { padding-right: 34px; }
.job__close { position: absolute; top: 6px; right: 8px; width: 24px; height: 24px; border: 0; background: transparent; color: var(--text-dim); font-size: 18px; cursor: pointer; border-radius: 6px; }
.job__close:hover { color: var(--text); background: rgba(255,255,255,.06); }
.collecting .skel-grid { opacity: .9; }
/* CTA do anúncio: informação, não botão */
.cta-label { display: grid; justify-items: end; gap: 2px; font-size: 10.5px; text-transform: uppercase; letter-spacing: .1em; color: var(--text-dim); white-space: nowrap; }
.cta-label b { font-size: 13px; letter-spacing: 0; text-transform: none; color: var(--text-soft); font-weight: 600; }
.drawer__head .btn--neon { margin-left: auto; }
.drawer__head .btn--neon + .btn { margin-left: 0; }
/* seletor de país */
.countrysel { border-radius: 999px; padding: 7px 30px 7px 12px; font-weight: 600; font-size: 13px; }