/* Marketing Hub · casca. Mesmos tokens visuais dos relatórios V2 (Mulish, escuro por padrão, claro opcional). */
:root{ --ink:255,255,255; --bg:#070709; --card:#0C0C10; --text:#fff; --header-bg:rgba(7,7,9,.82); --seg-bg:#fff; --seg-fg:#000; --green:#4ADE80; --greenbg:rgba(74,222,128,.12); --red:#f87171; --redbg:rgba(248,113,113,.12); --orange:#FBA94C; --orangebg:rgba(251,169,76,.13); --border:rgba(var(--ink),.09); --lar:#E07839; --azu:#5B8DEF; }
[data-theme="light"]{ --ink:16,18,26; --bg:#F1F2F4; --card:#FFFFFF; --text:#16181E; --header-bg:rgba(241,242,244,.85); --seg-bg:#16181E; --seg-fg:#fff; --green:#15803D; --greenbg:rgba(21,128,61,.10); --red:#C0392B; --redbg:rgba(192,57,43,.08); --orange:#C2610C; --orangebg:rgba(194,97,12,.10); }
*{box-sizing:border-box;}
html{color-scheme:dark;} [data-theme="light"]{color-scheme:light;}
body{margin:0;background:var(--bg);color:var(--text);font-family:'Mulish',system-ui,sans-serif;-webkit-font-smoothing:antialiased;min-height:100vh;}
a{color:inherit;text-decoration:none;}
button,input,select,textarea{font:inherit;color:inherit;}
.wrap{max-width:1240px;margin:0 auto;padding:0 28px;}
.card{background:var(--card);border:1px solid var(--border);border-radius:14px;}
.microlabel{font-family:ui-monospace,'Cascadia Mono','Roboto Mono',Consolas,monospace;font-size:10px;letter-spacing:1.8px;text-transform:uppercase;color:rgba(var(--ink),.42);}
.display{font-size:44px;font-weight:300;letter-spacing:-1.2px;line-height:1.05;margin:0;}
.display b{font-weight:800;}
.dim{color:rgba(var(--ink),.55);} .faint{color:rgba(var(--ink),.28);}
.seg{display:inline-flex;border:1px solid rgba(var(--ink),.14);border-radius:999px;padding:3px;gap:2px;}
.seg button,.seg a{border:none;background:transparent;color:rgba(var(--ink),.6);font-family:ui-monospace,Consolas,monospace;font-size:11px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;padding:6px 15px;border-radius:999px;cursor:pointer;}
.seg .on{background:var(--seg-bg);color:var(--seg-fg);}
.grid{display:grid;gap:14px;} .g2{grid-template-columns:1fr 1fr;} .g3{grid-template-columns:repeat(3,1fr);}
@media(max-width:860px){ .g2,.g3{grid-template-columns:1fr;} .display{font-size:34px;} .wrap{padding:0 18px;} }

/* header */
.topbar{position:sticky;top:0;z-index:50;background:var(--header-bg);backdrop-filter:blur(14px);border-bottom:1px solid var(--border);}
.topbar .wrap{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 28px;flex-wrap:wrap;}
.nav{display:flex;align-items:center;gap:4px;flex-wrap:wrap;}
.nav a{padding:7px 12px;border-radius:999px;font-size:13px;color:rgba(var(--ink),.7);}
.nav a.on,.nav a:hover{background:rgba(var(--ink),.08);color:var(--text);}
.who{display:flex;align-items:center;gap:10px;font-size:13px;color:rgba(var(--ink),.7);}

/* botões e formulários */
.btn{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(var(--ink),.18);background:transparent;color:var(--text);padding:9px 16px;border-radius:999px;font-size:13px;font-weight:700;cursor:pointer;}
.btn:hover{background:rgba(var(--ink),.06);}
.btn.primary{background:var(--seg-bg);color:var(--seg-fg);border-color:transparent;}
.btn.primary:hover{opacity:.9;}
.btn.small{padding:5px 11px;font-size:12px;}
.btn:disabled{opacity:.5;cursor:default;}
.field{display:flex;flex-direction:column;gap:6px;}
.field label{font-size:12px;color:rgba(var(--ink),.55);}
.field input,.field select,.field textarea{background:rgba(var(--ink),.04);border:1px solid rgba(var(--ink),.14);border-radius:10px;padding:10px 12px;font-size:14px;outline:none;}
.field input:focus,.field select:focus,.field textarea:focus{border-color:rgba(var(--ink),.4);}
.msg{font-size:13px;padding:10px 14px;border-radius:10px;}
.msg.erro{background:var(--redbg);color:var(--red);} .msg.ok{background:var(--greenbg);color:var(--green);}
.pill{display:inline-block;font-size:11px;font-weight:700;padding:2px 9px;border-radius:999px;background:rgba(var(--ink),.08);}
.pill.admin{background:var(--orangebg);color:var(--orange);} .pill.aprovador{background:var(--greenbg);color:var(--green);} .pill.designer{background:rgba(91,141,239,.14);color:var(--azu);}
.pill.off{background:var(--redbg);color:var(--red);}

/* tabelas simples */
.trow{display:grid;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid rgba(var(--ink),.07);font-size:14px;}
.trow.thead{font-family:ui-monospace,Consolas,monospace;font-size:10px;letter-spacing:1.6px;text-transform:uppercase;color:rgba(var(--ink),.42);border-bottom:1px solid rgba(var(--ink),.25);}
.scroll{overflow-x:auto;}
#toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);background:var(--seg-bg);color:var(--seg-fg);padding:10px 18px;border-radius:999px;font-size:13px;font-weight:700;opacity:0;pointer-events:none;transition:opacity .2s;z-index:99;}
#toast.show{opacity:1;}