/* SuperFlow — interface 2.7 (minimalista; segue o tema claro/escuro do Windows) */
:root{
  color-scheme:light dark;
  --bg:#f5f6f8;--card:#fff;--campo:#fff;--suave:#eef0f3;--linha:#e2e5ea;--linha-forte:#cdd2da;
  --txt:#16181d;--sub:#5f6673;--azul:#2563eb;--azul-txt:#fff;--azul-suave:#e8efff;--azul-tinta:#1d4ed8;
  --verde:#15803d;--verde-suave:#e6f4ea;--verm:#c62828;--verm-suave:#fdecec;--amar:#a15c00;--amar-suave:#fff4e0;
  --sombra:0 1px 2px #0000000d,0 2px 8px #0000000a;--sombra-barra:0 -4px 24px #00000014;
  --raio:10px;--raio-p:7px
}
@media (prefers-color-scheme:dark){:root{
  --bg:#0f1115;--card:#171a20;--campo:#11141a;--suave:#222631;--linha:#272c36;--linha-forte:#353b48;
  --txt:#e8eaef;--sub:#99a1af;--azul:#3b82f6;--azul-txt:#fff;--azul-suave:#172540;--azul-tinta:#9cc3ff;
  --verde:#4ade80;--verde-suave:#11291b;--verm:#f87171;--verm-suave:#331617;--amar:#facc15;--amar-suave:#2e2710;
  --sombra:none;--sombra-barra:0 -6px 24px #00000066
}}
*{box-sizing:border-box}
html{scroll-padding-bottom:120px}
body{margin:0;font:15px/1.45 system-ui,"Segoe UI",Roboto,sans-serif;background:var(--bg);color:var(--txt)}
a{color:var(--azul-tinta)}
h1{font-size:21px;margin:0}h2{font-size:16px;margin:28px 0 10px}
p{margin:8px 0}
code{background:var(--suave);padding:1px 6px;border-radius:5px;font-size:.92em}
.sub{color:var(--sub);font-size:13px}
.ok{color:var(--verde)}.err{color:var(--verm)}.warn{color:var(--amar)}
.oculto{display:none!important}
.pular{position:absolute;left:-9999px}.pular:focus{left:10px;top:10px;background:#fff;color:#000;padding:6px 10px;z-index:99}
:focus-visible{outline:2px solid var(--azul);outline-offset:2px}

/* ---------- topo ---------- */
header{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:22px;flex-wrap:wrap;padding:10px 24px;background:var(--card);border-bottom:1px solid var(--linha)}
.marca{font-weight:700;font-size:16px;white-space:nowrap}.marca small{color:var(--sub);font-weight:500}
header nav{display:flex;gap:2px;flex-wrap:wrap;flex:1}
header nav a{color:var(--sub);text-decoration:none;padding:6px 11px;border-radius:var(--raio-p);font-size:14px}
header nav a:hover{color:var(--txt);background:var(--suave)}
header nav a.on{color:var(--txt);background:var(--suave);font-weight:600}
.estado{display:flex;align-items:center;gap:8px;margin:0}
.estado .ponto{font-size:13px;color:var(--sub);white-space:nowrap}
.estado .ponto::before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--verde);margin-right:6px;vertical-align:1px}
.estado.pausado .ponto{color:var(--amar);font-weight:600}.estado.pausado .ponto::before{background:var(--amar)}

main{max-width:1180px;margin:0 auto;padding:22px 24px 40px}
.topo{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:16px}
.topo h1{margin-right:auto}

/* ---------- blocos ---------- */
.card{background:var(--card);border:1px solid var(--linha);border-radius:var(--raio);padding:16px 18px;margin-bottom:14px;box-shadow:var(--sombra)}
.card>h2:first-child{margin-top:0}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin-bottom:6px}
.num{font-size:26px;font-weight:700;line-height:1.1}
.aviso{padding:10px 14px;border-radius:var(--raio-p);margin-bottom:14px;border:1px solid transparent;font-size:14px}
.aviso.m{background:var(--verde-suave);border-color:color-mix(in srgb,var(--verde) 30%,transparent)}
.aviso.e{background:var(--verm-suave);border-color:color-mix(in srgb,var(--verm) 30%,transparent)}
.aviso.i{background:var(--azul-suave);border-color:color-mix(in srgb,var(--azul) 25%,transparent)}
.aviso p{margin:4px 0}
.faixa{display:flex;gap:10px 16px;align-items:center;flex-wrap:wrap}
.faixa>span{flex:1;min-width:240px}
.vazio{text-align:center;padding:36px 18px;color:var(--sub)}
.vazio .btn{margin-top:10px}

/* ---------- tabelas ---------- */
table{width:100%;border-collapse:collapse;font-size:14px}
th,td{text-align:left;padding:9px 8px;border-bottom:1px solid var(--linha);vertical-align:top}
tr:last-child td{border-bottom:0}
th{color:var(--sub);font-weight:500;font-size:12px;text-transform:uppercase;letter-spacing:.03em}
td.acoes-tab{text-align:right;white-space:nowrap}

