:root{--fundo: #0b0d11;--superficie: #14171e;--superficie-alta: #1c2029;--superficie-hover: #232936;--borda: #262c38;--borda-clara: #323a4a;--texto: #e9edf4;--texto-fraco: #8b97ab;--texto-mudo: #5c6779;--acento: #4f9cf9;--acento-fundo: #12233c;--urgente: #f8664e;--urgente-fundo: #2b1512;--espera: #f5b13d;--espera-fundo: #2a2010;--reagir: #45c98a;--reagir-fundo: #10261c;--info: #4f9cf9;--info-fundo: #12233c;--raio: 14px;--raio-mini: 9px;color-scheme:dark}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{scroll-behavior:smooth}body{margin:0;background:var(--fundo);color:var(--texto);font:15px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom)}button,input,textarea,select{font:inherit;color:inherit}a{color:var(--acento)}.app{max-width:720px;margin:0 auto;padding:0 14px 96px}@keyframes surgir{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.tela{animation:surgir .18s ease-out}.topo{display:flex;align-items:center;gap:10px;padding:16px 0 12px;position:sticky;top:0;z-index:5;background:linear-gradient(var(--fundo) 82%,transparent)}.topo h1{font-size:21px;margin:0;flex:1;letter-spacing:-.02em;font-weight:700}.topo .sub{font-size:12.5px;color:var(--texto-fraco);font-weight:400;margin-top:2px}.topo .acao-topo{border:1px solid var(--borda);background:var(--superficie);color:var(--texto-fraco);border-radius:var(--raio-mini);padding:7px 12px;font-size:12.5px;font-weight:600;cursor:pointer}.topo .acao-topo:active{background:var(--superficie-alta)}.nav{position:fixed;left:0;right:0;bottom:0;z-index:10;display:flex;justify-content:space-around;background:#14171eeb;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-top:1px solid var(--borda);padding:7px 2px calc(7px + env(safe-area-inset-bottom))}.nav a{flex:1;text-align:center;text-decoration:none;color:var(--texto-mudo);font-size:10px;font-weight:600;padding:3px 0;display:flex;flex-direction:column;align-items:center;gap:2px;position:relative;border-radius:var(--raio-mini);transition:color .15s}.nav a.ativo{color:var(--acento)}.nav a.ativo:before{content:"";position:absolute;top:-8px;left:25%;right:25%;height:2.5px;border-radius:2px;background:var(--acento)}.nav a span.i{font-size:20px;line-height:1.15}.nav .pino{position:absolute;top:-2px;right:calc(50% - 20px);color:#fff;border-radius:9px;border:2px solid var(--fundo);font-size:9.5px;font-weight:800;padding:.5px 4.5px;min-width:14px;background:var(--urgente)}.nav .pino.calmo{background:var(--acento)}.grupo-titulo{display:flex;align-items:center;gap:8px;font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--texto-fraco);margin:22px 0 10px}.grupo-titulo:after{content:"";flex:1;height:1px;background:var(--borda)}.grupo-titulo .ponto{width:8px;height:8px;border-radius:50%;flex:none}.cartao{display:block;width:100%;text-align:left;background:var(--superficie);border:1px solid var(--borda);border-left:3px solid var(--borda);border-radius:var(--raio);padding:13px 14px;margin-bottom:10px;text-decoration:none;color:inherit;cursor:pointer;transition:background .12s,border-color .12s}.cartao:active{background:var(--superficie-alta)}.cartao.responder_ja{border-left-color:var(--urgente)}.cartao.pode_esperar{border-left-color:var(--espera)}.cartao.reagir{border-left-color:var(--reagir)}.cartao.resolvido{opacity:.62}.cartao .meta{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:11.5px;color:var(--texto-fraco);margin-bottom:7px}.cartao .explic{font-weight:600;margin-bottom:5px;line-height:1.38}.cartao .trecho{font-size:13.5px;color:var(--texto-fraco);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.cartao .rodape-cartao{display:flex;gap:10px;margin-top:8px}.cartao .tem-rascunho{font-size:11.5px;color:var(--reagir);font-weight:700}.etiqueta{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;padding:2.5px 7px;border-radius:6px;background:var(--superficie-alta);color:var(--texto-fraco);border:1px solid var(--borda)}.etiqueta.wa{color:#4fd97a;border-color:#1d4a2e;background:#0e2317}.etiqueta.discord{color:#8ea1ff;border-color:#333d75;background:#161b38}.etiqueta.ok{color:var(--reagir);border-color:#24523c;background:var(--reagir-fundo)}.etiqueta.erro{color:var(--urgente);border-color:#5c2b23;background:var(--urgente-fundo)}.grade-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:12px}@media(min-width:560px){.grade-stats{grid-template-columns:repeat(4,1fr)}}.stat{background:var(--superficie);border:1px solid var(--borda);border-radius:var(--raio);padding:13px 14px;display:flex;flex-direction:column;gap:3px;text-decoration:none;color:inherit}.stat .valor{font-size:26px;font-weight:800;letter-spacing:-.03em;line-height:1.1}.stat .nome{font-size:11.5px;color:var(--texto-fraco);font-weight:600}.stat.urgente .valor{color:var(--urgente)}.stat.espera .valor{color:var(--espera)}.stat.reagir .valor{color:var(--reagir)}.stat.acento .valor{color:var(--acento)}.conexoes{display:flex;flex-direction:column;gap:8px}.conexao{display:flex;align-items:center;gap:10px;background:var(--superficie);border:1px solid var(--borda);border-radius:var(--raio);padding:11px 13px}.conexao .farol{width:10px;height:10px;border-radius:50%;flex:none}.farol.on{background:var(--reagir);box-shadow:0 0 8px 1px #45c98a8c}.farol.off{background:var(--urgente);box-shadow:0 0 8px 1px #f8664e73}.farol.neutro{background:var(--texto-mudo)}.conexao .nome{font-weight:600;font-size:14px;flex:1}.conexao .estado{font-size:12.5px;color:var(--texto-fraco)}.barras{display:flex;flex-direction:column;gap:9px}.barra-linha{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 10px;align-items:center}.barra-nome{font-size:12.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.barra-n{font-size:12px;color:var(--texto-fraco);font-weight:700}.barra-trilha{grid-column:1 / -1;height:6px;border-radius:4px;background:var(--superficie-alta);overflow:hidden}.barra-cheia{height:100%;border-radius:4px;background:linear-gradient(90deg,var(--acento),#7db8ff)}.alerta-cartao{display:flex;gap:12px;align-items:flex-start;background:var(--superficie);border:1px solid var(--borda);border-radius:var(--raio);padding:13px 14px;margin-bottom:10px}.alerta-cartao.nao-lido{border-color:var(--borda-clara);background:var(--superficie-alta)}.alerta-cartao .icone{width:38px;height:38px;border-radius:11px;flex:none;display:flex;align-items:center;justify-content:center;font-size:19px}.alerta-cartao.critico .icone{background:var(--urgente-fundo)}.alerta-cartao.atencao .icone{background:var(--espera-fundo)}.alerta-cartao.info .icone{background:var(--info-fundo)}.alerta-cartao .titulo{font-weight:700;font-size:14.5px;line-height:1.3}.alerta-cartao .corpo{font-size:13px;color:var(--texto-fraco);margin-top:3px;line-height:1.45}.alerta-cartao .quando{font-size:11.5px;color:var(--texto-mudo);margin-top:6px}.alerta-cartao .marcar{border:none;background:none;color:var(--acento);cursor:pointer;font-size:12px;font-weight:700;padding:4px 0 0;flex:none}.chips{display:flex;gap:7px;overflow-x:auto;padding:2px 0 10px;scrollbar-width:none}.chips::-webkit-scrollbar{display:none}.chip{border:1px solid var(--borda);background:var(--superficie);color:var(--texto-fraco);border-radius:999px;padding:6px 13px;font-size:12.5px;font-weight:600;cursor:pointer;white-space:nowrap;flex:none;transition:all .12s}.chip.ativo{background:var(--acento-fundo);border-color:var(--acento);color:var(--acento)}.busca-linha{display:flex;gap:8px;margin-bottom:10px}.busca-linha input{flex:1}.alternador{display:flex;background:var(--superficie);border:1px solid var(--borda);border-radius:var(--raio-mini);padding:3px;margin-bottom:12px}.alternador button{flex:1;border:none;background:none;color:var(--texto-fraco);padding:7px 10px;border-radius:7px;font-weight:700;font-size:13px;cursor:pointer}.alternador button.ativo{background:var(--superficie-hover);color:var(--texto)}.bloco{background:var(--superficie);border:1px solid var(--borda);border-radius:var(--raio);padding:14px;margin-bottom:12px}.rotulo{font-size:11px;text-transform:uppercase;letter-spacing:.07em;color:var(--texto-fraco);font-weight:800;margin-bottom:9px}.conversa{display:flex;flex-direction:column;gap:7px}.balao{padding:8px 11px;border-radius:11px;max-width:86%;background:var(--superficie-alta);font-size:13.5px;line-height:1.42;border:1px solid transparent}.balao.meu{align-self:flex-end;background:#1d3a5c}.balao.alvo{border-color:var(--acento)}.balao .quem{font-size:11px;color:var(--texto-fraco);margin-bottom:2px;font-weight:600}textarea,input[type=text],input[type=password],input[type=search]{width:100%;background:var(--fundo);color:var(--texto);border:1px solid var(--borda);border-radius:var(--raio-mini);padding:10px 12px;resize:vertical}textarea:focus,input:focus{outline:2px solid var(--acento);outline-offset:-1px}::placeholder{color:var(--texto-mudo)}.botoes{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.btn{flex:1;min-width:110px;padding:11px 12px;border-radius:var(--raio-mini);border:1px solid var(--borda);background:var(--superficie-alta);cursor:pointer;font-weight:700;font-size:14px;transition:transform .06s,background .12s}.btn:active{transform:translateY(1px);background:var(--superficie-hover)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.principal{background:var(--acento);border-color:var(--acento);color:#06121f}.btn.perigo{color:var(--urgente)}.btn.largo{flex-basis:100%}.btn.mini{flex:0 0 auto;min-width:auto;padding:6px 11px;font-size:12.5px}.emojis{display:flex;gap:7px;flex-wrap:wrap;margin-top:8px}.emoji{font-size:22px;padding:8px 11px;border-radius:11px;border:1px solid var(--borda);background:var(--superficie-alta);cursor:pointer;transition:transform .08s}.emoji:active{transform:scale(1.15)}.emoji.sugerido{border-color:var(--reagir);background:var(--reagir-fundo)}.aviso{padding:11px 13px;border-radius:var(--raio-mini);margin-bottom:12px;font-size:13.5px;border:1px solid;line-height:1.45}.aviso.erro{background:var(--urgente-fundo);border-color:#5c2b23;color:#ffb4a6}.aviso.ok{background:var(--reagir-fundo);border-color:#24523c;color:#96e6bd}.aviso.info{background:var(--info-fundo);border-color:#26364d;color:var(--texto-fraco)}.vazio{text-align:center;color:var(--texto-fraco);padding:52px 20px}.vazio .grande{font-size:44px;margin-bottom:12px}.linha{display:flex;align-items:center;gap:10px}.crescer{flex:1;min-width:0}.fraco{color:var(--texto-fraco);font-size:13px}.mudo{color:var(--texto-mudo);font-size:12px}.mono{font-family:ui-monospace,Cascadia Code,Consolas,monospace;font-size:12px}.item-lista{display:flex;align-items:flex-start;gap:10px;padding:11px 0;border-bottom:1px solid var(--borda)}.item-lista:last-child{border-bottom:none}.item-lista input[type=checkbox]{width:21px;height:21px;margin-top:1px;accent-color:var(--acento)}.item-lista.feita .titulo{text-decoration:line-through;color:var(--texto-fraco)}.progresso-trilha{height:7px;border-radius:4px;background:var(--superficie-alta);overflow:hidden;margin-top:8px}.progresso-cheio{height:100%;border-radius:4px;transition:width .35s ease;background:linear-gradient(90deg,var(--reagir),#6fe3ac)}pre.guia{white-space:pre-wrap;word-break:break-word;font-size:12.5px;background:var(--fundo);border:1px solid var(--borda);border-radius:var(--raio-mini);padding:12px;max-height:380px;overflow:auto}.login{max-width:340px;margin:16vh auto;padding:0 18px}.login h1{font-size:24px;margin:0 0 6px;letter-spacing:-.02em}.login .logo{width:56px;height:56px;border-radius:16px;background:var(--acento);display:flex;align-items:center;justify-content:center;font-size:28px;margin-bottom:16px}@keyframes brilho{0%{background-position:200% 0}to{background-position:-200% 0}}.esqueleto{border-radius:var(--raio);height:84px;margin-bottom:10px;background:linear-gradient(100deg,var(--superficie) 40%,var(--superficie-alta) 50%,var(--superficie) 60%);background-size:200% 100%;animation:brilho 1.4s linear infinite}.esqueleto.baixo{height:52px}.toasts{position:fixed;left:50%;transform:translate(-50%);bottom:calc(84px + env(safe-area-inset-bottom));z-index:50;display:flex;flex-direction:column;gap:8px;align-items:center;width:min(92vw,420px);pointer-events:none}@keyframes toast-sobe{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.toast{animation:toast-sobe .18s ease-out;background:var(--superficie-hover);border:1px solid var(--borda-clara);color:var(--texto);border-radius:12px;padding:11px 16px;font-size:13.5px;font-weight:600;max-width:100%;box-shadow:0 8px 28px #00000073}.toast.ok{border-color:#24523c}.toast.erro{border-color:#5c2b23}