:root{
  --red:#FD0935; --red-deep:#D7092F; --wine:#71061A; --wine-deep:#5D0213; --brown:#764A4B;
  --bg:#F6F3F2; --surface:#FFFFFF; --line:#ECE5E3; --line-strong:#DCD2CF;
  --ink:#241A1B; --ink-2:#5E5152; --ink-3:#8F8384;
  --good:#1E8E4E; --good-bg:#E7F5EC; --bad:#C2203B; --bad-bg:#FCE9EC;
  --gray-mark:#BDB4B3;
  --shadow:0 1px 2px rgba(60,10,20,.05),0 6px 24px rgba(60,10,20,.06);
  --cut:polygon(14px 0,100% 0,calc(100% - 14px) 100%,0 100%);
}
*{box-sizing:border-box;margin:0;padding:0}
html,body{height:100%}
body{background:var(--bg);color:var(--ink);font:15px/1.5 'Open Sans',system-ui,sans-serif;-webkit-font-smoothing:antialiased}
h1,h2,h3,h4,.mont{font-family:Montserrat,system-ui,sans-serif}
button{font:inherit;cursor:pointer;border:0;background:none;color:inherit}
.num{font-variant-numeric:tabular-nums}
.dia{display:inline-block;width:7px;height:7px;background:var(--red);transform:rotate(45deg);margin-right:8px;flex:none}