/* ---------- botões e campos ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:36px;background:var(--azul);color:var(--azul-txt);border:1px solid transparent;border-radius:var(--raio-p);padding:7px 14px;font:inherit;font-size:14px;font-weight:500;cursor:pointer;text-decoration:none;white-space:nowrap}
.btn:hover{filter:brightness(1.08)}
.btn.cinza{background:var(--card);color:var(--txt);border-color:var(--linha-forte)}
.btn.cinza:hover{background:var(--suave);filter:none}
.btn.verm{background:var(--card);color:var(--verm);border-color:color-mix(in srgb,var(--verm) 45%,transparent)}
.btn.verm:hover{background:var(--verm-suave);filter:none}
.btn.verm.cheio{background:var(--verm);color:#fff}
.btn.pq{min-height:30px;padding:4px 10px;font-size:13px}
.btn.texto{background:none;border:0;color:var(--azul-tinta);padding:4px 6px;min-height:0}
button:disabled,.btn[aria-disabled=true]{opacity:.55;cursor:wait}
form.inl{display:inline}
label{display:block;margin:14px 0 6px;color:var(--sub);font-size:13px}
input[type=text],input[type=email],input[type=password],input[type=datetime-local],input[type=date],input[type=search],input[type=number],textarea,select{width:100%;background:var(--campo);color:var(--txt);border:1px solid var(--linha-forte);border-radius:var(--raio-p);padding:8px 10px;font:inherit;font-size:14px}
input:hover,textarea:hover,select:hover{border-color:color-mix(in srgb,var(--azul) 40%,var(--linha-forte))}
textarea{min-height:70px;resize:vertical}
input[type=checkbox]{width:18px;height:18px;accent-color:var(--azul);margin:0;flex:none}
.chk{display:flex;align-items:center;gap:8px;margin:8px 0;color:var(--txt);font-size:14px}
.linha-campos{display:flex;gap:8px;align-items:center}.linha-campos input{flex:1}
.botoes{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:18px}
.tag{display:inline-block;padding:1px 8px;border-radius:99px;font-size:12px;background:var(--suave);color:var(--sub);margin:2px 4px 2px 0}
.tag.fb{background:var(--verde-suave);color:var(--verde)}
details>summary{cursor:pointer;color:var(--sub);font-size:13px}
details>summary:hover{color:var(--txt)}
.ajuda{margin-top:8px}.ajuda>summary{display:inline-block}
.ajuda[open]>summary{margin-bottom:6px}

/* ---------- menu suspenso ---------- */
.menu{position:relative;display:inline-block}
.menu>summary{list-style:none;color:inherit;font-size:14px}.menu>summary::-webkit-details-marker{display:none}
.menu>summary.btn{color:var(--azul-txt)}.menu>summary.btn.cinza{color:var(--txt)}
.menu-lista{position:absolute;right:0;top:calc(100% + 6px);z-index:30;min-width:240px;background:var(--card);border:1px solid var(--linha-forte);border-radius:var(--raio);box-shadow:0 10px 30px #00000026;padding:6px;display:flex;flex-direction:column}
.menu-lista.esq{left:0;right:auto}
.menu-lista>a,.menu-lista>form>button,.menu-lista>form>label,.menu-lista>button{display:block;width:100%;text-align:left;background:none;border:0;color:var(--txt);font:inherit;font-size:14px;padding:8px 10px;border-radius:6px;cursor:pointer;text-decoration:none;margin:0}
.menu-lista>a:hover,.menu-lista>form>button:hover,.menu-lista>form>label:hover,.menu-lista>button:hover{background:var(--suave)}
.menu-lista .perigo{color:var(--verm)}
.menu-lista hr{border:0;border-top:1px solid var(--linha);margin:5px 4px}
.menu-lista small{display:block;color:var(--sub);font-size:12px}

/* ---------- abas ---------- */
.abas{display:flex;gap:2px;flex-wrap:wrap;margin:4px 0 12px;border-bottom:1px solid var(--linha)}
.abas a{padding:8px 12px;color:var(--sub);text-decoration:none;border-bottom:2px solid transparent;margin-bottom:-1px;font-size:14px}
.abas a:hover{color:var(--txt)}
.abas a.on{color:var(--txt);border-color:var(--azul);font-weight:600}
.abas .n{display:inline-block;min-width:20px;padding:0 6px;margin-left:4px;border-radius:99px;background:var(--suave);font-size:12px;text-align:center;font-weight:500}

/* ---------- fila ---------- */
.ritmo{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0}
.ritmo input{width:150px;padding:6px 9px}
.ritmo .sub{white-space:nowrap}
.dia{display:flex;align-items:center;gap:8px;margin:18px 0 6px;font-size:12px;color:var(--sub);text-transform:uppercase;letter-spacing:.05em;font-weight:600}
.dia:first-of-type{margin-top:6px}
.dia label{margin:0;display:flex;align-items:center;gap:8px;cursor:pointer;color:inherit;font-size:inherit}
.dia::after{content:"";flex:1;border-top:1px solid var(--linha)}
.item{display:grid;grid-template-columns:22px 52px minmax(0,1fr) auto;gap:6px 12px;align-items:center;background:var(--card);border:1px solid var(--linha);border-radius:var(--raio);padding:8px 10px;margin-bottom:6px;box-shadow:var(--sombra)}
.item:has(input[name=ids]:checked){border-color:color-mix(in srgb,var(--azul) 55%,transparent);background:color-mix(in srgb,var(--azul-suave) 45%,var(--card))}
.item.erro,.item.incerto{border-color:color-mix(in srgb,var(--verm) 40%,transparent)}
.item.enviando,.item.processando{border-color:color-mix(in srgb,var(--amar) 50%,transparent)}
.item.postado,.item.removido{opacity:.8}
.item[data-dirty="1"]{border-left:3px solid var(--amar)}
.sel{display:flex;align-items:center;justify-content:center}
.thumb{width:52px;height:68px;border-radius:6px;background:var(--suave);display:flex;align-items:center;justify-content:center;color:var(--sub);font-size:10px;overflow:hidden;text-decoration:none;text-align:center}
.thumb img,.thumb video{width:100%;height:100%;object-fit:cover;pointer-events:none}
.thumb.link{background:var(--azul-suave);color:var(--azul-tinta);font-weight:600;font-size:11px;line-height:1.2;padding:2px}
.corpo{min-width:0;display:grid;grid-template-columns:minmax(260px,1fr) 196px 104px;gap:6px 8px;align-items:center}
.corpo .topo-item{grid-column:1/-1;display:flex;align-items:center;gap:8px;min-width:0;font-size:12px;color:var(--sub)}
.nome{font-weight:600;font-size:13px;color:var(--txt);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.corpo .desc{grid-column:1;min-height:36px;padding:7px 9px;font-size:14px;resize:none;overflow:hidden;line-height:1.4}
.corpo select,.corpo input[type=datetime-local]{padding:6px 8px;font-size:13px;min-height:36px}
.corpo .info{grid-column:2/-1;font-size:13px;color:var(--sub)}
.corpo .info.so{grid-column:1/-1}
.extra{grid-column:1/-1}
.extra>summary{display:inline-block;padding:1px 0}
.extra[open]{padding:4px 0 2px}
.extra textarea{min-height:56px;font-size:13px}
.extra label{margin:8px 0 4px}
.revisao{grid-column:1/-1;margin:0;font-size:12.5px;color:var(--sub)}
.revisao:empty{display:none}
.revisao strong{color:var(--txt)}
.revisao.err strong,.revisao.err{color:var(--verm)}
.destino-ajuda{margin:4px 0 0}
.acoes{display:flex;gap:6px;align-items:center;justify-content:flex-end;flex-wrap:wrap}
.acoes:empty{display:none}
.acoes details{position:relative}
.acoes details .caixa{position:absolute;right:0;top:calc(100% + 6px);z-index:25;width:280px;background:var(--card);border:1px solid var(--linha-forte);border-radius:var(--raio);box-shadow:0 10px 30px #00000026;padding:12px}
.acoes details .caixa label{margin:8px 0 4px}
.st{display:inline-block;padding:1px 8px;border-radius:99px;font-size:11.5px;font-weight:600;white-space:nowrap;background:var(--suave);color:var(--sub)}
.st.aguardando{background:var(--suave);color:var(--sub)}
.st.aguardando.aprovado{background:var(--azul-suave);color:var(--azul-tinta)}
.st.enviando,.st.processando,.st.incerto{background:var(--amar-suave);color:var(--amar)}
.st.postado,.st.agendado_fb{background:var(--verde-suave);color:var(--verde)}
.st.erro{background:var(--verm-suave);color:var(--verm)}
.st.alterado{background:var(--amar-suave);color:var(--amar)}

/* barra de lote */
.lote{position:sticky;bottom:12px;z-index:15;margin-top:16px;background:var(--card);border:1px solid var(--linha-forte);border-radius:12px;box-shadow:var(--sombra-barra);padding:10px 12px;display:flex;gap:8px 10px;align-items:center;flex-wrap:wrap}
.lote .chk{margin:0}
.lote .contador{font-size:13px;color:var(--sub);min-width:96px}
.lote .espaco{flex:1}
.fbopt{background:var(--verde-suave);color:var(--txt);padding:5px 10px;border-radius:var(--raio-p)}
.fbopt .sub{font-size:12px}
#resultado-lote{flex-basis:100%;margin:0;font-size:13px}
#resultado-lote:empty{display:none}
#resultado-lote.erro{color:var(--verm)}
.confirmar{flex-basis:100%;display:flex;gap:8px 12px;align-items:center;flex-wrap:wrap;border-top:1px solid var(--linha);padding-top:10px;margin-top:2px}
.confirmar .resumo{flex:1;min-width:260px;font-size:14px}
.confirmar .resumo .sub{display:block}
.lote>.ajuda{flex-basis:100%;margin:0}

/* ---------- nuvem / pastas ---------- */
.trilha{margin:12px 0 8px;font-size:14px}.trilha a{text-decoration:none}
.pastas{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:6px}
.pasta{display:block;padding:9px 12px;border:1px solid var(--linha);border-radius:var(--raio-p);color:var(--txt);text-decoration:none;background:var(--campo);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}
.pasta:hover{border-color:var(--azul)}
.importar{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:14px;padding-top:14px;border-top:1px solid var(--linha)}
.importar .chk{margin:0}
.progresso{background:var(--suave);border-radius:6px;height:8px;margin:10px 0;overflow:hidden}
.progresso>div{height:100%;background:var(--azul);transition:width .3s}
.passos{margin:6px 0 0;padding-left:20px;line-height:1.7}

/* ---------- agendamentos ---------- */
.ag-linha{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap}
.ag-linha .info{min-width:0;flex:1}
.ag-linha b{font-size:15px}
.cols{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}
.paginas-chk{display:flex;flex-wrap:wrap;gap:4px 18px}

/* ---------- responsivo ---------- */
@media (max-width:1000px){
  .corpo{grid-template-columns:1fr 1fr}
  .corpo .desc{grid-column:1/-1}
  .corpo .info{grid-column:1/-1}
}
@media (max-width:700px){
  header{padding:8px 14px;gap:8px}
  main{padding:14px 14px 30px}
  .item{grid-template-columns:22px 44px minmax(0,1fr);align-items:start}
  .corpo .topo-item{flex-wrap:wrap}
  .thumb{width:44px;height:58px}
  .acoes{grid-column:1/-1;justify-content:flex-start}
  .corpo{grid-template-columns:1fr}
  .cols{grid-template-columns:1fr}
  .lote .btn{flex:1}
  table{display:block;overflow:auto}
}

/* ---------- início: próximos programados ---------- */
.secao-topo{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:28px 0 10px}
.secao-topo h2{margin:0}
.secao-topo select{width:auto;min-width:220px}
h2 .n{display:inline-block;min-width:22px;padding:0 7px;margin-left:6px;border-radius:99px;background:var(--suave);color:var(--sub);font-size:12px;font-weight:500;text-align:center;vertical-align:2px}
.rolagem{max-height:min(420px,55vh);overflow:auto;padding-top:0}
.rolagem thead th{position:sticky;top:0;background:var(--card);z-index:1;padding-top:14px}

.filtro-data{display:flex;gap:8px;align-items:center;margin:0}
.filtro-data input[type=date]{width:auto;min-width:170px}

/* mensagem de confirmação que some sozinha */
.aviso.some{transition:opacity .4s ease,transform .4s ease}
.aviso.some.saindo{opacity:0;transform:translateY(-6px)}

/* link discreto (ex.: abrir o log no diagnóstico) */
.link-discreto{color:inherit;text-decoration:underline dotted;text-underline-offset:3px;font-family:ui-monospace,Consolas,monospace;font-size:.92em}
.link-discreto:hover{color:var(--azul-tinta)}

/* ---------- 2.8: agendamento por página e banco de dados ---------- */
.paginas-abas a{font-weight:500}
.config-pagina{display:flex;flex-direction:column;gap:6px;padding:12px 16px}
.config-pagina .textos-padrao{margin:0}
.config-pagina .textos-padrao textarea{min-height:56px}
.importar-banco>summary{font-size:15px;color:var(--txt)}
.thumb.mini{width:40px;height:52px;font-size:10px}
.banco-lista{max-height:min(560px,62vh)}
.banco-lista td{vertical-align:middle}
.nome-banco{font-weight:600;max-width:320px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
h1 .n,.btn .n{display:inline-block;min-width:22px;padding:0 7px;margin-left:6px;border-radius:99px;background:var(--suave);color:var(--sub);font-size:12px;font-weight:500;text-align:center;vertical-align:3px}

/* banco de dados em pastas */
.pastas-banco{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:10px}
.pasta-banco{display:flex;gap:6px;align-items:center;margin:0;padding:6px 6px 6px 0;position:relative}
.pasta-banco .abrir{display:flex;gap:12px;align-items:center;flex:1;min-width:0;padding:8px 6px 8px 16px;text-decoration:none;color:inherit}
.pasta-banco .menu>summary{font-size:18px;padding:4px 10px;color:var(--sub)}
.renomear-inline{padding:6px 8px}.renomear-inline label{margin:0 0 6px}.renomear-inline input{margin-top:4px}
.pasta-banco:hover{border-color:var(--azul)}
.pasta-banco .icone{font-size:26px;line-height:1}
.pasta-banco b{word-break:break-word}
.importar-pc{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.importar-pc .card{margin:0;box-shadow:none}
.editar-pasta{display:flex;gap:8px;align-items:flex-start;flex-wrap:wrap;margin:0 0 12px}
.editar-pasta details>summary{list-style:none}.editar-pasta details>summary::-webkit-details-marker{display:none}
@media (max-width:700px){.importar-pc{grid-template-columns:1fr}}
.importar-pc .card>b{color:var(--txt)}

/* importar da nuvem: arquivos e duas opções */
.arquivos-nuvem{margin-top:12px;padding-top:12px;border-top:1px solid var(--linha)}
.lista-arquivos{max-height:280px;overflow:auto;border:1px solid var(--linha);border-radius:var(--raio-p);padding:4px 10px;background:var(--campo)}
.lista-arquivos .arquivo{display:flex;gap:10px;align-items:center;margin:0;padding:6px 0;border-bottom:1px solid var(--linha)}
.lista-arquivos .arquivo:last-child{border-bottom:0}
.lista-arquivos .nome-arq{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.importar{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:stretch}
.opcao-importar{display:flex;flex-direction:column;gap:8px;align-items:flex-start;border:1px solid var(--linha);border-radius:var(--raio);padding:12px 14px}
.opcao-importar .chk{margin:0}
.opcao-importar input[type=text]{max-width:360px}
@media (max-width:700px){.importar{grid-template-columns:1fr}}

/* setinha nos itens que abrem e fecham (ex.: "Textos padrão desta página", "Como funciona") */
.ajuda>summary:not(.btn)::before,.extra>summary::before{content:"▸";display:inline-block;width:1em;color:var(--sub);transition:transform .15s}
.ajuda[open]>summary:not(.btn)::before,.extra[open]>summary::before{transform:rotate(90deg)}

/* barra da pasta aberta: ações, marcar e busca alinhadas */
.barra-pasta{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:0 0 10px}
.barra-pasta.segunda{margin-bottom:12px}
.barra-pasta .separador{width:1px;height:24px;background:var(--linha-forte);margin:0 4px}
.barra-pasta input[type=search]{width:auto;min-width:260px}
.barra-pasta .contador{font-size:13px;color:var(--sub)}
.barra-pasta .contador.err{color:var(--verm)}
.barra-pasta .menu>summary{list-style:none}.barra-pasta .menu>summary::-webkit-details-marker{display:none}
.barra-pasta .espaco{flex:1}

/* "Enviar para" embaixo da lista, à direita; o menu abre para cima */
.enviar-baixo{display:flex;justify-content:flex-end;margin-top:-4px}
.enviar-baixo .menu>summary{list-style:none}.enviar-baixo .menu>summary::-webkit-details-marker{display:none}
.menu-lista.cima{top:auto;bottom:calc(100% + 6px);right:0}

/* linha de baixo da pasta: marcar os próximos (esquerda) e Enviar para (direita) */
.enviar-baixo{justify-content:flex-start;align-items:center;gap:8px;flex-wrap:wrap;margin-top:0}
.enviar-baixo .espaco{flex:1}
.enviar-baixo .contador{font-size:13px;color:var(--sub)}.enviar-baixo .contador.err{color:var(--verm)}

/* ---------- Banco de dados ao vivo (navegador de arquivos) ---------- */
.nav-barra{flex-wrap:wrap}
.ao-vivo{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;color:var(--sub)}
.ponto-vivo{width:8px;height:8px;border-radius:50%;background:var(--verde);animation:pulso 2s ease-in-out infinite}
.ao-vivo.falha .ponto-vivo{background:var(--amar);animation:none}
@keyframes pulso{0%,100%{opacity:1}50%{opacity:.35}}
@media (prefers-reduced-motion:reduce){.ponto-vivo{animation:none}}
.nav-arquivos{padding:0;max-height:min(62vh,640px)}
.nav-cab{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 14px;border-bottom:1px solid var(--linha);position:sticky;top:0;background:var(--card);z-index:1}
.arq-linha{display:grid;grid-template-columns:22px minmax(0,1fr) auto 70px;align-items:center;gap:10px;margin:0;padding:7px 14px;border-bottom:1px solid var(--linha);color:var(--txt);font-size:14px;cursor:pointer}
.arq-linha:last-of-type{border-bottom:0}
.arq-linha:hover{background:var(--suave)}
.arq-linha .nome-arq{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.arq-linha .tam{text-align:right;font-size:12px}
.arq-linha.usado{cursor:default}
.arq-linha.usado .nome-arq{color:var(--sub)}
.arq-linha.novo{animation:chegou 4s ease-out}
@keyframes chegou{0%{background:var(--azul-suave)}100%{background:transparent}}
.arq-linha[hidden]{display:none}
#nav-lista .pastas{margin-bottom:12px}

/* ---------- Agendamento: programar por padrão (painel escondido) ---------- */
.painel-padrao[hidden]{display:none}
.padrao-grade{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:14px}
.padrao-grade label{margin-top:0}
.padrao-grade .sub{display:block;margin-top:4px}
.padrao-grade select,.padrao-grade input{width:100%}
#pd-outro{margin-top:6px}
.padrao-previa{margin:10px 0 0;padding:8px 10px;background:var(--suave);border-radius:var(--raio-p)}
.padrao-previa:empty{display:none}
#abrir-padrao[aria-expanded="true"]{background:var(--azul-suave);color:var(--azul-tinta)}
@media (max-width:640px){.padrao-grade{grid-template-columns:1fr}}
/* filtro de data na mesma linha das abas Na fila / Postados / Removidos / Todos */
.abas-filtro{align-items:flex-end}
.abas-filtro .filtro-data{margin:0 0 5px auto;display:flex;align-items:center;gap:4px}
.abas-filtro .filtro-data input[type=date]{width:auto;padding:5px 8px;font-size:13px}
/* sinal de verificação automática do vídeo */
.revisao .sinal-pronto{display:inline-flex;align-items:center;gap:6px;color:var(--verde);font-weight:600;font-size:12.5px}
.revisao .sinal-pronto::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--verde)}
.revisao-erro.temporario{transition:opacity .4s}.revisao-erro.temporario.saindo{opacity:0}
/* confirmação da alteração de um vídeo da fila */
.salvar-item{grid-column:1/-1;display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:4px;padding:6px 10px;border-radius:var(--raio-p);background:var(--amar-suave)}
.salvar-item[hidden]{display:none}
.salvar-item .o-que{font-size:13px;color:var(--amar);font-weight:600;margin-right:auto}
/* Agendamento: página escolhida num menu suspenso ao lado do título */
.titulo-pagina{display:flex;align-items:center;gap:12px;flex-wrap:wrap;min-width:0}
.escolher-pagina{margin:0}
.escolher-pagina select{width:auto;max-width:320px;font-weight:600;padding:6px 30px 6px 10px}
#abrir-padrao{margin-left:auto}

/* =====================================================================
   Identidade visual SuperFlow (by MotaMídia) — sempre escuro, como a logo:
   azul-marinho profundo, azul elétrico e ciano, letras Montserrat nos títulos.
   ===================================================================== */
@font-face{font-family:"Montserrat";font-weight:500;font-display:swap;src:url(/static/fontes/montserrat-latin-500-normal.woff2) format("woff2")}
@font-face{font-family:"Montserrat";font-weight:600;font-display:swap;src:url(/static/fontes/montserrat-latin-600-normal.woff2) format("woff2")}
@font-face{font-family:"Montserrat";font-weight:700;font-display:swap;src:url(/static/fontes/montserrat-latin-700-normal.woff2) format("woff2")}
@font-face{font-family:"Montserrat";font-weight:800;font-display:swap;src:url(/static/fontes/montserrat-latin-800-normal.woff2) format("woff2")}
:root{
  color-scheme:dark;
  --marca-azul:#1f5bff;--marca-ciano:#00c2ff;--marca-gradiente:linear-gradient(120deg,#1f5bff 0%,#0a8dff 55%,#00c2ff 100%);
  --bg:#060a16;--card:#0b1224;--campo:#081022;--suave:#121c36;--linha:#17223f;--linha-forte:#24345e;
  --txt:#eaf0ff;--sub:#8e9bbd;--azul:#1f6bff;--azul-txt:#fff;--azul-suave:#0f2350;--azul-tinta:#4fd3ff;
  --verde:#34d399;--verde-suave:#0c2a22;--verm:#ff6b7a;--verm-suave:#2e1220;--amar:#fbbf24;--amar-suave:#2a2110;
  --sombra:0 1px 0 #ffffff05 inset,0 8px 24px #00000040;--sombra-barra:0 -8px 28px #000000a0;
  --fonte-marca:"Montserrat",system-ui,"Segoe UI",sans-serif;
  /* partes da identidade que mudam com o tema */
  --fundo-img:radial-gradient(1100px 520px at 12% -10%,#0f2a6b66,transparent 60%),radial-gradient(900px 500px at 100% 0%,#0a3d7a33,transparent 60%);
  --topo-bg:#060a16e6;--card-bg:linear-gradient(180deg,#0d1529,#0a1122);--txt-forte:#fff;--borda-hover:#2f63c9;
  --aviso-ok-bg:#0b2a2a;--aviso-ok-borda:#145c4a;--card-hover:#24448f;--brilho-logo:#1f6bff99;--brilho-btn:#1f6bff40
}
body{background-color:var(--bg);background-image:var(--fundo-img);background-repeat:no-repeat;background-attachment:fixed}
h1,h2,.marca,header nav a,.btn,.abas a,.dia{font-family:var(--fonte-marca)}
h1{font-weight:700;letter-spacing:-.01em}h2{font-weight:600}
::selection{background:#1f5bff66}

/* topo */
header{background:var(--topo-bg);backdrop-filter:blur(10px);border-bottom:1px solid var(--linha)}
.marca{display:inline-flex;align-items:center;gap:9px;text-decoration:none;color:var(--txt)}
.marca img{width:28px;height:28px;filter:drop-shadow(0 0 8px var(--brilho-logo))}
.nome-marca{font-weight:800;font-size:18px;letter-spacing:-.02em;color:var(--txt-forte)}
.nome-marca b{font-weight:800;background:linear-gradient(90deg,#14a8ff,#00d0ff);-webkit-background-clip:text;background-clip:text;color:transparent}
header nav a{font-weight:500}
header nav a.on{background:var(--azul-suave);color:var(--txt-forte);box-shadow:inset 0 -2px 0 var(--marca-ciano)}

/* botões */
.btn{background:var(--marca-gradiente);border:0;font-weight:600;color:#fff;box-shadow:0 4px 14px var(--brilho-btn)}
.btn:hover{filter:brightness(1.12);box-shadow:0 6px 18px #1f8bff55}
.btn.cinza,.btn.verm,.btn.texto{box-shadow:none}
.btn.cinza{background:var(--card);color:var(--txt);border:1px solid var(--linha-forte)}
.btn.cinza:hover{border-color:var(--borda-hover);background:var(--suave)}
.btn.verm{background:transparent;color:var(--verm);border:1px solid color-mix(in srgb,var(--verm) 45%,transparent)}
.btn.texto{background:none;color:var(--azul-tinta)}
.btn.verm.cheio{background:var(--verm);color:#fff}

/* cartões, campos, abas */
.card{background:var(--card-bg);border-color:var(--linha)}
input,select,textarea{background:var(--campo);border-color:var(--linha-forte);color:var(--txt)}
input:focus,select:focus,textarea:focus{border-color:var(--marca-ciano);box-shadow:0 0 0 3px #00c2ff22;outline:none}
.abas a.on{border-color:var(--marca-ciano);color:var(--txt-forte)}
.n{font-family:var(--fonte-marca)}
:focus-visible{outline-color:var(--marca-ciano)}
input[type=checkbox]{accent-color:var(--azul)}
.aviso.m{background:var(--aviso-ok-bg);border-color:var(--aviso-ok-borda)}
.num{font-family:var(--fonte-marca);font-weight:700}
a.card:hover{border-color:var(--card-hover);box-shadow:0 0 0 1px #1f5bff33,0 10px 28px #00000055}

/* ---- modo servidor: conta, login, usuários, envio de vídeos ---- */
.conta{display:flex;align-items:center;gap:6px;margin:0 0 0 auto}
.conta .sub{white-space:nowrap}
.entrar{max-width:440px;margin:12vh auto 0;text-align:center}
.entrar img{margin-bottom:12px}
.entrar .btn{font-size:15px;padding:12px 22px}
.tabela-usuarios td form{display:inline-flex;gap:6px;align-items:center;margin:0}
.upload-area{border:1.5px dashed var(--linha);border-radius:12px;padding:22px;text-align:center}
.upload-area.arrastando{border-color:var(--azul)}
.upload-lista{list-style:none;padding:0;margin:12px 0 0;text-align:left}
.upload-lista li{display:flex;gap:10px;align-items:center;padding:4px 0;font-size:13px}
.upload-lista progress{flex:1}
.form-usuario{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.form-usuario input[type=email]{flex:1;min-width:240px;width:auto}
.form-usuario select{width:auto}


/* =====================================================================
   Temas: Padrão (o de cima, cores da logo) · Escuro (neutro, grafite) · Claro.
   O tema escolhido fica guardado neste navegador (html[data-tema]).
   ===================================================================== */
:root[data-tema="escuro"]{
  color-scheme:dark;
  --bg:#0e0f12;--card:#17181c;--campo:#111215;--suave:#222429;--linha:#2a2c32;--linha-forte:#3a3d45;
  --txt:#ececf0;--sub:#9a9ca5;--azul:#2f6bff;--azul-suave:#1b2742;--azul-tinta:#62c6ff;
  --verde:#4ade80;--verde-suave:#11291b;--verm:#f87171;--verm-suave:#331617;--amar:#facc15;--amar-suave:#2e2710;
  --sombra:none;--sombra-barra:0 -6px 24px #00000080;
  --fundo-img:none;--topo-bg:#0e0f12f0;--card-bg:#17181c;--txt-forte:#fff;--borda-hover:#4b5260;
  --aviso-ok-bg:#11291b;--aviso-ok-borda:#1f5132;--card-hover:#3a3d45;--brilho-logo:transparent;--brilho-btn:transparent
}
:root[data-tema="claro"]{
  color-scheme:light;
  --bg:#f3f6fc;--card:#ffffff;--campo:#ffffff;--suave:#eaf0fb;--linha:#dbe3f1;--linha-forte:#c2cee4;
  --txt:#0c1633;--sub:#56627f;--azul:#1f5bff;--azul-suave:#e3ecff;--azul-tinta:#1550e6;
  --verde:#15803d;--verde-suave:#e4f5ea;--verm:#c62828;--verm-suave:#fdecec;--amar:#a15c00;--amar-suave:#fff3dc;
  --sombra:0 1px 2px #0c16330d,0 4px 14px #0c16330f;--sombra-barra:0 -4px 24px #0c16331f;
  --fundo-img:radial-gradient(1100px 520px at 12% -10%,#cfe0ff88,transparent 60%),radial-gradient(900px 500px at 100% 0%,#d6f3ff88,transparent 60%);
  --topo-bg:#ffffffe8;--card-bg:#ffffff;--txt-forte:#0c1633;--borda-hover:#8fb0f5;
  --aviso-ok-bg:#e4f5ea;--aviso-ok-borda:#a7dcb8;--card-hover:#9db8f3;--brilho-logo:#1f6bff40;--brilho-btn:#1f5bff33
}
:root[data-tema="claro"] .nome-marca b{background:linear-gradient(90deg,#1f5bff,#0aa8e6);-webkit-background-clip:text;background-clip:text}
:root[data-tema="claro"] .card{border-color:var(--linha)}
/* escolha do tema, no topo */
.tema{display:inline-flex;align-items:center;gap:7px;margin:0;padding:4px 2px}
.tema .bolinha{width:14px;height:14px;min-height:0;padding:0;border-radius:50%;border:1px solid var(--linha-forte);cursor:pointer;opacity:.55;
  transition:opacity .15s,transform .15s,box-shadow .15s}
.tema .bolinha:hover{opacity:.9;transform:scale(1.12)}
.tema .bolinha[aria-checked="true"]{opacity:1;outline:1.5px solid var(--azul);outline-offset:2px}
.tema .bolinha.padrao{background:linear-gradient(135deg,#1f6bff,#00d4ff)}
.tema .bolinha.escuro{background:#0b0d12}
.tema .bolinha.claro{background:#fff}
.filtros-atividades{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap}
.filtros-atividades label{display:flex;flex-direction:column;gap:4px;font-size:13px;color:var(--sub)}
.filtros-atividades select,.filtros-atividades input{width:auto;min-width:160px}
.por{font-size:12px;color:var(--sub)}
/* Histórico: filtro por atividade e período */
.filtro-historico{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap}
.filtro-historico label{margin:0;display:flex;flex-direction:column;gap:4px}
.filtro-historico select,.filtro-historico input{width:auto;min-width:150px}
.atalhos-periodo{display:inline-flex;gap:6px;margin-left:auto}
.resumo-historico{margin:0 0 8px}
.zona-admin{margin-top:22px;border-color:color-mix(in srgb,var(--verm) 30%,var(--linha))}
/* Banco de dados: barra de endereço editável (como no Explorador de Arquivos) */
.endereco{margin:12px 0 10px}
.endereco .trilha{margin:0;display:flex;align-items:center;flex-wrap:wrap;gap:2px 6px;min-height:38px;padding:6px 12px;border:1px solid var(--linha);
  border-radius:var(--raio-p);background:var(--campo);cursor:text}
.endereco .trilha:hover{border-color:var(--linha-forte)}
.endereco .trilha[hidden]{display:none}
.endereco .trilha a,.endereco .trilha b{cursor:pointer;padding:1px 4px;border-radius:4px}
.endereco .trilha a:hover{background:var(--suave)}
.endereco .sep{color:var(--sub)}
.endereco-campo{width:100%;min-height:38px;font-family:ui-monospace,Consolas,monospace;font-size:13px}
.arq-linha.alvo{background:var(--azul-suave);box-shadow:inset 3px 0 0 var(--marca-ciano)}
.dica-shift{font-size:12.5px}
kbd{font-family:var(--fonte-marca);font-size:11px;padding:1px 6px;border:1px solid var(--linha-forte);border-bottom-width:2px;border-radius:5px;background:var(--suave);color:var(--txt)}
/* Banco de dados: conta, atualização e ↻ na linha das abas, à direita */
.abas-info{margin-left:auto;display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap;padding-bottom:4px}
.abas-info form{margin:0}
/* Banco de dados: arrastar do computador para a pasta aberta */
.soltar-aqui{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;pointer-events:none;
  background:color-mix(in srgb,var(--bg) 70%,transparent);backdrop-filter:blur(2px)}
.soltar-aqui[hidden]{display:none}
.soltar-aqui>div{display:flex;flex-direction:column;align-items:center;gap:6px;padding:34px 48px;border:2px dashed var(--marca-ciano);
  border-radius:16px;background:var(--card);box-shadow:0 20px 50px #00000055;font-size:18px}
.soltar-aqui span{color:var(--sub);font-size:14px}
.recebendo .faixa{display:flex;justify-content:space-between;align-items:center}
.recebendo[hidden]{display:none}
.recebendo .upload-lista li span:first-child{flex:0 1 46%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.recebendo .upload-lista li span:last-child{flex:0 0 auto;max-width:40%}
/* Confirmação da programação: janela por cima da tela, com o fundo embaçado */
#confirmar-lote{position:fixed;inset:0;z-index:60;display:flex;align-items:center;justify-content:center;margin:0;padding:16px;border:0;
  background:color-mix(in srgb,var(--bg) 60%,transparent);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);animation:aparecer .15s ease-out}
#confirmar-lote.oculto{display:none!important}
.modal-caixa{width:min(520px,100%);background:var(--card);border:1px solid var(--linha-forte);border-radius:16px;padding:22px 24px;
  box-shadow:0 24px 60px #00000066;display:flex;flex-direction:column;gap:18px}
.modal-caixa .resumo{font-size:15px;min-width:0;text-align:center}
.modal-caixa .botoes{display:flex;justify-content:center;gap:10px;margin:0}
@keyframes aparecer{from{opacity:0}to{opacity:1}}
@media (prefers-reduced-motion:reduce){#confirmar-lote{animation:none}}
/* Notificações no pé da tela */
.toasts{position:fixed;left:50%;bottom:22px;transform:translateX(-50%);z-index:70;display:flex;flex-direction:column;gap:8px;
  width:min(640px,calc(100vw - 32px));pointer-events:none}
.toasts .toast{pointer-events:auto;margin:0;display:flex;align-items:flex-start;gap:10px;box-shadow:0 12px 32px #00000040;
  background-color:var(--card);animation:toast-entra .2s ease-out}
.toasts .toast>span,.toasts .toast{font-size:14px}
.toasts .aviso.m{background:color-mix(in srgb,var(--verde-suave) 85%,var(--card))}
.toasts .aviso.e{background:color-mix(in srgb,var(--verm-suave) 85%,var(--card))}
.fechar-toast{margin-left:auto;background:none;border:0;color:var(--sub);font-size:18px;line-height:1;cursor:pointer;padding:0 2px}
.fechar-toast:hover{color:var(--txt)}
.toast.saindo{opacity:0;transform:translateY(8px);transition:opacity .35s,transform .35s}
@keyframes toast-entra{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.toasts .toast{animation:none}}

/* Recebidos: lixeira ao lado do tamanho */
.arq-linha.com-lixeira{grid-template-columns:22px minmax(0,1fr) auto 70px 28px}
.lixeira{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:0;border-radius:6px;background:transparent;color:#e5484d;cursor:pointer}
.lixeira:hover,.lixeira:focus-visible{background:rgba(229,72,77,.12)}

/* Abertura do SuperFlow: fundo escuro → brilho azul → logo aparece → SuperFlow acende → entra no sistema */
#abertura{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;overflow:hidden;cursor:pointer;
  background:radial-gradient(circle at center,#071b3a 0%,#02040a 55%,#000 100%);transition:opacity .6s ease,visibility .6s ease}
.sem-abertura #abertura{display:none}
#abertura.abertura-sai{opacity:0;visibility:hidden}
.abertura-brilho{position:absolute;width:420px;height:420px;border-radius:50%;background:rgba(0,128,255,.28);filter:blur(70px);opacity:0;
  animation:abertura-brilho 1s ease-out forwards}
.abertura-marca{position:relative;display:flex;flex-direction:column;align-items:center;gap:18px}
.abertura-assina{margin-top:-10px;font-family:var(--fonte-marca);font-weight:500;font-size:clamp(13px,2.2vw,16px);letter-spacing:2px;color:#8fb8ff}
.abertura-assina span{display:inline-block;opacity:0;animation:abertura-letra .35s ease-out forwards}
@keyframes abertura-letra{from{opacity:0;transform:translateY(6px);text-shadow:0 0 12px rgba(0,212,255,.9)}to{opacity:1;transform:none;text-shadow:0 0 6px rgba(0,174,255,.35)}}
.abertura-logo{width:min(150px,32vw);height:auto;opacity:0;filter:drop-shadow(0 0 24px rgba(0,174,255,.55));
  animation:abertura-logo .9s cubic-bezier(.2,.8,.2,1) .25s forwards,abertura-pulso 2.2s ease-in-out 1.1s infinite}
.abertura-nome{font-family:var(--fonte-marca);font-weight:600;font-size:clamp(30px,6vw,46px);letter-spacing:.5px;color:#fff;opacity:0;
  animation:abertura-nome .7s ease-out .85s forwards}
.abertura-nome b{font-weight:800;background:linear-gradient(90deg,#1f6bff,#00d4ff);-webkit-background-clip:text;background-clip:text;color:transparent}
@keyframes abertura-brilho{from{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}
@keyframes abertura-logo{from{opacity:0;transform:scale(.88) translateY(14px)}to{opacity:1;transform:none}}
@keyframes abertura-pulso{0%,100%{filter:drop-shadow(0 0 22px rgba(0,174,255,.5))}50%{filter:drop-shadow(0 0 42px rgba(0,221,255,.85))}}
@keyframes abertura-nome{0%{opacity:0;filter:blur(6px);text-shadow:none}60%{opacity:1;filter:none;text-shadow:0 0 28px rgba(0,200,255,.9)}100%{opacity:1;text-shadow:0 0 14px rgba(0,174,255,.45)}}
@media (prefers-reduced-motion:reduce){#abertura{display:none}}
.arq-linha .st{max-width:320px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.st.excluido_fb,.st.removido{background:var(--suave);color:var(--sub);text-decoration:line-through}

/* Foto de perfil das páginas */
.avatar{display:inline-block;flex:none;border-radius:50%;object-fit:cover;vertical-align:middle;background:var(--suave);box-shadow:0 0 0 1px var(--linha)}
.avatar.inicial{display:inline-flex;align-items:center;justify-content:center;font-weight:700;color:#fff;background:linear-gradient(135deg,#1f6bff,#00b4e6);box-shadow:none;line-height:1}
.escolher-pagina{display:flex;align-items:center;gap:10px}
.foto-filtro{display:inline-flex;align-items:center}
.pagina-id{display:flex;align-items:center;gap:12px}
.menu-lista>button.enviar-pagina{display:grid;grid-template-columns:auto 1fr;column-gap:8px;align-items:center}
.menu-lista>button.enviar-pagina small{grid-column:2}
.com-foto .avatar{margin-right:4px}
.st .avatar{margin:-2px 1px 0}
/* Escolher página com foto (Início e Agendamento) */
.select-escondido{position:absolute!important;width:1px!important;height:1px!important;opacity:0;pointer-events:none;overflow:hidden}
.seletor-fotos{position:relative;display:inline-block}
.seletor-botao,.seletor-lista>button{display:flex;align-items:center;gap:9px;font:inherit;font-size:14px;color:var(--txt);cursor:pointer;text-align:left}
.seletor-botao{min-height:36px;padding:5px 10px 5px 6px;background:var(--campo);border:1px solid var(--linha-forte);border-radius:var(--raio-p);max-width:340px}
.seletor-botao:hover{border-color:color-mix(in srgb,var(--azul) 40%,var(--linha-forte))}
.seletor-botao .seta{margin-left:4px;color:var(--sub);font-size:12px}
.seletor-nome{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.seletor-lista{position:absolute;left:0;top:calc(100% + 6px);z-index:40;min-width:100%;width:max-content;max-width:380px;max-height:360px;overflow:auto;
  background:var(--card);border:1px solid var(--linha-forte);border-radius:var(--raio);box-shadow:0 10px 30px #00000033;padding:6px;display:flex;flex-direction:column;gap:2px}
.seletor-lista[hidden]{display:none}
.seletor-lista>button{width:100%;background:none;border:0;padding:7px 9px;border-radius:6px}
.seletor-lista>button:hover,.seletor-lista>button:focus-visible{background:var(--suave);outline:none}
.seletor-lista>button[aria-selected="true"]{background:var(--azul-suave)}
.seletor-lista .n,.seletor-botao .n{margin-left:auto}
.avatar.inicial.todas{background:var(--suave);color:var(--sub)}
.seletor-fotos .n{display:inline-block;min-width:20px;padding:0 6px;border-radius:99px;background:var(--suave);color:var(--sub);font-size:12px;font-weight:500;text-align:center}