@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Playfair+Display:ital,wght@0,700;1,400&family=IBM+Plex+Mono:wght@400;500&family=DM+Sans:wght@300;400;500;600&display=swap');

:root{
  --bg:#0c0b09;--painel:#151310;--painel2:#1c1a15;--bd:#2a2820;--bd2:#3a3628;
  --ink:#e8e0cc;--ink2:#b8b0a0;--mu:#6e6858;--creme:#f2ecdc;
  --carros:#c23820;--carros-lt:#e88058;
  --rock:#8a30c0;--rock-lt:#c884f0;
  --tech:#cc8820;--tech-lt:#f0cc70;
  --lego:#1a78b8;--lego-lt:#6ab8e8;
  --ok:#4a6a40;--ok-lt:#8fc99f;
}
*{margin:0;padding:0;box-sizing:border-box;}
body{background:var(--bg);color:var(--ink);font-family:'DM Sans',sans-serif;font-weight:300;line-height:1.6;}
button,input,select,textarea{font-family:inherit;}
button{cursor:pointer;}
a{color:var(--tech-lt);}

/* ── LOGIN ── */
.tela-login{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;}
.caixa-login{width:100%;max-width:380px;background:var(--painel);border:1px solid var(--bd);border-radius:10px;overflow:hidden;}
.faixa-temas{height:5px;background:linear-gradient(90deg,var(--carros) 0 25%,var(--rock) 25% 50%,var(--tech) 50% 75%,var(--lego) 75% 100%);}
.login-corpo{padding:32px 28px;}
.marca-login{font-family:'Bebas Neue',sans-serif;font-size:30px;letter-spacing:1px;}
.marca-login span{color:var(--tech-lt);}
.sub-login{font-size:12.5px;color:var(--mu);margin-bottom:24px;}
.campo{display:flex;flex-direction:column;gap:5px;margin-bottom:14px;}
.campo label{font-family:'IBM Plex Mono',monospace;font-size:9px;letter-spacing:1.5px;text-transform:uppercase;color:var(--mu);}
.campo input,.campo select,.campo textarea{background:var(--painel2);border:1px solid var(--bd);color:var(--ink);padding:10px 12px;border-radius:6px;font-size:14px;width:100%;}
.campo input:focus,.campo select:focus,.campo textarea:focus{outline:none;border-color:var(--tech);}
.erro-login{color:var(--carros-lt);font-size:12.5px;min-height:18px;margin-bottom:8px;}