/* ---------- botão da marca ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:44px;padding:0 30px;font:700 14px Montserrat;letter-spacing:.02em;background:var(--red);color:#fff;clip-path:var(--cut);transition:background .15s,transform .15s}
.btn:hover{background:var(--red-deep)}
.btn:active{transform:translateY(1px)}
.btn.ghost{background:#F1E9E8;color:var(--wine)}
.btn.ghost:hover{background:#E8DCDA}
.btn.sm{height:36px;padding:0 22px;font-size:13px}

/* ================= LOGIN ================= */
#login{min-height:100%;display:grid;grid-template-columns:1.1fr 1fr}
.login-art{position:relative;overflow:hidden;background:linear-gradient(160deg,var(--wine) 0%,var(--wine-deep) 100%);color:#fff;padding:56px;display:flex;flex-direction:column;justify-content:space-between}
.login-art::before{content:"";position:absolute;right:-12%;top:-10%;width:62%;height:130%;background:var(--red);transform:skewX(-14deg);opacity:.95}
.login-art::after{content:"";position:absolute;right:-12%;top:-10%;width:62%;height:130%;background:repeating-linear-gradient(135deg,rgba(255,255,255,.06) 0 2px,transparent 2px 14px);transform:skewX(-14deg)}
.login-art>*{position:relative;z-index:1}
.login-art img{width:230px}
.login-art h1{font-size:44px;line-height:1.05;font-weight:900;max-width:440px;letter-spacing:-.02em}
.login-art h1 em{font-style:normal;color:#FFD0D8}
.login-art p{max-width:400px;color:#F4D9DE;margin-top:16px}
.losangos{display:flex;gap:10px;margin-top:28px}
.losangos i{width:12px;height:12px;border:2px solid #fff;transform:rotate(45deg)}
.losangos i:first-child{background:#fff}
.login-form{display:flex;align-items:center;justify-content:center;padding:40px 24px;background:var(--surface)}
.login-box{width:100%;max-width:380px}
.login-box h2{font-size:26px;font-weight:800;letter-spacing:-.01em}
.login-box .sub{color:var(--ink-2);margin:6px 0 28px}
.field{display:block;margin-bottom:16px}
.field span{display:block;font:600 12px Montserrat;color:var(--ink-2);text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px}
.field input,.field textarea,.field select{width:100%;height:46px;border:1.5px solid var(--line-strong);background:#fff;padding:0 14px;font:15px 'Open Sans';color:var(--ink);outline:none;transition:border .15s}
.field textarea{height:auto;min-height:150px;padding:12px 14px;resize:vertical;line-height:1.55}
.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--red)}
.login-box .btn{width:100%;margin-top:8px;height:50px}
.login-hint{display:flex;gap:10px;margin-top:22px;padding:12px 14px;background:#FBF4F3;border-left:3px solid var(--red);font-size:13px;color:var(--ink-2)}

/* ================= APP ================= */
#app{display:none;min-height:100%;grid-template-columns:248px 1fr;transition:grid-template-columns .25s ease}
#app.on{display:grid}
.side{background:linear-gradient(180deg,var(--wine) 0%,var(--wine-deep) 100%);color:#fff;padding:26px 18px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}
.side .logo{width:170px;margin:0 6px 6px}
.side .coroa{display:none}
.side .tag{font:700 11px Montserrat;letter-spacing:.18em;text-transform:uppercase;color:#FF9AAD;margin:0 6px 30px}
.nav{display:flex;flex-direction:column;gap:4px}
.nav button{display:flex;align-items:center;gap:12px;padding:11px 14px;font:600 14px Montserrat;color:#F3D6DB;text-align:left;position:relative;transition:background .15s,color .15s}
.nav button svg{width:19px;height:19px;flex:none}
.nav button:hover{background:rgba(255,255,255,.07);color:#fff}
.nav button.on{background:var(--red);color:#fff;clip-path:polygon(0 0,100% 0,calc(100% - 10px) 100%,0 100%)}
.nav .count{margin-left:auto;font:700 11px Montserrat;background:rgba(255,255,255,.16);padding:1px 8px}
.side .me{margin-top:auto;display:flex;align-items:center;gap:10px;padding:12px;background:rgba(0,0,0,.18)}
.av{width:34px;height:34px;display:grid;place-items:center;font:800 13px Montserrat;background:#fff;color:var(--wine);flex:none;overflow:hidden;cursor:pointer}
.av img{width:100%;height:100%;object-fit:cover}
.av:hover{outline:2px solid #FF9AAD;outline-offset:2px}
.recolher{position:absolute;top:14px;right:10px;width:28px;height:28px;display:grid;place-items:center;color:#F3D6DB;opacity:.7;transition:opacity .15s,background .15s}
.recolher:hover{opacity:1;background:rgba(255,255,255,.08)}
.recolher svg{width:18px;height:18px;transition:transform .2s}
@media (min-width:821px){
  #app.mini{grid-template-columns:76px 1fr}
  #app.mini .side{padding:56px 10px 18px}
  #app.mini .recolher{right:24px}
  #app.mini .recolher svg{transform:rotate(180deg)}
  #app.mini .side .logo{display:none}
  #app.mini .side .coroa{display:block;width:36px;height:30px;margin:0 auto 26px}
  #app.mini .side .tag,#app.mini .nav .count,#app.mini .me>div,#app.mini .me .sair{display:none}
  #app.mini .nav button{font-size:0;justify-content:center;padding:12px 0}
  #app.mini .nav button.on{clip-path:none}
  #app.mini .me{padding:8px;justify-content:center}
}
.me>div{min-width:0;flex:1}
.me small{display:block;color:#E6B9C1;font-size:11.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.me b{font:700 13px Montserrat}

main{min-width:0}
.top{position:relative;background:var(--surface);border-bottom:1px solid var(--line);padding:22px 36px 20px;display:flex;align-items:flex-end;gap:20px;overflow:hidden}
.top::after{content:"";position:absolute;right:0;top:0;width:180px;height:100%;background:var(--red);clip-path:polygon(60% 0,100% 0,100% 100%,20% 100%)}
.top::before{content:"";position:absolute;right:150px;top:0;width:60px;height:100%;background:var(--wine);clip-path:polygon(70% 0,100% 0,40% 100%,10% 100%)}
.top h2{font-size:26px;font-weight:800;letter-spacing:-.015em}
.top .crumb{font:700 11px Montserrat;color:var(--red);letter-spacing:.14em;text-transform:uppercase;margin-bottom:2px}
.top .acts{margin-left:auto;margin-right:200px;display:flex;gap:10px;align-items:center}
.seg{display:inline-flex;background:#F3ECEB;padding:3px}
.seg button{padding:7px 14px;font:600 13px Montserrat;color:var(--ink-2)}
.seg button.on{background:#fff;color:var(--wine);box-shadow:0 1px 3px rgba(0,0,0,.08)}
.page{display:none;padding:28px 36px 60px}
.page.on{display:block}

/* ---------- painel ---------- */
.hero{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:18px;margin-bottom:18px}
.card{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow)}
.hero-main{position:relative;overflow:hidden;background:linear-gradient(135deg,var(--wine) 0%,var(--wine-deep) 100%);color:#fff;padding:24px 26px;border:0}
.hero-main::after{content:"";position:absolute;right:-40px;bottom:-60px;width:220px;height:220px;border:28px solid rgba(253,9,53,.55);transform:rotate(45deg)}
.lbl{font:700 11.5px Montserrat;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3)}
.hero-main .lbl{color:#F1B5C0}
.big{font:800 54px/1 Montserrat;letter-spacing:-.03em;margin:10px 0 8px}
.hero-main .note{font-size:12.5px;color:#EFC9D0;max-width:330px;position:relative;z-index:1}
.chip{display:inline-flex;align-items:center;gap:4px;font:700 12px Montserrat;padding:2px 8px}
.chip.up{background:var(--good-bg);color:var(--good)}
.chip.down{background:var(--bad-bg);color:var(--bad)}
.chip.flat{background:#F1ECEB;color:var(--ink-2)}
.hero-main .chip.down{background:rgba(255,255,255,.14);color:#fff}
.mix{display:flex;height:10px;margin:16px 0 10px;gap:2px;position:relative;z-index:1}
.mix span{display:block;height:100%}
.mix-leg{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:12px;color:#F4D9DE;position:relative;z-index:1}
.mix-leg i{display:inline-block;width:8px;height:8px;margin-right:5px;vertical-align:1px}
.stat{padding:22px 24px}
.stat .big{font-size:38px;color:var(--ink)}
.stat .sub{font-size:13px;color:var(--ink-2);margin-top:8px}
.stat .sub b{color:var(--ink)}
.split{display:flex;gap:18px;margin-top:14px;padding-top:14px;border-top:1px dashed var(--line-strong)}
.split div{flex:1}
.split .v{font:800 19px Montserrat}
.split small{display:block;font-size:12px;color:var(--ink-3)}

.sec-title{display:flex;align-items:center;margin:30px 0 14px}
.sec-title h3{font-size:17px;font-weight:800;letter-spacing:-.01em}
.sec-title .aside{margin-left:auto;font-size:12.5px;color:var(--ink-3)}

.nets{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.net{padding:18px 20px;position:relative}
.net-h{display:flex;align-items:center;gap:10px;margin-bottom:14px}
.net-h .ic{width:32px;height:32px;display:grid;place-items:center;color:#fff;flex:none}
.net-h .ic svg{width:17px;height:17px}
.net-h b{font:800 14.5px Montserrat}
.net-h small{display:block;color:var(--ink-3);font-size:12px;margin-top:-2px}
.net-h .src{margin-left:auto;font:600 10.5px Montserrat;letter-spacing:.06em;text-transform:uppercase;color:var(--good);display:flex;align-items:center;gap:5px}
.net-h .src::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--good)}
.net-h .src.off{color:var(--ink-3)}
.net-h .src.off::before{background:var(--ink-3)}
.net-big{display:flex;align-items:baseline;gap:10px}
.net-big .v{font:800 30px Montserrat;letter-spacing:-.02em}
.net-big small{color:var(--ink-3);font-size:12.5px}
.rows{margin-top:12px;display:grid;gap:7px}
.rows div{display:flex;align-items:center;font-size:13px;color:var(--ink-2)}
.rows div b{margin-left:auto;margin-right:8px;color:var(--ink);font:700 13.5px 'Open Sans'}
.rows .chip{min-width:58px;justify-content:center}
.net.pend{background:repeating-linear-gradient(135deg,#FBF8F7 0 10px,#F7F2F1 10px 20px)}
.pend-msg{margin-top:12px;font-size:12.5px;color:var(--ink-2);padding:9px 11px;background:#fff;border:1px dashed var(--line-strong)}

.grid2{display:grid;grid-template-columns:1.5fr 1fr;gap:16px}
.chart-card{padding:20px 22px 16px}
.chart-card h4{font-size:15px;font-weight:800}
.chart-card .desc{font-size:12.5px;color:var(--ink-3);margin:2px 0 10px}
.legend{display:flex;gap:16px;font-size:12.5px;color:var(--ink-2);margin-bottom:6px}
.legend i{display:inline-block;width:10px;height:10px;margin-right:6px;vertical-align:-1px}
svg.chart{width:100%;height:auto;display:block;overflow:visible}
svg.chart .bar{transition:opacity .15s}
svg.chart .hit{fill:transparent;cursor:default}
svg.chart text{font-family:'Open Sans';fill:var(--ink-3);font-size:11px}
svg.chart text.val{fill:var(--ink);font-weight:700;font-size:11.5px}
svg.chart text.cat{fill:var(--ink-2);font-size:12px}
svg.chart line.grid{stroke:var(--line);stroke-width:1}
svg.chart line.base{stroke:var(--line-strong);stroke-width:1}
details.tbl{margin-top:8px;font-size:12.5px;color:var(--ink-2)}
details.tbl summary{cursor:pointer;font:600 12px Montserrat;color:var(--wine)}
details.tbl table{width:100%;border-collapse:collapse;margin-top:8px}
details.tbl td,details.tbl th{padding:5px 6px;border-bottom:1px solid var(--line);text-align:left}
details.tbl td.n,details.tbl th.n{text-align:right}

.insights{display:grid;gap:10px}
.ins{display:flex;gap:12px;padding:14px 16px;background:var(--surface);border:1px solid var(--line);border-left:3px solid var(--red)}
.ins .dia{margin-top:7px}
.ins b{font-family:Montserrat;font-size:13.5px}
.ins p{font-size:13px;color:var(--ink-2);margin-top:2px}
.ins .go{margin-left:auto;align-self:center;font:700 12px Montserrat;color:var(--red);white-space:nowrap}

.tops{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.top-post{display:flex;gap:14px;padding:14px}
.thumb{width:84px;height:104px;flex:none;position:relative;overflow:hidden;display:flex;align-items:flex-end;padding:8px;color:#fff;font:800 10.5px/1.15 Montserrat}
.thumb::before{content:"";position:absolute;inset:0;background:linear-gradient(160deg,var(--red),var(--wine-deep))}
.thumb.b::before{background:linear-gradient(160deg,#9B1B30,#2D0A10)}
.thumb.c::before{background:linear-gradient(160deg,var(--brown),var(--wine-deep))}
.thumb span{position:relative}
.thumb .pl{position:absolute;top:8px;right:8px;width:18px;height:18px}
.rank{font:900 13px Montserrat;color:var(--red)}
.top-post h5{font:700 13.5px/1.3 Montserrat;margin:2px 0 8px}
.top-post .m{display:flex;gap:14px;font-size:12px;color:var(--ink-3)}
.top-post .m b{display:block;font:800 16px Montserrat;color:var(--ink)}

/* ---------- quadro ---------- */
.board-tools{display:flex;gap:10px;align-items:center;margin-bottom:18px;flex-wrap:wrap}
.search{height:38px;border:1.5px solid var(--line-strong);background:#fff;padding:0 12px;width:240px;font:14px 'Open Sans';outline:none}
.search:focus{border-color:var(--red)}
.filters{display:flex;gap:6px;flex-wrap:wrap}
.fbtn{height:32px;padding:0 12px;border:1.5px solid var(--line-strong);background:#fff;font:600 12.5px Montserrat;color:var(--ink-2)}
.fbtn.on{border-color:var(--wine);background:var(--wine);color:#fff}
.board{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(232px,1fr);gap:14px;overflow-x:auto;padding-bottom:14px;align-items:start}
.col{background:#EFE8E6;min-height:420px;display:flex;flex-direction:column}
.col-h{display:flex;align-items:center;gap:8px;padding:12px 12px 10px;font:800 12px Montserrat;letter-spacing:.08em;text-transform:uppercase}
.col-h .n{margin-left:auto;font:700 11px Montserrat;background:#fff;color:var(--ink-2);padding:1px 7px}
.col-h .step{width:20px;height:20px;display:grid;place-items:center;background:var(--wine);color:#fff;font-size:10.5px;letter-spacing:0;clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}
.col.done .col-h .step{background:var(--good)}
.col-b{padding:0 10px 10px;display:flex;flex-direction:column;gap:9px;flex:1;transition:background .15s}
.col-b.over{background:rgba(253,9,53,.08);outline:2px dashed var(--red);outline-offset:-4px}
.kc{background:#fff;padding:12px 12px 10px;border:1px solid var(--line);box-shadow:0 1px 2px rgba(0,0,0,.04);cursor:grab;transition:transform .12s,box-shadow .12s;position:relative}
.kc:hover{transform:translateY(-2px);box-shadow:var(--shadow)}
.kc.drag{opacity:.4}
.kc .fmt{display:inline-block;font:800 10px Montserrat;letter-spacing:.08em;text-transform:uppercase;padding:2px 7px;margin-bottom:7px}
.fmt.reels{background:#FFE3E8;color:var(--red-deep)}
.fmt.post{background:#F1E9E8;color:var(--wine)}
.fmt.carrossel{background:#F5EDE0;color:#8A5A12}
.fmt.podcast{background:#2B1A1C;color:#fff}
.fmt.email{background:#E6EEF6;color:#2C5378}
.kc h5{font:700 13.5px/1.35 Montserrat}
.kc .meta{display:flex;align-items:center;gap:8px;margin-top:10px;font-size:11.5px;color:var(--ink-3)}
.kc .nets-mini{display:flex;gap:3px}
.kc .nets-mini{gap:4px}
.kc .nets-mini i{width:16px;height:16px;display:grid;place-items:center;color:#fff;font:800 8px Montserrat;font-style:normal}
.kc .who{margin-left:auto;width:24px;height:24px;display:grid;place-items:center;font:800 10px Montserrat;color:#fff;background:var(--wine)}
.kc .who.lf{background:#B5577A}
.kc .res{margin-top:9px;padding-top:8px;border-top:1px dashed var(--line);display:flex;gap:12px;font-size:11.5px;color:var(--ink-2)}
.kc .res b{color:var(--ink)}
.kc .alert{position:absolute;top:10px;right:10px;font:700 10px Montserrat;color:var(--bad)}

/* ---------- gaveta ---------- */
.veil{position:fixed;inset:0;background:rgba(36,10,15,.35);opacity:0;pointer-events:none;transition:opacity .2s;z-index:30}
.veil.on{opacity:1;pointer-events:auto}
.drawer{position:fixed;top:0;right:0;height:100%;width:min(480px,100%);background:#fff;z-index:31;transform:translateX(100%);transition:transform .25s ease;display:flex;flex-direction:column;box-shadow:-10px 0 40px rgba(40,5,10,.18)}
.drawer.on{transform:none}
.dr-h{padding:22px 26px 18px;background:linear-gradient(135deg,var(--wine),var(--wine-deep));color:#fff;position:relative}
.dr-h h3{font-size:20px;font-weight:800;margin-top:6px;padding-right:30px}
.dr-h .x{position:absolute;right:16px;top:14px;font-size:24px;color:#fff;opacity:.8}
.dr-h .fmt{font:800 10px Montserrat;letter-spacing:.08em;text-transform:uppercase;padding:2px 7px;background:var(--red);color:#fff}
.dr-b{padding:22px 26px;overflow:auto;flex:1}
.kv{display:grid;grid-template-columns:110px 1fr;gap:8px 12px;font-size:13.5px;margin-bottom:20px}
.kv span{color:var(--ink-3)}
.dr-b h6{font:800 11.5px Montserrat;letter-spacing:.08em;text-transform:uppercase;color:var(--wine);margin:18px 0 8px}
.cap{background:#FBF7F6;border:1px solid var(--line);padding:12px 14px;font-size:13.5px;white-space:pre-line}
.cap .cut{background:#FFE3E8}
.checks label{display:flex;gap:10px;align-items:center;font-size:13.5px;padding:6px 0;cursor:pointer}
.checks input{accent-color:var(--red);width:16px;height:16px}
.dr-f{padding:16px 26px;border-top:1px solid var(--line);display:flex;gap:10px}

/* ---------- calendário ---------- */
.cal-wrap{display:grid;grid-template-columns:1fr 290px;gap:18px}
.cal{background:#fff;border:1px solid var(--line);box-shadow:var(--shadow)}
.cal-h{display:grid;grid-template-columns:repeat(7,1fr);background:var(--wine);color:#fff;font:700 11px Montserrat;letter-spacing:.1em;text-transform:uppercase}
.cal-h div{padding:10px 12px}
.cal-g{display:grid;grid-template-columns:repeat(7,1fr)}
.cd{min-height:112px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:8px;font-size:12px;position:relative}
.cd:nth-child(7n){border-right:0}
.cd .d{font:700 12.5px Montserrat;color:var(--ink-2)}
.cd.out .d{color:#CFC6C5}
.cd.today{background:#FFF5F7}
.cd.today .d{background:var(--red);color:#fff;padding:1px 7px}
.ev{display:block;margin-top:5px;padding:4px 6px;font:600 11px/1.25 'Open Sans';border-left:3px solid var(--red);background:#FFF0F3;color:var(--ink);cursor:pointer;width:100%;text-align:left}
.ev.post{border-color:var(--wine);background:#F6EEEE}
.ev.carrossel{border-color:#C08A2B;background:#FBF4E8}
.ev.podcast{border-color:#2B1A1C;background:#EFEBEA}
.ev small{display:block;color:var(--ink-3);font-weight:500}
.side-card{padding:18px 20px}
.side-card h4{font-size:14.5px;font-weight:800;margin-bottom:12px}
.mbar{display:flex;align-items:center;gap:10px;font-size:13px;margin-bottom:9px}
.mbar span{width:74px;color:var(--ink-2)}
.mbar .tr{flex:1;height:8px;background:#F1EAE9}
.mbar .tr i{display:block;height:100%;background:var(--wine)}
.mbar b{width:22px;text-align:right}
.gap-alert{margin-top:14px;padding:11px 12px;background:#FFF5F7;border-left:3px solid var(--red);font-size:12.5px;color:var(--ink-2)}

/* ---------- postar ---------- */
.composer{display:grid;grid-template-columns:1fr 360px;gap:22px;align-items:start}
.comp-card{padding:24px 26px}
.net-pick{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}
.np{display:flex;align-items:center;gap:8px;height:40px;padding:0 14px 0 6px;border:1.5px solid var(--line-strong);background:#fff;font:600 13px Montserrat;color:var(--ink-2)}
.np .ic{width:28px;height:28px;display:grid;place-items:center;color:#fff}
.np .ic svg{width:15px;height:15px}
.np.on{border-color:var(--wine);color:var(--wine);background:#FBF4F3}
.np.on::after{content:"✓";font-weight:800;color:var(--red)}
.np.lock{opacity:.55;cursor:not-allowed}
.np.lock small{font:600 10px Montserrat;color:var(--ink-3)}
.drop{border:2px dashed var(--line-strong);padding:22px;text-align:center;color:var(--ink-3);font-size:13px;margin-bottom:18px;background:#FDFBFA}
.drop b{color:var(--wine);font-family:Montserrat}
.counter{display:flex;justify-content:space-between;font-size:12px;color:var(--ink-3);margin-top:-10px;margin-bottom:16px}
.counter .warn{color:var(--bad);font-weight:700}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.phone{background:#141011;padding:12px;border-radius:34px;box-shadow:0 20px 50px rgba(40,5,10,.25);position:sticky;top:20px}
.screen{background:#fff;border-radius:24px;overflow:hidden}
.ig-h{display:flex;align-items:center;gap:9px;padding:12px 12px 10px}
.ig-av{width:32px;height:32px;border-radius:50%;padding:2px;background:linear-gradient(45deg,#F9A825,#E91E63,#8E24AA)}
.ig-av div{width:100%;height:100%;border-radius:50%;background:#fff;display:grid;place-items:center}
.ig-av img{width:22px}
.ig-h b{font:700 12.5px 'Open Sans'}
.ig-h small{display:block;font-size:10.5px;color:#888;margin-top:-2px}
.ig-img{aspect-ratio:4/5;background:linear-gradient(160deg,var(--red),var(--wine-deep));position:relative;display:flex;flex-direction:column;justify-content:flex-end;padding:22px;color:#fff;overflow:hidden}
.ig-img::before{content:"";position:absolute;right:-60px;top:-60px;width:200px;height:200px;border:26px solid rgba(255,255,255,.12);transform:rotate(45deg)}
.ig-img h4{font:900 24px/1.08 Montserrat;letter-spacing:-.02em;position:relative}
.ig-img p{font:600 12px Montserrat;color:#FFD0D8;margin-top:8px;position:relative}
.ig-img img{position:absolute;top:18px;left:20px;width:96px}
.ig-a{display:flex;gap:14px;padding:10px 12px 4px;font-size:18px}
.ig-c{padding:2px 12px 16px;font-size:12.5px;line-height:1.45}
.ig-c b{font-weight:700}
.ig-c .more{color:#8a8a8a}

/* ---------- modal ---------- */
.modal{position:fixed;inset:0;display:none;place-items:center;z-index:40;background:rgba(36,10,15,.45);padding:16px}
.modal.on{display:grid}
.modal-box{background:#fff;max-width:440px;width:100%;padding:28px;border-top:4px solid var(--red)}
.modal-box h3{font-size:19px;font-weight:800;margin-bottom:8px}
.modal-box p{color:var(--ink-2);font-size:14px;margin-bottom:6px}
.modal-box ul{list-style:none;margin:14px 0 20px;display:grid;gap:6px;font-size:13.5px}
.modal-box li{display:flex;align-items:center}
.modal-box .acts{display:flex;gap:10px;justify-content:flex-end}

/* ---------- tooltip ---------- */
#tip{position:fixed;z-index:60;pointer-events:none;background:var(--ink);color:#fff;padding:8px 11px;font-size:12px;line-height:1.4;max-width:260px;opacity:0;transition:opacity .1s;box-shadow:0 6px 20px rgba(0,0,0,.2)}
#tip b{font-family:Montserrat}

/* ---------- biblioteca ---------- */
.lib{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px}
.lib .card{padding:18px}
.lib h4{font-size:14.5px;font-weight:800;display:flex;align-items:center}
.lib p{font-size:13px;color:var(--ink-2);margin-top:6px}
.lib .from{font:600 11px Montserrat;color:var(--ink-3);margin-top:10px;letter-spacing:.03em}

/* ---------- celular ---------- */
@media (max-width:1100px){
  .hero{grid-template-columns:1fr 1fr}.hero-main{grid-column:1/-1}
  .nets,.tops{grid-template-columns:1fr 1fr}
  .grid2,.cal-wrap,.composer{grid-template-columns:1fr}
  .phone{position:static;max-width:360px;margin:0 auto}
}
@media (max-width:820px){
  #login{grid-template-columns:1fr}.login-art{padding:32px 24px;min-height:300px}.login-art h1{font-size:32px}
  #app.on{grid-template-columns:1fr}
  .side{position:fixed;bottom:0;top:auto;left:0;right:0;height:auto;flex-direction:row;padding:6px;z-index:20}
  .side .logo,.side .coroa,.side .tag,.side .me,.recolher{display:none}
  .nav{flex-direction:row;width:100%;justify-content:space-around;gap:0}
  .nav button{flex-direction:column;gap:3px;font-size:8.6px;padding:7px 0;flex:1;min-width:0;letter-spacing:-.03em}
  .nav button.on{clip-path:none}
  .nav .count{display:none}
  .top{padding:18px 16px}.top::before,.top::after{display:none}.top .acts{margin-right:0}
  .top h2{font-size:21px}
  .top{flex-wrap:wrap}
  .page{padding:18px 16px 110px}
  .hero,.nets,.tops{grid-template-columns:1fr}
  .row2{grid-template-columns:1fr}
  .cd{min-height:70px;padding:4px}.ev small{display:none}.ev{font-size:10px;padding:2px 3px}
  .cal-h div{padding:8px 4px;font-size:9.5px;letter-spacing:.02em}
  .search{width:100%}
}

/* ================= versão de verdade ================= */
[hidden]{display:none!important}
.err{color:var(--bad);font-size:13px;margin-top:10px;min-height:18px}
.vazio{padding:40px;text-align:center;color:var(--ink-3);font-size:14px}
.toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%) translateY(20px);background:var(--ink);color:#fff;padding:10px 18px;font:600 13px Montserrat;opacity:0;transition:.2s;z-index:70;pointer-events:none}
.toast.on{opacity:1;transform:translateX(-50%)}
.toast.bad{background:var(--bad)}
.me{cursor:default}
.me .sair{margin-left:auto;color:#F3D6DB;font:600 11px Montserrat;text-decoration:underline}
.fmt.video{background:#FFE9E0;color:#B23A12}
.fmt.stories{background:#F3E8FA;color:#6B2C91}
.fmt.anuncio{background:#E7F5EC;color:#1E6B40}
.ev.video,.ev.reels{border-color:var(--red)}
.ev.stories{border-color:#8E44AD;background:#F7F0FB}
.ev.anuncio{border-color:#1E8E4E;background:#EEF8F2}
.kc .late{color:var(--bad);font-weight:700}
.col-b .add{border:1.5px dashed var(--line-strong);background:transparent;padding:8px;font:600 12px Montserrat;color:var(--ink-3)}
.col-b .add:hover{border-color:var(--red);color:var(--red)}
.board-tools select{height:32px;border:1.5px solid var(--line-strong);background:#fff;font:600 12.5px Montserrat;color:var(--ink-2);padding:0 8px}
/* gaveta com formulário */
.dr-h input{width:100%;background:transparent;border:0;border-bottom:1.5px solid rgba(255,255,255,.3);color:#fff;font:800 20px Montserrat;padding:4px 0;outline:none;margin-top:6px}
.dr-h input::placeholder{color:#E6B9C1}
.dr-h input:focus{border-color:#fff}
.dr-b .field{margin-bottom:12px}
.dr-b .field input,.dr-b .field select{height:40px;font-size:14px}
.dr-b .field textarea{min-height:110px;font-size:13.5px}
.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.chips{display:flex;flex-wrap:wrap;gap:6px}
.chips label{display:flex;align-items:center;gap:6px;height:32px;padding:0 10px;border:1.5px solid var(--line-strong);font:600 12.5px Montserrat;color:var(--ink-2);cursor:pointer;user-select:none}
.chips input{display:none}
.chips label.on{border-color:var(--wine);background:#FBF4F3;color:var(--wine)}
.dr-f .btn.del{margin-left:auto;background:transparent;color:var(--bad);clip-path:none;padding:0 6px}
.hist{font-size:12px;color:var(--ink-3);display:grid;gap:4px}
.hist b{color:var(--ink-2)}
.cap-hint{font-size:11.5px;color:var(--ink-3);margin:-6px 0 12px}
.cap-hint .warn{color:var(--bad);font-weight:700}
a.trello{font:600 12px Montserrat;color:var(--wine)}
/* calendário */
.cal-nav{display:flex;align-items:center;gap:8px}
.cal-nav button{width:34px;height:34px;border:1.5px solid var(--line-strong);background:#fff;font:800 16px Montserrat;color:var(--wine)}
.cd .mais{font-size:10.5px;color:var(--ink-3);margin-top:3px}
.sem-data{display:grid;gap:6px;max-height:260px;overflow:auto}
/* equipe */
.tbl-eq{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--line)}
.tbl-eq th,.tbl-eq td{padding:11px 14px;text-align:left;border-bottom:1px solid var(--line);font-size:14px}
.tbl-eq th{font:700 11px Montserrat;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);background:#FBF8F7}
.tbl-eq .off{color:var(--ink-3);text-decoration:line-through}
.form-eq{display:grid;grid-template-columns:1fr 1.4fr 150px auto;gap:10px;align-items:end;margin-bottom:18px}
.form-eq .field{margin:0}
.lnk{font:600 12.5px Montserrat;color:var(--wine);text-decoration:underline}
.aviso{padding:12px 14px;background:#FFF8E6;border-left:3px solid #C08A2B;font-size:13px;color:var(--ink-2);margin-bottom:16px}
@media (max-width:820px){.form-eq,.grid-2{grid-template-columns:1fr}}

/* login em dois passos */
.login-alt{display:block;margin:18px auto 0;font-size:13px}
.check{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--ink-2);margin:4px 0 10px;cursor:pointer}
.cod-in{font-family:var(--mono,monospace);font-size:24px!important;letter-spacing:.4em;text-align:center}
.tbl-eq .pend{color:var(--ink-3);font-size:12px}
.fmt.newsletter{background:#E8F0EA;color:#2F5E3A}
.fmt.acao{background:#FFF1D6;color:#8A5A12}
.kc .camp{display:inline-block;font:700 10.5px Montserrat;color:var(--wine);border:1px solid var(--pink, #F6CBD3);padding:1px 6px;margin:-2px 0 6px}
#lib-dyn .sec-title{margin-top:26px}
.lib h4 a{color:inherit;text-decoration:underline;text-decoration-color:var(--red);text-underline-offset:3px}
.lib .off{opacity:.6}
.lib .desat{font:600 10.5px Montserrat;color:var(--ink-3);margin-left:6px}
.lib-t{font-size:13px;color:var(--ink-2);margin-top:6px;white-space:pre-wrap;overflow-wrap:anywhere}
.lib details summary{font-size:13px;color:var(--ink-2);margin-top:6px;cursor:pointer;white-space:pre-wrap;overflow-wrap:anywhere}
.lib details[open] summary{display:none}
.lib-vazio{font-size:13px;color:var(--ink-3);margin-top:18px}
/* revisor */
.rev{margin-top:18px;padding:14px;background:#FBF6F6;border:1px solid #EFE3E3}
.rev-h{font-size:12px;color:var(--ink-3);margin-left:10px}
.rev-v{display:inline-block;margin-top:12px;font:800 11px Montserrat;letter-spacing:.08em;text-transform:uppercase;padding:3px 9px}
.rev-v small{font-weight:600;text-transform:none;letter-spacing:0}
.rev-v.ok{background:#E7F5EC;color:#1E6B40}.rev-v.aj{background:#FFF1D6;color:#8A5A12}.rev-v.rf{background:#FFE3E8;color:var(--red-deep)}
.rev-res{font-size:13.5px;margin:8px 0 4px;color:var(--ink)}
.rev-a{background:#fff;border-left:3px solid #E9D9A8;padding:9px 11px;margin-top:8px;font-size:13px}
.rev-a.ob{border-left-color:var(--red)}
.rev-a-h{display:flex;gap:8px;align-items:center;font:700 11px Montserrat;color:var(--ink-2);text-transform:uppercase;letter-spacing:.05em}
.rev-a-h i{font-style:normal;color:var(--red);font-weight:800}.rev-a-h i.s{color:#8A5A12}
.rev-a q{display:block;margin:5px 0;color:var(--ink);font-style:italic;overflow-wrap:anywhere}
.rev-a p{margin:2px 0;color:var(--ink-2)}.rev-a small{color:var(--ink-3)}
.rev-disc{margin-top:6px;display:flex;gap:6px}
.rev-in{flex:1;font:inherit;font-size:13px;padding:6px 8px;border:1px solid #DDD0D0}
.rev-sug{margin-top:12px;background:#fff;padding:10px 12px;border:1px dashed #D9C3C3;font-size:13px}
.rev-txt{white-space:pre-wrap;margin:6px 0 10px;color:var(--ink);max-height:220px;overflow:auto;overflow-wrap:anywhere}
.rev-util{margin-top:12px;font-size:12.5px;color:var(--ink-2)}
.rev-err{margin-top:10px;font-size:13px;color:var(--red-deep)}
.rev-ok{color:#1E6B40}
.lnk-btn{background:none;border:0;padding:0;font:600 12.5px Montserrat;color:var(--wine);text-decoration:underline;cursor:pointer}
.regras ol{margin:0;padding-left:20px;font-size:13.5px;color:var(--ink)}
.regras li{padding:6px 0;border-bottom:1px solid #F1E9E8}
.regras li.off .rt{color:var(--ink-3);text-decoration:line-through}
.regras .ra,.disc .ra{margin-left:8px;white-space:nowrap}
.regra-f{display:flex;gap:8px;margin-top:12px}
.regra-f input[name=texto]{flex:1;font:inherit;font-size:13.5px;padding:8px 10px;border:1px solid #DDD0D0}
.disc p{font-size:13.5px}.disc small{display:block;color:var(--ink-3);margin-top:6px}.disc .ra{display:block;margin:10px 0 0}
#lib-regras .card.regras{padding:18px;margin-top:4px}

/* ---------- banco de imagens ---------- */
.bk-tools{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:12px}
.bk-q{flex:1;min-width:220px;height:44px;border:1.5px solid var(--line-strong);background:#fff;padding:0 14px;font:15px 'Open Sans';outline:none}
.bk-q:focus{border-color:var(--red)}
.bk-tipo{display:flex;gap:6px}
.bk-pastas{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-bottom:12px}
.bk-pastas small{opacity:.65;margin-left:2px}
.bk-raiz{font:700 10.5px Montserrat;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);margin:0 4px 0 10px}
.bk-info{display:flex;flex-wrap:wrap;gap:6px 16px;align-items:center;font-size:13px;color:var(--ink-2);margin-bottom:14px}
.bk-info .aviso{margin:0;flex:1}
.bk-quando{color:var(--ink-3)}
.bk-erro{color:var(--red-deep);font-weight:600}
.bk-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
.bk-it{position:relative;aspect-ratio:4/5;background:#EFE7E6;overflow:hidden;padding:0;border:0;cursor:pointer}
.bk-it img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .25s}
.bk-it img.sem{opacity:0}
.bk-it:hover img{transform:scale(1.04)}
.bk-it:focus-visible{outline:3px solid var(--red);outline-offset:2px}
.bk-vid{position:absolute;left:6px;bottom:6px;background:rgba(36,10,15,.78);color:#fff;font:700 11px Montserrat;padding:2px 7px}
.bk-av{position:absolute;right:6px;top:6px;width:22px;height:22px;display:grid;place-items:center;background:#C08A2B;color:#fff;font:800 13px Montserrat}
.bk-vazio{color:var(--ink-3);font-size:14px;grid-column:1/-1;padding:24px 0}
.bk-mais{display:flex;justify-content:center;margin-top:18px}
.bk-ov{position:fixed;inset:0;z-index:45;background:rgba(36,10,15,.6);display:grid;place-items:center;padding:16px}
.bk-ver{position:relative;background:#fff;width:min(1000px,100%);max-height:calc(100vh - 32px);display:grid;grid-template-columns:minmax(0,1.5fr) minmax(260px,1fr);border-top:4px solid var(--red)}
.bk-img{background:#1E1214;display:grid;place-items:center;min-height:320px;max-height:calc(100vh - 36px)}
.bk-img img{max-width:100%;max-height:calc(100vh - 36px);object-fit:contain;display:block}
.bk-dados{padding:26px 24px;overflow:auto}
.bk-dados h3{font-size:17px;font-weight:800;word-break:break-all;margin-right:28px}
.bk-onde{font-size:12.5px;color:var(--ink-3);margin:4px 0 14px}
.bk-dados dl{display:grid;grid-template-columns:auto 1fr;gap:6px 12px;font-size:13px;margin-bottom:18px}
.bk-dados dt{font:700 11px Montserrat;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);padding-top:2px}
.bk-acts{display:flex;flex-wrap:wrap;gap:8px}
.bk-nota{font-size:12.5px;color:var(--ink-3);margin-top:10px}
.bk-x{position:absolute;right:10px;top:8px;width:32px;height:32px;font:400 26px/1 'Open Sans';color:var(--ink-2);background:none;border:0;cursor:pointer;z-index:1}
.bk-janela{background:var(--bg);width:min(1100px,100%);height:calc(100vh - 32px);display:flex;flex-direction:column;border-top:4px solid var(--red)}
.bk-topo{position:relative;display:flex;align-items:center;padding:16px 22px;background:#fff;border-bottom:1px solid var(--line)}
.bk-topo h3{font-size:18px;font-weight:800}
.bk-corpo{flex:1;overflow:auto;padding:18px 22px}
.arq-l{display:flex;gap:10px;align-items:center}
.arq-l input{flex:1}
.arq-l .lnk-btn{white-space:nowrap}
@media (max-width:820px){
  .bk-ver{grid-template-columns:1fr;overflow:auto}
  .bk-img{min-height:220px;max-height:55vh}.bk-img img{max-height:55vh}
  .bk-grid{grid-template-columns:repeat(auto-fill,minmax(105px,1fr));gap:6px}
  .bk-janela{height:calc(100vh - 32px)}
}

/* ---------- cartão aberto no centro (computador) ---------- */
@media (min-width:821px){
  .veil{background:rgba(36,10,15,.5)}
  .drawer{top:50%;left:50%;right:auto;width:min(860px,calc(100% - 48px));height:min(900px,calc(100vh - 48px));
    transform:translate(-50%,-47%);opacity:0;visibility:hidden;pointer-events:none;transition:transform .22s ease,opacity .18s ease,visibility 0s linear .22s;box-shadow:0 24px 70px rgba(40,5,10,.35)}
  .drawer.on{transform:translate(-50%,-50%);opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s}
  .dr-h{padding:24px 34px 20px}
  .dr-b{padding:24px 34px}
  .dr-f{padding:16px 34px}
}

/* ---------- redes: mês a mês ---------- */
.rd-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}
.rd-tab{display:flex;align-items:center;gap:8px;padding:6px 14px 6px 6px;background:#fff;border:1px solid var(--line);font:700 13px Montserrat;color:var(--ink-2)}
.rd-tab .ic{width:26px;height:26px;display:grid;place-items:center;flex:none}
.rd-tab .ic svg{width:14px;height:14px}
.rd-tab:hover{border-color:var(--line-strong)}
.rd-tab.on{border-color:var(--wine);color:var(--wine);box-shadow:inset 0 -3px 0 var(--red)}
.rd-top{display:grid;grid-template-columns:300px 1fr;gap:16px}
.rd-res{padding:20px 22px}
.rd-res .net-h{margin-bottom:18px}
.rd-res .net-h .ic{width:32px;height:32px;display:grid;place-items:center;flex:none}
.rd-res .net-h .ic svg{width:17px;height:17px}
.rd-res .big{margin:4px 0 8px}
.rd-res .note{font-size:12.5px;color:var(--ink-2);margin-top:14px;padding-top:12px;border-top:1px dashed var(--line-strong)}
svg.chart .rd-linha{fill:none;stroke:var(--red);stroke-width:2.5;stroke-linejoin:round}
svg.chart .rd-ponto{fill:#fff;stroke:var(--red);stroke-width:2.5}
.rd-tbl-box{overflow-x:auto}
.rd-tbl{width:100%;border-collapse:collapse;font-size:13.5px}
.rd-tbl th{font:700 11px Montserrat;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);padding:12px 16px;text-align:left;border-bottom:1px solid var(--line);white-space:nowrap}
.rd-tbl td{padding:10px 16px;border-bottom:1px solid var(--line);white-space:nowrap}
.rd-tbl .n{text-align:right}
.rd-tbl tbody tr{cursor:pointer}
.rd-tbl tbody tr:hover{background:#FBF7F6}
.rd-tbl tbody tr.on{background:#FBF1F2;box-shadow:inset 3px 0 0 var(--red)}
.rd-tbl tbody tr.on td:first-child{font-weight:700;color:var(--wine)}
.rd-tbl tbody tr:focus-visible{outline:2px solid var(--red);outline-offset:-2px}
.rd-dest{padding:4px 0}
.rd-d{display:flex;align-items:center;gap:14px;padding:12px 20px;border-bottom:1px solid var(--line);color:inherit;text-decoration:none}
.rd-d:last-child{border-bottom:0}
a.rd-d:hover{background:#FBF7F6}
.rd-d .rk{font:800 15px Montserrat;color:var(--red);width:18px;flex:none}
.rd-d b{display:block;font-size:14px}
.rd-d small{display:block;color:var(--ink-3);font-size:12px}
.rd-d .rd-v{margin-left:auto;text-align:right;font:800 17px Montserrat;flex:none}
.rd-d .rd-v small{font:400 11.5px 'Open Sans'}
@media (max-width:820px){
  .rd-top{grid-template-columns:1fr}
  .rd-tab{padding-right:10px}
  .rd-tab span{font-size:12px}
  .rd-d{padding:12px 14px}
  .rd-d b{font-size:13px}
}

/* ---------- anexos do cartão ---------- */
.ax-n{display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 5px;margin-left:4px;background:var(--wine);color:#fff;font:800 10px Montserrat;letter-spacing:0;vertical-align:1px}
.ax-n:empty{display:none}
.ax{margin-bottom:14px}
.ax-lista{display:grid;gap:6px;margin-bottom:8px}
.ax-vazio,.ax-salve{font-size:12.5px;color:var(--ink-3)}
.ax-it{display:flex;align-items:center;gap:10px;padding:6px 8px 6px 6px;border:1px solid var(--line);background:#fff}
.ax-th{position:relative;flex:none;width:52px;height:52px;display:grid;place-items:center;background:#F1E9E8;color:var(--wine);overflow:hidden}
.ax-th img{width:100%;height:100%;object-fit:cover;display:block}
.ax-th.sem img{display:none}
.ax-th.sem::after{content:"";width:22px;height:22px;background:currentColor;mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2"><rect x="3" y="4" width="18" height="16"/><circle cx="9" cy="10" r="2"/><path d="m21 17-5-5-9 8"/></svg>') center/contain no-repeat}
.ax-th.ic svg{width:22px;height:22px}
button.ax-th{cursor:zoom-in}
.ax-play{position:absolute;right:3px;bottom:3px;background:rgba(36,10,15,.75);color:#fff;font-size:9px;padding:1px 4px}
.ax-tx{flex:1;min-width:0;display:grid}
.ax-tx b{font:700 12.5px Montserrat;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ax-tx small{font-size:11.5px;color:var(--ink-3)}
.ax-ac{display:flex;align-items:center;gap:10px;flex:none}
.ax-x{width:28px;height:28px;font-size:18px;line-height:1;color:var(--ink-3)}
.ax-x:hover{color:var(--bad);background:var(--bad-bg)}
.ax-bar{display:block;height:4px;background:var(--line);margin-top:5px}
.ax-bar i{display:block;height:100%;width:0;background:var(--red);transition:width .2s}
.ax-drop{display:grid;justify-items:center;gap:2px;padding:16px 14px;border:1.5px dashed var(--line-strong);background:#FBF7F6;text-align:center;cursor:pointer;color:var(--ink-2);transition:border-color .15s,background .15s}
.ax-drop svg{width:24px;height:24px;color:var(--wine);margin-bottom:4px}
.ax-drop b{font:700 13px Montserrat;color:var(--ink)}
.ax-drop small{font-size:11.5px;color:var(--ink-3)}
.ax-drop:hover,.ax-drop:focus-visible{border-color:var(--wine);outline:none}
.ax-drop.over{border-color:var(--red);background:#FFF0F3}
.ax-link{display:flex;gap:8px;align-items:center;margin-top:8px}
.ax-link input{flex:1;min-width:0;height:36px;border:1.5px solid var(--line-strong);padding:0 10px;font:13px 'Open Sans';outline:none}
.ax-link input:focus{border-color:var(--wine)}
.ax-link .btn.sm{padding:0 16px;flex:none}
.ax-link .lnk-btn{white-space:nowrap}
.ax-ov{position:fixed;inset:0;z-index:46;background:rgba(36,10,15,.78);display:grid;place-items:center;padding:16px}
.ax-ver{background:#fff;width:min(1040px,100%);max-height:100%;display:grid;grid-template-rows:minmax(0,1fr) auto;overflow:hidden}
.ax-pw{position:relative;min-height:0}
.ax-palco{height:calc(100vh - 150px);max-height:760px;background:#1E0A0E;display:grid;grid-template:minmax(0,1fr)/minmax(0,1fr);place-items:center;overflow:hidden}
.ax-palco img,.ax-palco video{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;display:block}
.ax-palco video{width:100%;height:100%}
.ax-palco iframe{width:100%;height:100%;border:0;display:block;background:#fff}
.ax-palco .ax-yt{background:#000}
.ax-som{display:grid;justify-items:center;gap:18px;color:#F1E9E8;width:min(420px,90%)}
.ax-som svg{width:64px;height:64px}
.ax-som audio{width:100%}
.ax-seta{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;display:grid;place-items:center;background:rgba(255,255,255,.92);color:var(--wine);font:400 30px/1 Montserrat;box-shadow:0 2px 8px rgba(0,0,0,.25)}
.ax-seta:hover{background:#fff;color:var(--red)}
.ax-seta.ant{left:10px}.ax-seta.prox{right:10px}
.ax-seta[hidden]{display:none}
.ax-ver-r{display:flex;align-items:center;gap:12px;padding:12px 16px;flex-wrap:wrap}
.ax-ver-r b{font:700 13px Montserrat;flex:1;min-width:0;overflow-wrap:anywhere}
.ax-pos{font:700 12px Montserrat;color:var(--ink-3);flex:none}
.ax-bts{display:flex;gap:8px;flex-wrap:wrap}
.ax-ver-r small{font-size:12px;color:var(--ink-3);flex-basis:100%;order:3}
.ax-ver-r small:empty{display:none}
.ax-th.site{color:#fff;font:800 13px Montserrat;letter-spacing:-.02em}
.ax-th.doc.sem::after{mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2"><path d="M14 3H6v18h12V7zM14 3v4h4M9 13h6M9 17h6"/></svg>')}
button.ax-th.ic{cursor:pointer}
.kc-capa{position:relative;margin:-12px -12px 10px;height:118px;background:#F1E9E8;overflow:hidden}
.kc-capa img{width:100%;height:100%;object-fit:cover;display:block}
@media (max-width:820px){
  .ax-ov{padding:0}
  .ax-ver{width:100%;height:100%;grid-template-rows:minmax(0,1fr) auto}
  .ax-palco{height:100%;max-height:none}
  .ax-seta{width:38px;height:38px;font-size:26px}
}
.kc .clip{display:inline-flex;align-items:center;gap:2px;color:var(--ink-2);font-weight:700}
.kc .clip svg{width:12px;height:12px}
/* comentários */
.cm{display:grid;gap:8px;margin-bottom:12px}
.cm textarea{width:100%;min-height:64px;border:1.5px solid var(--line-strong);padding:9px 12px;font:13.5px 'Open Sans';resize:vertical;outline:none}
.cm textarea:focus{border-color:var(--wine)}
.cm .btn{justify-self:start}
.hist .hc{background:#FBF7F6;border-left:3px solid var(--wine);padding:7px 10px;margin:2px 0}
.hist .hc p{color:var(--ink);font-size:13px;white-space:pre-line;margin-top:2px}
/* agência: gaveta só de leitura */
.drawer .dr-h input:disabled{color:#fff;-webkit-text-fill-color:#fff;opacity:1;background:transparent}
.drawer .dr-b .field :disabled{background:#FBF7F6;color:var(--ink);-webkit-text-fill-color:var(--ink);opacity:1;cursor:default}
.drawer .chips label:has(input:disabled),.drawer .checks label:has(input:disabled){cursor:default}
@media (max-width:820px){
  .ax-link{flex-wrap:wrap}
  .ax-link input{flex-basis:100%}
  .ax-ac{gap:8px}
}

/* ---------- painel: ranking dos posts e tabela de custo ---------- */
.grid2.funcionou{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr)}
.rkp{display:grid}
.rk-l{display:grid;grid-template-columns:22px minmax(0,1fr) minmax(70px,32%) 34px;gap:10px;align-items:center;padding:8px 0;border-bottom:1px solid var(--line);color:inherit;text-decoration:none}
a.rk-l:hover .rk-t b{color:var(--wine);text-decoration:underline}
.rk-n{font:800 12px Montserrat;color:var(--ink-3);text-align:center}
.rk-t{min-width:0;display:grid}
.rk-t b{font:600 12.5px/1.35 'Open Sans';color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rk-t small{font-size:11.5px;color:var(--ink-3)}
.rk-b{height:12px;background:#F4EFEE}
.rk-b i{display:block;height:100%;border-radius:0 4px 4px 0}
.rk-v{font:800 13px Montserrat;text-align:right}
.ct-l{display:grid;grid-template-columns:minmax(0,1.5fr) 74px 82px minmax(0,1.3fr);gap:10px;align-items:center;padding:8px 0;border-bottom:1px solid var(--line);font-size:12.5px}
.ct-h{font:700 11px Montserrat;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-3);padding-top:0}
.ct-l .n{text-align:right;color:var(--ink-2)}
.ct-c{color:var(--ink);line-height:1.35}
.ct-c em{display:inline-block;margin-left:6px;font:700 10px Montserrat;font-style:normal;padding:1px 6px;vertical-align:1px}
.ct-c em.g{background:#E6EEF6;color:#2C5378}
.ct-c em.m{background:#ECEAF8;color:#463C8C}
.ct-b{display:flex;align-items:center;gap:8px;min-width:0}
.ct-b i{display:block;height:12px;border-radius:0 4px 4px 0;flex:none;max-width:calc(100% - 78px)}
.ct-b b{font:800 12.5px Montserrat;white-space:nowrap}
.ct-m{font-size:12px;color:var(--ink-3);margin-top:10px}
@media (max-width:1100px){.grid2.funcionou{grid-template-columns:1fr}}
@media (max-width:820px){
  .ct-h{display:none}
  .ct-l{grid-template-columns:1fr 1fr;row-gap:4px}
  .ct-c{grid-column:1/-1;font-weight:600}
  .ct-l .n{text-align:left}
  .ct-l .n::before{content:attr(data-r) ": ";color:var(--ink-3)}
  .ct-b{grid-column:1/-1}
}

/* ---------- redes: linha com área ---------- */
svg.chart .rd-area{fill:var(--red);fill-opacity:.07;stroke:none}
svg.chart .rd-ponto{stroke-width:2}
svg.chart .rd-ponto.ult{fill:var(--red);stroke:#fff;stroke-width:2.5}
svg.chart text.eixo{font-size:11px;fill:var(--ink-3)}
svg.chart text.eixo.ult{fill:var(--ink);font-weight:700}
svg.chart text.val.sec{font-size:10.5px;font-weight:600;fill:var(--ink-3)}
svg.chart text.val.ult{font:800 14px Montserrat;fill:var(--wine)}

/* ---------- logos oficiais das redes ---------- */
.lg{display:grid;place-items:center;width:100%;height:100%;box-sizing:border-box;border-radius:24%;overflow:hidden;line-height:0}
.lg>svg{width:100% !important;height:100% !important;display:block}
.lg.ig{background:radial-gradient(circle at 30% 107%,#fdf497 0%,#fdf497 5%,#fd5949 45%,#d6249f 60%,#285AEB 90%);padding:17%}
.lg.tt{background:#000;padding:17%}
.lg.gp{background:#fff;box-shadow:inset 0 0 0 1px #E3DCDA;padding:18%}
.lg.fb,.lg.yt,.lg.li{border-radius:0}
.ic.logo{background:none !important}
.kc .nets-mini i.lg-i,.kc .nets-mini i:has(.lg){background:none}
.ax-th.site-lg{background:#fff;box-shadow:inset 0 0 0 1px var(--line)}
.ax-th.site-lg .lg{width:30px;height:30px}
.lg-c{display:inline-block;width:16px;height:16px;vertical-align:-3px;margin-right:6px}
.lg-c:empty{display:none}

.bib-h{display:flex;gap:10px;align-items:center}
.bib-tt{min-width:0}
.bib-selo{width:30px;height:30px;flex:none;display:flex;align-items:center;justify-content:center;color:#fff;font:700 11px Montserrat;background:var(--wine);border-radius:6px}
.bib-selo.nota{background:#F1E9E8;color:var(--wine);font-size:14px}
.bib-selo.lg-w{background:none}
.bib-selo.lg-w .lg{width:30px;height:30px}
.bib-site{display:block;font-size:12px;color:var(--ink-3);margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lib .card .lib-t{margin-top:10px}
.bib-acts{margin-top:12px;font-size:12px;color:var(--ink-3)}
.bib-add{margin-left:16px;font:700 12.5px Montserrat;color:var(--red);border:1.5px solid var(--red);padding:5px 12px;background:#fff}
.bib-add:hover{background:var(--red);color:#fff}
.sec-title .aside+.bib-add{margin-left:16px}
.sec-title .bib-add:only-child{margin-left:0}
.bib-f{max-width:480px;max-height:calc(100vh - 32px);overflow:auto}
.bib-erro{color:#B3001B !important;font-size:13px}