/* Complementos da página de aprovação (tokens em base.css) */
:root{ --ok:#34D399; --warn:#F7941E; }
header.curto{padding:42px 0 24px}
button{font:inherit}
[hidden]{display:none !important}

.meses,.clientes{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.meses a,.clientes a{
  font-size:12.5px;font-weight:600;color:var(--muted);text-decoration:none;
  border:1px solid var(--edge);border-radius:999px;padding:7px 14px;background:var(--panel-2);
}
.meses a.on,.clientes a.on{color:#fff;background:linear-gradient(135deg,var(--violet-light),var(--violet-deep));border-color:transparent}
.clientes em{font-style:normal;font-size:11px;font-weight:700;border-radius:999px;padding:1px 7px;margin-left:4px}
.b-pendente{background:rgba(255,255,255,.14)} .b-ajuste{background:var(--orange);color:#1a0f00}
.meta .m-aprovado{color:var(--ok)} .meta .m-ajuste{color:var(--orange)}
.link-mes{font-size:13px;font-weight:600;color:var(--violet-light);text-decoration:none}

.nome-campo{display:flex;align-items:center;gap:12px;margin:0 0 22px;flex-wrap:wrap}
.nome-campo span{font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--orange);font-weight:700}
input,textarea{
  font:inherit;font-size:16px;color:#fff;background:rgba(255,255,255,.05);
  border:1px solid var(--edge);border-radius:10px;padding:10px 13px;outline:none;
}
input:focus,textarea:focus{border-color:var(--violet-light);box-shadow:0 0 0 3px rgba(124,58,237,.25)}
.nome-campo input{flex:1;min-width:200px;max-width:340px}
textarea{width:100%;resize:vertical;line-height:1.5}

.btn{
  cursor:pointer;border:0;border-radius:10px;padding:12px 20px;color:#fff;
  font-size:12.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;
  background:linear-gradient(135deg,var(--violet-light),var(--violet-deep));
  box-shadow:0 6px 22px rgba(124,58,237,.38);text-decoration:none;display:inline-block;
}
.btn:disabled{opacity:.55;cursor:wait}
.btn.ajustar,.btn.sec{background:transparent;border:1px solid var(--edge);box-shadow:none;color:var(--muted)}
.btn.ajustar:hover,.btn.sec:hover{border-color:var(--violet-light);color:#fff}
.btn.mini{padding:7px 11px;font-size:10.5px;border-radius:8px;box-shadow:none}
.link{background:none;border:0;color:var(--violet-light);cursor:pointer;font-size:13px;font-weight:600;padding:8px 4px}
.botoes{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.botoes .btn{flex:1;min-width:130px;white-space:nowrap;padding-left:12px;padding-right:12px}

.aprovar-todos{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;padding:20px 24px}
.aprovar-todos .lbl{margin:0 0 4px}
.aprovar-todos p{margin:0;color:var(--muted);font-size:14.5px}

/* ---------- card do post ---------- */
.post-topo{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;margin-bottom:18px}
.titulo-post{color:var(--muted);font-size:14px;margin-top:4px}
.status{
  flex:none;font-size:10.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;
  border-radius:999px;padding:6px 11px;border:1px solid var(--edge);color:var(--muted);white-space:nowrap;
}
.s-aprovado .status{color:var(--ok);border-color:rgba(52,211,153,.35);background:rgba(52,211,153,.08)}
.s-ajuste .status{color:var(--orange);border-color:rgba(247,148,30,.4);background:rgba(247,148,30,.08)}
.post.s-aprovado{border-color:rgba(52,211,153,.28)}
.post.s-ajuste{border-color:rgba(247,148,30,.32)}

.ig{background:#000;border:1px solid rgba(255,255,255,.08);border-radius:12px;overflow:hidden;max-width:470px;margin:0 auto}
.ig-topo{display:flex;align-items:center;gap:10px;padding:10px 12px;font-size:13.5px}
.avatar{
  width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;
  font-size:11px;font-weight:800;background:linear-gradient(135deg,var(--orange),var(--violet));
}
.midia{position:relative;background:#0b0b0b}
.trilho{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
.trilho::-webkit-scrollbar{display:none}
.slide{flex:0 0 100%;scroll-snap-align:center;display:flex;align-items:center;justify-content:center}
.slide img,.slide video{width:100%;display:block;max-height:640px;object-fit:contain;background:#000}
.ig.vertical .slide video,.ig.vertical .slide img{max-height:720px}
.dots{display:flex;justify-content:center;gap:5px;padding:10px 0 2px;background:#000}
.dots i{width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.3)}
.dots i.on{background:var(--violet-light)}
.contador{position:absolute;top:10px;right:10px;font-size:11.5px;font-weight:600;background:rgba(0,0,0,.65);border-radius:999px;padding:3px 9px}
.legenda{padding:10px 12px 4px;font-size:14px;color:rgba(255,255,255,.88);white-space:pre-wrap;word-break:break-word;line-height:1.5}
.legenda.curta{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.ver-mais{background:none;border:0;color:var(--faint);font-size:13px;padding:2px 12px 12px;cursor:pointer}
.vazio{padding:60px;text-align:center;color:var(--faint)}

.acoes,.resultado{margin-top:22px}
.form-ajuste{margin-top:16px}
.form-ajuste .lbl{margin-top:0}
.form-ajuste .botoes{margin-top:12px}
.resultado .lbl{margin:0 0 8px}
.s-aprovado .resultado .lbl{color:var(--ok)}
.comentario{margin:0;color:var(--muted);font-size:14.5px;white-space:pre-wrap;border-left:2px solid var(--orange);padding-left:12px}
.erro{margin-top:12px;color:#fca5a5;font-size:14px}

.aviso{
  position:fixed;left:50%;bottom:24px;transform:translateX(-50%);z-index:9;
  background:#1b1230;border:1px solid var(--edge);border-radius:12px;padding:12px 18px;
  font-size:14px;box-shadow:0 10px 30px rgba(0,0,0,.5);max-width:calc(100% - 32px);
}

/* ---------- painel ---------- */
body.admin .wrap{max-width:1100px}
.admin-topo{margin:34px 0 18px}
.admin-topo h2{font-size:26px;font-weight:800;margin:0}
.copiar-linha{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:16px;font-size:13px;color:var(--faint)}
.copiar-linha code{color:var(--muted);background:var(--panel-2);border:1px solid var(--edge);border-radius:8px;padding:6px 10px;word-break:break-all}
.tabela{width:100%;border-collapse:collapse;font-size:14px}
.tabela th{text-align:left;font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--faint);font-weight:600;padding:10px 8px;border-bottom:1px solid var(--edge)}
.tabela td{padding:13px 8px;border-bottom:1px solid rgba(255,255,255,.06);vertical-align:top;color:var(--muted)}
.tabela td b{color:#fff;display:block}
.tabela small{color:var(--faint);display:block}
.tabela .comentario{margin-top:6px;font-size:13.5px}
.acoes-admin{white-space:nowrap;text-align:right}
.acoes-admin .btn{margin-left:4px}
@media (max-width:760px){
  .tabela thead{display:none}
  .tabela tr{display:block;border-bottom:1px solid var(--edge);padding:8px 0}
  .tabela td{display:block;border:0;padding:4px 0}
  .acoes-admin{text-align:left}
  .acoes-admin .btn{margin:6px 6px 0 0}
}
@media (max-width:620px){
  .post-topo{flex-direction:column}
  .ig{margin:0 -6px}
}

/* =================== agenda / dashboards =================== */
.abas-admin{display:flex;gap:6px;margin-bottom:22px}
.abas-admin a,.abas a{font-size:12.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--faint);text-decoration:none;padding:9px 16px;border-radius:10px;border:1px solid transparent}
.abas-admin a.on,.abas a.on{color:#fff;background:rgba(124,58,237,.22);border-color:var(--edge)}
.abas{display:flex;gap:6px;margin:0 0 26px;border-bottom:1px solid var(--edge);padding-bottom:12px}
.abas em{font-style:normal;background:var(--orange);color:#1a0f00;border-radius:999px;padding:1px 7px;margin-left:4px;font-size:11px}

.nav-mes{display:flex;align-items:center;gap:14px;margin-top:18px}
.nav-mes a{width:36px;height:36px;border-radius:10px;border:1px solid var(--edge);display:flex;align-items:center;justify-content:center;color:#fff;text-decoration:none;font-size:20px;background:var(--panel-2)}
.nav-mes a:hover{border-color:var(--violet-light)}
.nav-mes span{font-weight:700;font-size:15px;min-width:130px;text-align:center}

.barra-perfis{display:flex;gap:8px;overflow-x:auto;padding:4px 0 14px;margin-bottom:18px;scrollbar-width:thin}
.perfil{flex:none;display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--muted);text-decoration:none;border:1px solid var(--edge);border-radius:999px;padding:5px 14px 5px 5px;background:var(--panel-2);white-space:nowrap}
.perfil.on{color:#fff;border-color:transparent;background:linear-gradient(135deg,var(--violet-light),var(--violet-deep))}
.perfil .av{width:28px;height:28px;border-radius:50%;object-fit:cover;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;background:rgba(124,58,237,.35)}
.perfil .av.todos{background:var(--orange);color:#1a0f00}
.perfil em{font-style:normal;font-size:11px;font-weight:800;border-radius:999px;padding:0 6px}

.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:14px}
.kpi{background:var(--panel);border:1px solid var(--edge);border-radius:14px;padding:16px 18px}
.kpi b{display:block;font-size:30px;font-weight:800;letter-spacing:-.02em;line-height:1.1}
.kpi span{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--faint);font-weight:600}
.kpi.ok b{color:var(--ok)} .kpi.vio b{color:var(--violet-light)} .kpi.warn b{color:var(--orange)}
.progresso{height:6px;border-radius:999px;background:rgba(255,255,255,.08);overflow:hidden}
.progresso div{height:100%;background:linear-gradient(90deg,var(--violet-light),var(--ok));border-radius:999px}
.progresso-legenda{font-size:12.5px;color:var(--faint);margin:8px 0 30px}

.cal{background:var(--panel);border:1px solid var(--edge);border-radius:16px;padding:16px;margin-bottom:30px}
.cal-sem,.cal-grade{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}
.cal-sem span{font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--faint);font-weight:700;text-align:center;padding-bottom:6px}
.dia{min-height:74px;border-radius:10px;background:var(--panel-2);border:1px solid rgba(255,255,255,.05);padding:7px;display:flex;flex-direction:column;gap:5px;text-decoration:none;color:var(--muted)}
.dia.vazio{background:none;border:0}
.dia.tem{border-color:var(--edge);cursor:pointer}
.dia.tem:hover{border-color:var(--violet-light)}
.dia.hoje{box-shadow:inset 0 0 0 1.5px var(--orange)}
.dia .n{font-size:12.5px;font-weight:700;color:#fff}
.marcas{display:flex;flex-wrap:wrap;gap:4px;align-items:center}
.marcas em{font-style:normal;font-size:10.5px;color:var(--faint)}
.mk{display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--violet-light)}
.mk.s-publicado{background:var(--ok)} .mk.s-atrasado,.mk.s-erro{background:var(--orange)}
.st{font-size:10px;font-weight:700;border-radius:6px;padding:2px 5px;background:rgba(124,58,237,.25);color:#e9e3ff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.st.s-publicado{background:rgba(52,211,153,.16);color:var(--ok)}
.cal-leg{display:flex;gap:16px;flex-wrap:wrap;margin-top:12px;font-size:12px;color:var(--faint)}
.cal-leg span{display:flex;align-items:center;gap:6px}

.bloco-dia{margin-bottom:22px;scroll-margin-top:20px}
.bloco-dia h4{font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--violet-light);margin:0 0 10px;font-weight:700}
.bloco-dia h4 em{font-style:normal;color:var(--orange);margin-left:6px}
.item{display:flex;gap:14px;align-items:center;background:var(--panel);border:1px solid var(--edge);border-radius:14px;padding:12px;margin-bottom:8px}
.item.s-publicado{border-color:rgba(52,211,153,.22)}
.item.s-atrasado,.item.s-erro{border-color:rgba(247,148,30,.35)}
.th{flex:none;width:58px;height:58px;border-radius:10px;background:#000 center/cover no-repeat;border:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center}
.th.sem i{font-style:normal;color:var(--violet-light);font-size:18px}
.th.mini{width:34px;height:58px;border-radius:7px}
.th-stack{flex:none;display:flex;gap:3px}
.item-info{flex:1;min-width:0}
.item-topo{display:flex;gap:10px;align-items:center;flex-wrap:wrap;font-size:12.5px}
.tipo{font-weight:700;color:#fff}
.hora{color:var(--faint)}
.quem{display:flex;align-items:center;gap:6px;font-weight:600;color:var(--muted)}
.quem img{width:20px;height:20px;border-radius:50%;object-fit:cover}
.item-texto{margin:4px 0 0;font-size:13.5px;color:var(--muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;white-space:pre-line}
.item-erro{margin:4px 0 0;font-size:12.5px;color:#fca5a5}
.item-fim{flex:none;display:flex;flex-direction:column;align-items:flex-end;gap:6px}
.sit{font-size:10.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;border-radius:999px;padding:5px 10px;border:1px solid var(--edge);color:var(--violet-light);white-space:nowrap}
.s-publicado .sit{color:var(--ok);border-color:rgba(52,211,153,.35);background:rgba(52,211,153,.08)}
.s-atrasado .sit,.s-erro .sit{color:var(--orange);border-color:rgba(247,148,30,.4)}
.ver{font-size:12px;color:var(--violet-light);text-decoration:none;font-weight:600}
.vazio-agenda{text-align:center;padding:30px 0}

.tabela.resumo .cli{display:flex;align-items:center;gap:9px;text-decoration:none}
.tabela.resumo .cli img{width:30px;height:30px;border-radius:50%;object-fit:cover}
.tabela.resumo .cli b{display:inline}
.tabela .ok{color:var(--ok);font-weight:700} .tabela .warn,.warn{color:var(--orange);font-weight:700}
.aviso-sync{color:var(--orange);font-size:13.5px;border:1px solid rgba(247,148,30,.35);border-radius:10px;padding:10px 14px;background:rgba(247,148,30,.06)}
.sync{font-size:12px;color:var(--faint);text-align:center;margin-top:30px}

.acesso{margin-top:30px}
.acesso .lbl{margin-top:0}
.acesso p{color:var(--muted);font-size:14px}
.acesso code,.cred code{background:var(--panel-2);border:1px solid var(--edge);border-radius:6px;padding:3px 8px;color:#fff}
.form-acesso{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}
.form-acesso input{font-size:14px;padding:8px 12px}
.nova-senha{border:1px solid rgba(52,211,153,.35);background:rgba(52,211,153,.06);border-radius:12px;padding:14px 16px;margin-bottom:8px}
.cred{display:flex;gap:12px;align-items:center;margin:8px 0;font-size:13.5px}
.cred span{width:70px;color:var(--faint);font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-weight:700}

/* login + área */
.login-box{max-width:440px;margin:0 auto;padding-top:60px}
.login-box h1{font-size:clamp(30px,7vw,42px);line-height:1.08;font-weight:800;letter-spacing:-.025em;margin:0 0 14px}
.form-login{display:flex;flex-direction:column;gap:14px;margin-top:26px}
.form-login label{display:flex;flex-direction:column;gap:6px}
.form-login label span{font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--orange);font-weight:700}
.form-login .btn{margin-top:6px}
.ajuda{font-size:13px;color:var(--faint);margin:4px 0 0;text-align:center}
.topo-area{display:flex;justify-content:space-between;align-items:center}
.sair{font-size:13px;color:var(--faint);text-decoration:none;font-weight:600}
.ola{display:flex;align-items:center;gap:16px}
.ola img{width:64px;height:64px;border-radius:50%;object-fit:cover;border:2px solid var(--violet);flex:none}
.ola h1{margin:0}

@media (max-width:620px){
  .kpis{grid-template-columns:repeat(2,1fr)}
  .kpi b{font-size:26px}
  .cal{padding:10px}
  .cal-sem,.cal-grade{gap:3px}
  .dia{min-height:54px;padding:5px;border-radius:8px}
  .st{font-size:0;padding:0;width:9px;height:9px;border-radius:2px}
  .item{flex-wrap:wrap}
  .item-fim{flex-direction:row;width:100%;justify-content:space-between;align-items:center}
  .ola img{width:48px;height:48px}
}