/* design tokens / componentes — tema claro v3 (ref. scrapeads): fundo quente, cards brancos arredondados, pílulas pretas, verde como acento */
:root{--bg:#FAFAF9;--surface:#FFFFFF;--surface-2:#F4F3F1;--line:#ECEAE6;--line-2:#DDD9D3;--fg:#1A1714;--fg-2:#3F3A35;--fg-3:#6B6660;--fg-4:#9B968F;--accent:#1F9D5C;--accent-soft:#E8F5EE}
html{background:var(--bg);color-scheme:light}
::selection{background:rgba(31,157,92,.22)}
h1,h2,h3,.display{font-family:"Funnel Display",ui-sans-serif,system-ui;letter-spacing:-.02em}
.card{background:var(--surface);border:1px solid var(--line);border-radius:1.375rem;box-shadow:0 1px 2px rgba(26,23,20,.04)}
.card-h{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.9rem 1.15rem;border-bottom:1px solid var(--line)}
.card-h h2{font-size:14px;font-weight:600;letter-spacing:-.01em;color:var(--fg)}
.eyebrow{font-family:"Geist Mono",ui-monospace,monospace;font-size:10.5px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--fg-4)}
.label{display:block;font-size:11.5px;font-weight:500;color:var(--fg-3);margin-bottom:.35rem}
.input,select.input,textarea.input{width:100%;border:1px solid var(--line-2);border-radius:.9rem;background:var(--surface);padding:.6rem .85rem;font-size:13.5px;color:var(--fg);outline:none;transition:box-shadow .15s,border-color .15s}
.input:focus,.input:focus-visible{border-color:#B8B3AC;box-shadow:0 0 0 3px rgba(26,23,20,.06);outline:none}
select.input{-webkit-appearance:none;appearance:none;padding-right:2.1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;line-height:1.35;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236B6660' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='m6 9 6 6 6-6'/></svg>");background-repeat:no-repeat;background-position:right .8rem center;background-size:16px}
select.input:disabled{opacity:.55;cursor:not-allowed}
select.input option{font-size:13.5px;color:var(--fg);background:var(--surface)}
.input[type="date"],.input[type="datetime-local"],.input[type="number"]{min-width:0}
.input::placeholder{color:var(--fg-4)}
input[type="range"]{accent-color:var(--fg)}
input[type="checkbox"],input[type="radio"]{accent-color:var(--fg)}
.btn,.btn-primary,.btn-accent,.btn-ghost,.btn-danger{display:inline-flex;align-items:center;gap:.45rem;border-radius:9999px;font-size:13px;font-weight:500;padding:.55rem 1.05rem;line-height:1.2;transition:all .15s;white-space:nowrap;cursor:pointer}
.btn-primary{background:var(--fg);color:#fff}.btn-primary:hover{background:#2A2622}
.btn-accent{background:var(--fg);color:#fff;box-shadow:0 10px 24px -14px rgba(26,23,20,.6)}.btn-accent:hover{background:#2A2622}
.btn-ghost{background:var(--surface);color:var(--fg);border:1px solid var(--line-2)}.btn-ghost:hover{background:var(--surface-2)}
.btn-danger{background:var(--surface);color:#B9413D;border:1px solid #F2B5B2}.btn-danger:hover{background:#FCEDEC}
.btn-sm{padding:.38rem .8rem;font-size:12px}
.btn[disabled],.btn-primary[disabled],.btn-accent[disabled]{opacity:.4;cursor:not-allowed;filter:none}
table.tbl{width:100%;font-size:13px;border-collapse:separate;border-spacing:0}
table.tbl thead th{font-family:"Geist Mono",ui-monospace,monospace;font-size:10.5px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--fg-4);text-align:left;padding:.7rem 1rem;border-bottom:1px solid var(--line);white-space:nowrap}
table.tbl tbody td{padding:.7rem 1rem;border-bottom:1px solid #F1EFEB;vertical-align:middle}
table.tbl tbody tr:last-child td{border-bottom:0}
table.tbl tbody tr:hover{background:#FAFAF9}
table.tbl .num{text-align:right;font-variant-numeric:tabular-nums}
table.tbl thead th.num{text-align:right}
.mono{font-family:"Geist Mono",ui-monospace,monospace;font-size:12px}
.glow{background:radial-gradient(60% 50% at 50% 100%,rgba(31,157,92,.14),transparent 70%)}
.mesh{background:radial-gradient(40% 50% at 15% 20%,#DDEFE3 0%,transparent 70%),radial-gradient(35% 45% at 85% 15%,#E6E2F6 0%,transparent 70%),radial-gradient(45% 50% at 70% 85%,#D5EBDC 0%,transparent 70%),#FAFAF9}
.mesh-green{background:radial-gradient(60% 80% at 20% 30%,#4A9E6A 0%,transparent 70%),radial-gradient(50% 70% at 85% 70%,#1F7A48 0%,transparent 70%),#2E8B57}
.tint-alt{filter:hue-rotate(48deg) saturate(.95) brightness(1.01)}   /* paleta alternativa (verde-azulado/teal) para as capas em Criativos, distinta do verde-oliva de Ofertas */
.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
pre.log{background:#1A1714;color:#E8E5E0;border-radius:.9rem;padding:.9rem 1rem;font-size:11.5px;line-height:1.55;font-family:"Geist Mono",monospace}
code{font-family:"Geist Mono",ui-monospace,monospace}

[x-cloak]{display:none!important}

.grid>*{min-width:0}
.input,select.input,textarea.input{max-width:100%}
@media (max-width:767px){.tbl{font-size:12px}.tbl td,.tbl th{padding:.5rem .6rem}}

@media (hover:none){.group .opacity-0{opacity:1}}