:root{--fundo:#1a1d21;--painel:#222529;--borda:#35373b;--texto:#e8e8e8;--fraco:#9a9b9e;--verde:#2bac76;--amarelo:#e8b339;--vermelho:#e0525a;--azul:#1d9bd1;--roxo:#4a154b}
*{box-sizing:border-box}
html,body{margin:0;background:var(--fundo);color:var(--texto);font:15px/1.45 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;overflow-x:hidden}
a{color:var(--azul)}
.topo{position:sticky;top:0;z-index:2;display:flex;justify-content:space-between;align-items:center;padding:10px 14px;background:var(--roxo);border-bottom:1px solid #000}
.sair{color:#fff;opacity:.8;text-decoration:none;font-size:14px}
.conteudo{max-width:1180px;margin:0 auto;padding:12px}
.resumo{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center;justify-content:space-between;padding:12px 14px;background:var(--painel);border:1px solid var(--borda);border-radius:10px}
.resumo .trabalhando{font-size:18px}.resumo .trabalhando b{font-size:22px}
.bolinha{display:inline-block;width:10px;height:10px;border-radius:50%;background:var(--fraco);margin-right:8px}.bolinha.verde{background:var(--verde)}
.frescor{font-size:14px;color:var(--verde)}.frescor.velho{color:var(--amarelo)}.frescor.parado{color:var(--vermelho);font-weight:600}
.canal{font-size:15px;color:var(--fraco);margin:22px 2px 8px;font-weight:600}
.cards{display:grid;grid-template-columns:1fr;gap:10px}
@media(min-width:760px){.cards{grid-template-columns:1fr 1fr}}
@media(min-width:1100px){.cards{grid-template-columns:1fr 1fr 1fr}}
.card,.bloco{background:var(--painel);border:1px solid var(--borda);border-radius:10px;padding:12px 14px;min-width:0}
.card.trabalhando{border-left:4px solid var(--verde)}.card.travado{border-left:4px solid var(--vermelho)}
.card-topo{display:flex;align-items:center;gap:10px;margin-bottom:6px}
.avatar{flex:0 0 38px;height:38px;border-radius:8px;background:#2f3136;display:grid;place-items:center;font-size:20px}
.quem{flex:1;min-width:0;display:flex;flex-direction:column}.quem span{color:var(--fraco);font-size:13px}
.status{font-size:13px;white-space:nowrap}
.msg{margin:6px 0;overflow-wrap:anywhere}.msg.agora{color:#fff}
.rotulo{display:block;font-size:12px;color:var(--fraco);text-transform:uppercase;letter-spacing:.03em}
.resumo-txt{margin:2px 0 6px;color:#c9c9c9;font-size:13.5px;overflow-wrap:anywhere}
.mini{font-size:12.5px;color:var(--fraco);margin:4px 0;overflow-wrap:anywhere}
.vazio{color:var(--fraco);font-style:italic}
.vermelho{color:var(--vermelho)!important}
.aviso-erro{color:var(--vermelho);background:#3a1f22;border-radius:6px;padding:6px 10px;font-size:13.5px}
.barra-rotulo{display:flex;justify-content:space-between;font-size:12.5px;color:var(--fraco);margin-top:8px}
.barra{height:8px;background:#2f3136;border-radius:4px;overflow:hidden;margin-top:3px}
.enchimento{height:100%;background:var(--verde)}.enchimento.amarelo{background:var(--amarelo)}.enchimento.vermelho{background:var(--vermelho)}
.linha{margin:6px 0;padding-bottom:6px;border-bottom:1px solid var(--borda);overflow-wrap:anywhere}.linha:last-child{border-bottom:0}
code{background:#2f3136;border-radius:4px;padding:1px 5px;font-size:12px;color:var(--fraco)}
details summary{cursor:pointer;color:var(--fraco);margin-top:6px}
.conta{margin-bottom:12px}.conta-nome{margin:0;font-weight:600;overflow-wrap:anywhere}
.rotina{padding:6px 0;border-bottom:1px solid var(--borda)}.rotina:last-child{border-bottom:0}.rotina p{margin:2px 0;overflow-wrap:anywhere}
.rotina.falhou{border-left:3px solid var(--vermelho);padding-left:8px}.rotina.pausada{opacity:.55}
@media(min-width:1000px){.conteudo{display:block}}
.login{min-height:100vh;display:grid;place-items:center;padding:16px;background:radial-gradient(circle at 50% 0,#3b1a3d,var(--fundo) 60%)}
.login-caixa{width:100%;max-width:360px;background:var(--painel);border:1px solid var(--borda);border-radius:14px;padding:28px 22px;display:flex;flex-direction:column;gap:12px}
.login-logo{font-size:40px;text-align:center}
.login h1{margin:0;text-align:center;font-size:22px}.login .sub{margin:0 0 6px;text-align:center;color:var(--fraco)}
.login label{display:flex;flex-direction:column;gap:4px;font-size:13px;color:var(--fraco)}
.login input{font:inherit;color:var(--texto);background:#1a1d21;border:1px solid var(--borda);border-radius:8px;padding:11px 12px}
.login input:focus{outline:2px solid var(--azul);border-color:transparent}
.login button{font:inherit;font-weight:600;color:#fff;background:var(--verde);border:0;border-radius:8px;padding:12px;cursor:pointer;margin-top:4px}
.w0{width:0%}.w5{width:5%}.w10{width:10%}.w15{width:15%}.w20{width:20%}.w25{width:25%}.w30{width:30%}.w35{width:35%}.w40{width:40%}.w45{width:45%}.w50{width:50%}.w55{width:55%}.w60{width:60%}.w65{width:65%}.w70{width:70%}.w75{width:75%}.w80{width:80%}.w85{width:85%}.w90{width:90%}.w95{width:95%}.w100{width:100%}