:root{
  --fundo:#0b0b0d; --carta:#141417; --carta2:#1b1b20; --borda:#26262c;
  --texto:#ececf1; --fraco:#9a9aa6; --laranja:#f25c1f; --laranja2:#ff7a41;
  --verde:#3fb950; --amarelo:#d29922; --vermelho:#f85149; --azul:#58a6ff;
  --r:10px;
}
*{box-sizing:border-box;margin:0;padding:0}
body{background:var(--fundo);color:var(--texto);font:15px/1.55 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;-webkit-font-smoothing:antialiased}
button,input,select,textarea{font:inherit;color:inherit}
a{color:var(--laranja2)}

header{display:flex;align-items:center;gap:18px;padding:14px 22px;background:var(--carta);border-bottom:1px solid var(--borda);position:sticky;top:0;z-index:50;flex-wrap:wrap}
header h1{font-size:16px;font-weight:650;letter-spacing:-.2px}
header h1 span{color:var(--laranja)}
nav{display:flex;gap:4px;flex:1;flex-wrap:wrap}
nav button{background:none;border:0;padding:8px 14px;border-radius:8px;color:var(--fraco);cursor:pointer;font-weight:550;font-size:14px}
nav button:hover{background:var(--carta2);color:var(--texto)}
nav button.on{background:var(--laranja);color:#fff}
#saude{font-size:12px;color:var(--fraco);display:flex;gap:8px;align-items:center}
.bolinha{width:8px;height:8px;border-radius:50%;display:inline-block;margin-right:4px}
.bolinha.ok{background:var(--verde)} .bolinha.off{background:#44444d}

main{max-width:1240px;margin:0 auto;padding:22px}
.pagina{display:none} .pagina.on{display:block}
h2{font-size:19px;font-weight:650;margin-bottom:4px;letter-spacing:-.3px}
.sub{color:var(--fraco);font-size:13.5px;margin-bottom:18px}

.barra{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:16px}
.btn{background:var(--laranja);color:#fff;border:0;padding:9px 16px;border-radius:8px;cursor:pointer;font-weight:600;font-size:14px}
.btn:hover{background:var(--laranja2)}
.btn:disabled{opacity:.45;cursor:not-allowed}
.btn.fantasma{background:var(--carta2);color:var(--texto);border:1px solid var(--borda)}
.btn.fantasma:hover{background:var(--borda)}
.btn.pequeno{padding:5px 10px;font-size:12.5px;border-radius:6px}
input,select,textarea{background:var(--carta2);border:1px solid var(--borda);border-radius:8px;padding:8px 11px;outline:0;width:100%}
input:focus,select:focus,textarea:focus{border-color:var(--laranja)}
textarea{resize:vertical;min-height:90px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;line-height:1.6}
label{display:block;font-size:12px;color:var(--fraco);margin-bottom:5px;font-weight:600;text-transform:uppercase;letter-spacing:.4px}
.campo{margin-bottom:13px}
.linha{display:flex;gap:11px;flex-wrap:wrap}
.linha>*{flex:1;min-width:150px}

.carta{background:var(--carta);border:1px solid var(--borda);border-radius:var(--r);padding:16px;margin-bottom:13px}
.carta h3{font-size:15px;font-weight:620;margin-bottom:5px}
.grade{display:grid;grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:13px}

.etiqueta{display:inline-block;padding:2px 9px;border-radius:999px;font-size:11px;font-weight:650;text-transform:uppercase;letter-spacing:.4px;background:var(--carta2);color:var(--fraco);border:1px solid var(--borda)}
.etiqueta.ideia{color:var(--fraco)}
.etiqueta.aprovado{color:var(--azul);border-color:#1f3d5c}
.etiqueta.agendado{color:var(--laranja);border-color:#4a2a17}
.etiqueta.roteiro_pronto{color:var(--verde);border-color:#1c3a22}
.etiqueta.publicado{color:var(--verde);background:#132b18;border-color:#1c3a22}
.etiqueta.arquivado{opacity:.5}
.etiqueta.pilar{color:var(--laranja2);border-color:#4a2a17}

.cal{display:grid;grid-template-columns:repeat(7,1fr);gap:7px}
.cal .cab{font-size:11px;color:var(--fraco);text-transform:uppercase;text-align:center;padding:6px 0;font-weight:650;letter-spacing:.5px}
.dia{background:var(--carta);border:1px solid var(--borda);border-radius:9px;min-height:112px;padding:7px}
.dia.fora{opacity:.32}
.dia.hoje{border-color:var(--laranja)}
.dia.alvo{border-color:var(--laranja);background:#1d1410}
.dia .n{font-size:11px;color:var(--fraco);margin-bottom:5px;font-weight:600}
.item{background:var(--carta2);border:1px solid var(--borda);border-left:3px solid var(--laranja);border-radius:6px;padding:5px 7px;margin-bottom:4px;font-size:11.5px;cursor:grab;line-height:1.35}
.item:hover{background:var(--borda)}
.item.publicado{border-left-color:var(--verde)}
.item.ideia{border-left-color:#44444d}
.item .f{color:var(--fraco);font-size:10px;text-transform:uppercase;letter-spacing:.3px}

.tabela{width:100%;border-collapse:collapse;font-size:13.5px}
.tabela th{text-align:left;padding:9px;border-bottom:1px solid var(--borda);color:var(--fraco);font-size:11px;text-transform:uppercase;letter-spacing:.4px}
.tabela td{padding:9px;border-bottom:1px solid var(--borda);vertical-align:top}
.tabela tr:hover td{background:var(--carta2)}

.tampa{position:fixed;inset:0;background:#000a;display:none;align-items:center;justify-content:center;z-index:100;padding:20px}
.tampa.on{display:flex}
.painel{background:var(--carta);border:1px solid var(--borda);border-radius:14px;max-width:820px;width:100%;max-height:88vh;overflow:auto;padding:22px}
.painel h3{font-size:17px;margin-bottom:14px}
.fechar{float:right;background:none;border:0;color:var(--fraco);font-size:24px;cursor:pointer;line-height:1}

pre{background:var(--carta2);border:1px solid var(--borda);border-radius:8px;padding:13px;overflow:auto;font-size:12.5px;line-height:1.65;white-space:pre-wrap;word-break:break-word;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}

.aviso{padding:11px 14px;border-radius:8px;margin-bottom:13px;font-size:13.5px;border:1px solid}
.aviso.erro{background:#2a1415;border-color:#5c2427;color:#ffb3b8}
.aviso.ok{background:#132b18;border-color:#1c3a22;color:#8fdca0}
.aviso.atencao{background:#2a2213;border-color:#5c4a24;color:#f0d08a}
.aviso.info{background:#12202e;border-color:#1f3d5c;color:#a6d2ff}

.vazio{text-align:center;padding:44px 20px;color:var(--fraco)}
.carregando{display:inline-block;width:13px;height:13px;border:2px solid var(--borda);border-top-color:var(--laranja);border-radius:50%;animation:girar .7s linear infinite;vertical-align:-2px;margin-right:7px}
@keyframes girar{to{transform:rotate(360deg)}}
.mini{font-size:12px;color:var(--fraco)}
.num{font-size:26px;font-weight:700;color:var(--laranja);line-height:1.1}
.copiar{float:right}
@media(max-width:760px){
  .cal{grid-template-columns:1fr;gap:5px}
  .cal .cab{display:none}
  .dia{min-height:auto}
  .dia:empty{display:none}
}