/* ── BOTÕES ── */
.btn{font-family:'IBM Plex Mono',monospace;font-size:10px;letter-spacing:1px;text-transform:uppercase;padding:9px 14px;border-radius:6px;border:1px solid var(--bd2);background:var(--painel2);color:var(--ink);transition:border-color .15s,color .15s;}
.btn:hover{border-color:var(--tech);color:var(--tech-lt);}
.btn:disabled{opacity:.5;cursor:not-allowed;}
.btn.primario{background:var(--tech);border-color:var(--tech);color:#140f04;font-weight:500;}
.btn.primario:hover{background:var(--tech-lt);color:#140f04;}
.btn.perigo:hover{border-color:var(--carros);color:var(--carros-lt);}
.btn.largo{width:100%;padding:12px;font-size:11px;}
.btn.pq{padding:5px 9px;font-size:9px;}
.mini{width:27px;height:27px;border:1px solid var(--bd);background:var(--painel2);color:var(--ink2);border-radius:5px;font-size:12px;display:inline-flex;align-items:center;justify-content:center;}
.mini:hover{border-color:var(--tech);color:var(--tech-lt);}

/* ── NAV ── */
.nav{position:sticky;top:0;z-index:60;background:rgba(12,11,9,.96);backdrop-filter:blur(8px);border-bottom:1px solid var(--bd);padding:11px 20px;display:flex;align-items:center;gap:12px;flex-wrap:wrap;}
.marca{font-family:'Bebas Neue',sans-serif;font-size:20px;letter-spacing:1px;white-space:nowrap;}
.marca span{color:var(--tech-lt);}
.abas{display:flex;gap:3px;background:var(--painel);border:1px solid var(--bd);border-radius:7px;padding:3px;}
.aba{font-family:'IBM Plex Mono',monospace;font-size:10.5px;letter-spacing:1px;text-transform:uppercase;padding:8px 14px;border:none;background:none;color:var(--mu);border-radius:5px;}
.aba.ativa{background:var(--painel2);color:var(--ink);}
.cresce{flex:1;}

/* ── VISTAS ── */
.vista{display:none;max-width:1380px;margin:0 auto;padding:22px;}
.vista.ativa{display:block;}
.topo-vista{display:flex;align-items:baseline;gap:12px;margin-bottom:5px;flex-wrap:wrap;}
.topo-vista h1{font-family:'Bebas Neue',sans-serif;font-size:27px;letter-spacing:.5px;}
.contador{font-family:'IBM Plex Mono',monospace;font-size:11px;color:var(--mu);}
.desc-vista{font-size:13px;color:var(--ink2);margin-bottom:16px;max-width:820px;}
.ajuda{background:var(--painel);border:1px solid var(--bd);border-left:3px solid var(--tech);border-radius:0 6px 6px 0;padding:11px 14px;font-size:12.5px;color:var(--ink2);margin-bottom:16px;}
.ajuda strong{color:var(--ink);}

/* ── FILTROS ── */
.filtros{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:14px;}
.filtros input,.filtros select{background:var(--painel);border:1px solid var(--bd);color:var(--ink);padding:8px 11px;border-radius:6px;font-size:13px;}
.filtros input[type=text]{min-width:200px;}

/* ── TABELA ── */
.tabela{width:100%;border-collapse:collapse;font-size:13px;}
.tabela th{font-family:'IBM Plex Mono',monospace;font-size:9px;letter-spacing:1px;text-transform:uppercase;color:var(--mu);text-align:left;padding:8px 10px;border-bottom:1px solid var(--bd2);}
.tabela td{padding:9px 10px;border-bottom:1px solid var(--bd);vertical-align:top;color:var(--ink2);}
.tabela tr:hover td{background:var(--painel);}
.tabela .destaque{color:var(--ink);font-weight:400;}
.miniatura{width:42px;height:42px;border-radius:5px;object-fit:cover;border:1px solid var(--bd2);background:var(--painel2);}
.sem-img{width:42px;height:42px;border-radius:5px;border:1px dashed var(--bd2);display:flex;align-items:center;justify-content:center;color:var(--mu);font-size:14px;}

/* ── ETIQUETAS ── */
.etq{display:inline-block;font-family:'IBM Plex Mono',monospace;font-size:9px;letter-spacing:.5px;padding:2px 8px;border-radius:20px;white-space:nowrap;}
.etq.carros{background:rgba(194,56,32,.16);color:var(--carros-lt);}
.etq.rock{background:rgba(138,48,192,.16);color:var(--rock-lt);}
.etq.tech{background:rgba(204,136,32,.16);color:var(--tech-lt);}
.etq.lego{background:rgba(26,120,184,.16);color:var(--lego-lt);}
.etq.nenhum{background:var(--painel2);color:var(--mu);}
.etq.ok{background:rgba(74,106,64,.22);color:var(--ok-lt);}

/* ── MODAL ── */
.fundo{display:none;position:fixed;inset:0;background:rgba(0,0,0,.72);z-index:200;align-items:flex-start;justify-content:center;padding:36px 18px;overflow:auto;}
.fundo.aberto{display:flex;}
.modal{background:var(--painel);border:1px solid var(--bd2);border-radius:10px;width:100%;max-width:580px;padding:24px;}
.modal h2{font-family:'Bebas Neue',sans-serif;font-size:22px;letter-spacing:.5px;margin-bottom:16px;}
.grade2{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.acoes-modal{display:flex;gap:8px;justify-content:flex-end;margin-top:18px;flex-wrap:wrap;}
.dica{font-size:11.5px;color:var(--mu);line-height:1.5;}
.aviso{background:rgba(194,56,32,.14);border:1px solid var(--carros);color:var(--carros-lt);padding:10px 12px;border-radius:6px;font-size:12.5px;margin-bottom:12px;display:none;}
.aviso.aberto{display:block;}

/* ── GALERIA DE MÍDIAS ── */
.galeria{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px;}
.galeria figure{position:relative;width:74px;}
.galeria img,.galeria video{width:74px;height:74px;object-fit:cover;border-radius:6px;border:1px solid var(--bd2);display:block;}
.galeria .principal-tag{position:absolute;top:2px;left:2px;font-family:'IBM Plex Mono',monospace;font-size:7px;background:var(--tech);color:#140f04;padding:1px 4px;border-radius:3px;}
.galeria .del{position:absolute;top:2px;right:2px;width:18px;height:18px;border-radius:4px;border:none;background:rgba(0,0,0,.7);color:#fff;font-size:10px;line-height:1;}
.rotulo-arquivo{font-family:'IBM Plex Mono',monospace;font-size:10px;text-transform:uppercase;padding:8px 12px;border:1px dashed var(--bd2);border-radius:6px;color:var(--ink2);display:inline-block;}
.rotulo-arquivo:hover{border-color:var(--tech);color:var(--tech-lt);}
.rotulo-arquivo input{display:none;}

/* ── GERADOR ── */
.slides{display:flex;flex-direction:column;gap:16px;}
.cartao-slide{background:var(--painel);border:1px solid var(--bd);border-radius:8px;padding:16px;display:grid;grid-template-columns:290px 1fr;gap:18px;}
.tela-slide{position:relative;width:100%;aspect-ratio:4/5;border-radius:6px;overflow:hidden;border:1px solid var(--bd);background:#000;}
.tela-slide canvas{width:100%;height:100%;display:block;}
.col-esq{display:flex;flex-direction:column;gap:8px;}
.col-dir{display:flex;flex-direction:column;gap:10px;}
.linha-topo-slide{display:flex;justify-content:space-between;align-items:center;}
.num-slide{font-family:'IBM Plex Mono',monospace;font-size:10px;color:var(--mu);text-transform:uppercase;}
.btns-tema{display:flex;gap:5px;flex-wrap:wrap;}
.bt{font-family:'IBM Plex Mono',monospace;font-size:10px;text-transform:uppercase;padding:7px 10px;border-radius:5px;border:1px solid var(--bd);background:var(--painel2);color:var(--mu);}
.bt.on[data-t=carros]{border-color:var(--carros);color:var(--carros-lt);}
.bt.on[data-t=rock]{border-color:var(--rock);color:var(--rock-lt);}
.bt.on[data-t=tech]{border-color:var(--tech);color:var(--tech-lt);}
.bt.on[data-t=lego]{border-color:var(--lego);color:var(--lego-lt);}
.bt.on{border-color:var(--ink2);color:var(--ink);}
.entrada{background:var(--painel2);border:1px solid var(--bd);color:var(--ink);padding:8px 10px;border-radius:6px;font-size:13px;width:100%;}
.entrada:focus{outline:none;border-color:var(--tech);}
.linha-campo{display:flex;flex-direction:column;gap:4px;}
.linha-campo label{font-family:'IBM Plex Mono',monospace;font-size:9px;letter-spacing:.5px;text-transform:uppercase;color:var(--mu);}
.puxar{display:flex;gap:8px;align-items:center;background:var(--painel2);border:1px solid var(--bd2);border-radius:6px;padding:8px;}
.puxar select{flex:1;background:var(--painel);border:1px solid var(--bd);color:var(--ink);padding:7px;border-radius:5px;font-size:12px;}
.marca-video{display:flex;align-items:center;gap:7px;font-family:'IBM Plex Mono',monospace;font-size:10px;text-transform:uppercase;color:var(--ink2);padding:7px 10px;border:1px solid var(--bd);border-radius:6px;background:var(--painel2);}
.nota-video{display:none;font-size:11.5px;color:var(--mu);background:var(--painel2);border:1px solid var(--bd);border-radius:6px;padding:9px;}
.nota-video.aberta{display:block;}
.exportar-slide{display:flex;gap:7px;margin-top:auto;padding-top:8px;border-top:1px solid var(--bd);}

/* ── PAUTA ── */
.painel-pauta{background:var(--painel);border:1px solid var(--bd);border-radius:8px;padding:16px;margin-bottom:20px;}
.painel-pauta h3{font-family:'Bebas Neue',sans-serif;font-size:17px;letter-spacing:.5px;margin-bottom:6px;}
.colunas-pauta{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:12px;}
.col-pauta{background:var(--painel2);border:1px solid var(--bd);border-radius:6px;padding:10px;}
.col-pauta h4{margin-bottom:8px;}
.col-pauta ul{list-style:none;font-size:12px;color:var(--ink2);}
.col-pauta li{padding:3px 0;border-bottom:1px solid var(--bd);}
.rotulo-bloco{font-family:'IBM Plex Mono',monospace;font-size:9px;color:var(--mu);margin:6px 0 3px;text-transform:uppercase;}

/* ── HISTÓRICO ── */
.cartao-post{background:var(--painel);border:1px solid var(--bd);border-radius:8px;padding:15px;margin-bottom:13px;}
.topo-post{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:9px;}
.data-post{font-family:'IBM Plex Mono',monospace;font-size:12px;color:var(--tech-lt);}
.est{font-family:'IBM Plex Mono',monospace;font-size:9px;text-transform:uppercase;padding:2px 8px;border-radius:20px;border:1px solid var(--bd2);color:var(--ink2);}
.est.publicado{background:rgba(74,106,64,.2);color:var(--ok-lt);border-color:var(--ok);}
.est.aprovado{background:rgba(204,136,32,.15);color:var(--tech-lt);border-color:var(--tech);}
.slides-post{display:flex;gap:8px;flex-wrap:wrap;margin:9px 0;}
.chip-slide{display:flex;gap:8px;align-items:center;background:var(--painel2);border:1px solid var(--bd);border-radius:6px;padding:6px 9px;font-size:12px;}
.legenda-post{font-size:12.5px;color:var(--ink2);white-space:pre-wrap;background:var(--painel2);border-radius:6px;padding:10px;margin-top:8px;}

.carregando{color:var(--mu);font-size:13px;padding:20px 0;}

@media(max-width:860px){
  .cartao-slide{grid-template-columns:1fr;}
  .colunas-pauta{grid-template-columns:1fr 1fr;}
  .grade2{grid-template-columns:1fr;}
}
@media(max-width:560px){.colunas-pauta{grid-template-columns:1fr;}}