:root{--rail:#0d1a26;--fundo:#172634;--painel:#1d2d3c;--cartao:#22333f;--cartao2:#273a49;--linha:#2f4252;--linha2:#3a4f61;--texto:#e6edf3;--suave:#9fb0bf;--fraco:#6e8293;--azul:#4c8bf5;--azul2:#6aa1ff;--verde:#5bbf7a;--vermelho:#f0566a;--amarelo:#f2c94c;--rosa:#ff6b9a}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--fundo);color:var(--texto);-webkit-font-smoothing:antialiased;font:400 14px/1.45 PT Sans,-apple-system,Segoe UI,sans-serif}button,input,select,textarea{font:inherit;color:inherit}a{color:var(--azul2);text-decoration:none}svg{stroke:currentColor;flex:none;width:18px;height:18px}.busca svg{color:var(--suave)}.app{height:100%;display:flex}.rail{background:var(--rail);flex-direction:column;flex:none;align-items:center;width:76px;padding-bottom:8px;display:flex;overflow-y:auto}.rail .eu{object-fit:cover;width:76px;height:76px;margin-bottom:10px;display:block}.rail a,.rail button{width:100%;color:var(--suave);cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:center;gap:4px;padding:10px 0;font-size:12px;display:flex;position:relative}.rail a svg,.rail button svg{stroke:currentColor;width:30px;height:30px}.rail a.on,.rail a:hover,.rail button:hover{color:#fff}.rail a.on{font-weight:700}.rail .bolha{background:var(--vermelho);color:#fff;border-radius:10px;padding:0 5px;font-size:10px;font-weight:700;position:absolute;top:4px;right:14px}.rail .fim{margin-top:auto}.principal{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.topo{border-bottom:1px solid var(--linha);background:var(--fundo);flex:none;align-items:center;gap:16px;height:64px;padding:0 20px;display:flex}.topo h1{text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;align-items:center;gap:6px;margin:0;font-size:16px;font-weight:700;display:flex}.busca{flex:1;align-items:center;gap:8px;min-width:120px;display:flex}.busca input{width:100%;color:var(--texto);background:0 0;border:0;outline:none}.busca .filtro{color:#3c5320;white-space:nowrap;cursor:pointer;background:#d9ecb0;border:0;border-radius:3px;padding:2px 6px;font-size:13px}.busca .filtro.off{background:var(--cartao2);color:var(--suave)}.total-topo{color:var(--suave);white-space:nowrap}.total-topo b{color:var(--texto);font-weight:400}.btn{text-transform:uppercase;letter-spacing:.03em;cursor:pointer;white-space:nowrap;border:0;border-radius:4px;align-items:center;gap:6px;padding:9px 14px;font-size:13px;font-weight:700;display:inline-flex}.btn svg{stroke:currentColor;width:16px;height:16px}.btn.azul{background:var(--azul);color:#fff}.btn.azul:hover{background:#3c7be5}.btn.borda{border:1px solid var(--linha2);color:var(--texto);background:0 0}.btn.borda:hover{border-color:var(--suave)}.btn.verde{background:var(--verde);color:#0d1a26}.btn.vermelho{background:var(--vermelho);color:#fff}.btn:disabled{opacity:.5;cursor:progress}.btn.mini{padding:5px 10px;font-size:12px}.icone{width:34px;height:34px;color:var(--suave);cursor:pointer;background:0 0;border:0;border-radius:4px;place-items:center;display:grid}.icone:hover{color:#fff;background:var(--cartao)}.icone svg{stroke:currentColor;width:18px;height:18px}.menu-funil{position:relative}.menu-funil .lista{z-index:20;background:var(--painel);border:1px solid var(--linha2);border-radius:4px;min-width:260px;padding:6px 0;position:absolute;top:34px;left:0;box-shadow:0 10px 30px #0006}.menu-funil .lista button{text-align:left;cursor:pointer;text-transform:none;letter-spacing:0;background:0 0;border:0;width:100%;padding:10px 18px;font-size:15px;display:block}.menu-funil .lista button:hover,.menu-funil .lista button.on{color:var(--azul2);background:var(--cartao)}.quadro{flex:1;gap:14px;padding:0 16px 16px;display:flex;overflow:auto}.coluna{flex-direction:column;flex:none;width:300px;display:flex}.coluna-topo{z-index:2;background:var(--fundo);text-align:center;padding:18px 0 10px;position:sticky;top:0}.coluna-topo b{text-transform:uppercase;letter-spacing:.07em;font-size:13px;display:block}.coluna-topo span{color:var(--suave);font-size:13px}.coluna-topo i{border-radius:2px;height:3px;margin-top:10px;display:block}.coluna-corpo{border-radius:4px;flex-direction:column;gap:8px;min-height:120px;padding-top:6px;display:flex}.coluna-corpo.alvo{outline:2px dashed var(--azul);outline-offset:2px}.add-rapida{border:1px dashed var(--linha2);text-align:center;color:var(--suave);cursor:pointer;background:0 0;border-radius:4px;padding:14px;font-size:15px}.add-rapida:hover{color:var(--texto);border-color:var(--suave)}.cartao{background:var(--cartao);cursor:pointer;border:1px solid #0000;border-radius:4px;gap:2px;padding:10px 12px;display:grid}.cartao:hover{border-color:var(--linha2)}.cartao.arrastando{opacity:.4}.cartao .l1{justify-content:space-between;gap:8px;font-size:13px;display:flex}.cartao .l1 .quem{color:var(--texto);text-overflow:ellipsis;overflow:hidden}.cartao .l1 .quem em{color:var(--suave);font-style:normal}.cartao .l1 .data{color:var(--suave);white-space:nowrap}.cartao .nome{color:var(--azul2);font-size:15px}.cartao .l3{color:var(--suave);justify-content:space-between;align-items:center;min-height:18px;font-size:13px;display:flex}.cartao .sem{color:var(--amarelo)}.cartao .sem:after,.cartao .atrasado:after,.cartao .ok:after{content:"";vertical-align:1px;background:currentColor;border-radius:50%;width:6px;height:6px;margin-left:5px;display:inline-block}.cartao .atrasado{color:var(--rosa)}.cartao .ok{color:var(--fraco)}.mais{color:var(--suave);cursor:pointer;background:0 0;border:0;padding:8px}.mais:hover{color:var(--texto)}.zonas{z-index:30;display:flex;position:fixed;bottom:0;left:76px;right:0}.zonas div{text-align:center;letter-spacing:.06em;text-transform:uppercase;border-top:3px solid;flex:1;padding:26px;font-weight:700}.zonas .ganho{border-color:var(--verde);background:#1f3b2b}.zonas .perdido{border-color:var(--vermelho);background:#3b2128}.zonas div.sobre{filter:brightness(1.4)}.ficha{height:100%;display:flex}.ficha-esq{background:var(--painel);border-right:1px solid var(--linha);flex-direction:column;flex:none;width:640px;max-width:48%;display:flex;overflow:hidden}.ficha-cab{background:#13222f;padding:18px 24px 0}.ficha-cab .titulo{align-items:center;gap:8px;display:flex}.ficha-cab .titulo input{color:#fff;background:0 0;border:0;outline:none;width:100%;padding:2px 0;font-size:26px;font-weight:700}.ficha-cab .titulo input:focus{border-bottom:1px dashed var(--suave)}.ficha-cab .id{color:var(--suave);flex-wrap:wrap;align-items:center;gap:10px;margin:4px 0 12px 32px;display:flex}.tag{border:1px solid var(--linha2);text-transform:uppercase;color:var(--suave);cursor:pointer;background:0 0;border-radius:3px;padding:1px 8px;font-size:12px}.tag.cheia{background:var(--cartao2);color:var(--texto)}.etapa-sel{margin:0 0 0 32px;position:relative}.etapa-sel small{color:var(--suave);display:block}.etapa-sel select{cursor:pointer;background:0 0;border:0;outline:none;max-width:100%;padding:2px 0;font-size:16px;font-weight:700}.etapa-sel select option{background:var(--painel)}.progresso{gap:2px;height:4px;margin:8px 0 0;display:flex}.progresso i{background:var(--linha2);border-radius:2px;flex:1}.abas{gap:22px;margin:14px 0 0 32px;display:flex}.abas button{color:var(--suave);cursor:pointer;background:0 0;border:0;border-bottom:3px solid #0000;padding:8px 0 10px;font-size:16px}.abas button.on{color:#fff;border-color:#fff;font-weight:700}.ficha-corpo{flex:1;padding:14px 24px 40px 32px;overflow-y:auto}.campo{grid-template-columns:210px 1fr;align-items:center;gap:12px;min-height:36px;display:grid}.campo label{color:var(--suave);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.campo label .obr{color:var(--vermelho)}.campo input,.campo select,.campo textarea{width:100%;color:var(--texto);background:0 0;border:1px solid #0000;border-radius:3px;outline:none;padding:6px 8px}.campo input::placeholder,.campo textarea::placeholder{color:var(--fraco)}.campo input:hover,.campo select:hover,.campo textarea:hover{border-color:var(--linha2)}.campo input:focus,.campo select:focus,.campo textarea:focus{border-color:var(--azul);background:var(--fundo)}.campo select option{background:var(--painel)}.campo textarea{resize:vertical;min-height:34px}.campo input[type=date],.campo input[type=datetime-local]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.bloco-pessoa{border-top:1px solid var(--linha);margin-top:18px;padding-top:14px}.bloco-pessoa h4{align-items:center;gap:10px;margin:0 0 6px;font-size:15px;display:flex}.bloco-pessoa h4 .av{background:var(--cartao2);width:34px;height:34px;color:var(--suave);border-radius:50%;place-items:center;display:grid}.whats{color:var(--verde);margin-left:8px;font-size:13px}.ficha-dir{background:#142230;flex-direction:column;flex:1;min-width:0;display:flex}.feed{flex-direction:column;flex:1;gap:6px;padding:20px 24px;display:flex;overflow-y:auto}.feed .mes{border:1px solid var(--linha2);color:var(--suave);border-radius:12px;align-self:center;margin:10px 0;padding:0 12px;font-size:13px}.feed .ev{color:var(--suave);padding:2px 0 2px 40px;font-size:14px}.feed .ev b{color:var(--texto);font-weight:400}.feed .nota{background:var(--cartao);white-space:pre-wrap;border-radius:4px;margin-left:40px;padding:10px 14px}.feed .nota small{color:var(--suave);margin-bottom:4px;display:block}.tarefa-card{border:1px solid var(--rosa);border-radius:4px;grid-template-columns:40px 1fr;gap:6px 12px;margin:8px 0;padding:14px 16px;display:grid}.tarefa-card.futura{border-color:var(--linha2)}.tarefa-card.feita{border-color:var(--linha);opacity:.8}.tarefa-card .circ{width:36px;height:36px;color:var(--rosa);border:1.5px solid;border-radius:50%;place-items:center;display:grid}.tarefa-card.futura .circ{color:var(--suave)}.tarefa-card.feita .circ{color:var(--verde)}.tarefa-card .circ svg{stroke:currentColor;width:18px;height:18px}.tarefa-card .quando{color:var(--suave);font-size:14px}.tarefa-card .quando .vencida{color:var(--rosa)}.tarefa-card .tt{font-size:15px;font-weight:700}.tarefa-card .feito{font-weight:400;text-decoration:line-through}.tarefa-card .acoes{grid-column:2;gap:8px;display:flex}.tarefa-card .acoes input{background:var(--cartao);border:1px solid var(--linha2);border-radius:3px;outline:none;flex:1;padding:8px 10px}.compositor{border-top:1px solid var(--linha);background:#13202d;padding:12px 24px 16px}.compositor .modo{color:var(--suave);flex-wrap:wrap;align-items:center;gap:8px;display:flex}.compositor .modo select,.compositor .modo input{background:var(--cartao);border:1px solid var(--linha2);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;border-radius:3px;outline:none;padding:5px 8px}.compositor .trocar{color:var(--azul2);cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.compositor textarea{border:1px solid var(--linha2);resize:vertical;background:0 0;border-radius:4px;outline:none;width:100%;min-height:64px;margin-top:8px;padding:10px}.compositor textarea:focus{border-color:var(--azul)}.compositor .linha-btn{align-items:center;gap:10px;margin-top:8px;display:flex}.aviso-amarelo{color:#3d3410;background:#fdf3c7;border-radius:4px;align-items:center;gap:8px;margin:0 24px 8px;padding:8px 12px;display:flex}.painel{background:linear-gradient(160deg,#1b5f97 0%,#2b88c2 45%,#3e9fcc 100%);flex:1;padding:24px 32px 48px;overflow-y:auto}.painel h2{text-align:center;color:#fff;margin:6px 0 18px;font-size:40px}.periodo{flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:26px;display:flex}.periodo .grupo{border:1px solid #fff9;border-radius:22px;display:flex;overflow:hidden}.periodo button{color:#fff;cursor:pointer;background:0 0;border:0;padding:8px 18px;font-size:15px}.periodo button.on{background:#ffffff2e;font-weight:700}.periodo input{color:#fff;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:0 0;border:0;padding:8px 10px}.grade-painel{grid-template-columns:repeat(4,1fr);gap:14px;max-width:1540px;margin:0 auto;display:grid}.wid{background:#172a3d;border-radius:6px;min-height:150px;padding:16px 18px;box-shadow:0 4px 14px #00000026}.wid h3{text-transform:uppercase;letter-spacing:.05em;margin:0 0 6px;font-size:13px}.wid .num{color:#8e86ff;font-size:48px;line-height:1.1}.wid .num.verde{color:#63d68a}.wid .val{font-size:14px;font-weight:700}.wid .sub{color:var(--suave);margin-top:14px;font-size:13px}.wid .barra{margin:10px 0}.wid .barra div{justify-content:space-between;font-size:15px;display:flex}.wid .barra i{background:#2b4054;border-radius:2px;height:4px;margin-top:4px;display:block;position:relative;overflow:hidden}.wid .barra i b{border-radius:2px;position:absolute;top:0;bottom:0;left:0}.wid.larga{grid-column:span 2}.wid.cheia{background:#172a3d8c;grid-column:1/-1}.funil-painel{grid-auto-columns:minmax(150px,1fr);grid-auto-flow:column;gap:12px;display:grid;overflow-x:auto}.funil-painel div{text-align:center}.funil-painel b{text-transform:uppercase;letter-spacing:.06em;font-size:12px;display:block}.funil-painel span{color:#cfe2f3;font-size:13px}.funil-painel i{height:3px;margin:6px 0 10px;display:block}.funil-painel .caixa{border:1px solid #fff6;border-radius:6px;padding:16px 6px;font-size:34px}.pagina{flex:1;padding:22px 28px 60px;overflow-y:auto}.pagina h2{text-transform:uppercase;letter-spacing:.06em;color:var(--suave);margin:26px 0 10px;font-size:15px}.pagina h2:first-child{margin-top:0}.linha-tarefa{background:var(--cartao);border-radius:4px;grid-template-columns:26px 150px 160px 1fr auto;align-items:center;gap:12px;margin-bottom:6px;padding:10px 12px;display:grid}.linha-tarefa .chk{border:1.5px solid var(--suave);cursor:pointer;background:0 0;border-radius:50%;width:22px;height:22px}.linha-tarefa .chk:hover{border-color:var(--verde);background:#5bbf7a33}.linha-tarefa .vencida{color:var(--rosa)}.tipo-ponto{border-radius:50%;width:8px;height:8px;margin-right:6px;display:inline-block}.ajuste{background:var(--painel);border:1px solid var(--linha);border-radius:6px;margin-bottom:14px;padding:16px 18px}.ajuste h3{margin:0 0 10px;font-size:16px}.ajuste .item{border-bottom:1px solid var(--linha);flex-wrap:wrap;align-items:center;gap:8px;padding:6px 0;display:flex}.ajuste .item:last-child{border-bottom:0}.ajuste input,.ajuste select{background:var(--fundo);border:1px solid var(--linha2);border-radius:3px;outline:none;padding:6px 8px}.ajuste input[type=color]{width:34px;height:30px;padding:2px}.pilulas{flex-wrap:wrap;gap:4px;display:flex}.pilula{border:1px solid var(--linha2);cursor:pointer;color:var(--suave);background:0 0;border-radius:12px;padding:2px 10px;font-size:12px}.pilula.on{border-color:var(--vermelho);color:#ffd7dd;background:#5a2a33}.veu{z-index:50;background:#0000008c;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.janela{background:var(--painel);border:1px solid var(--linha2);border-radius:6px;width:100%;max-width:520px;max-height:90vh;padding:22px;overflow-y:auto}.janela h3{margin:0 0 6px;font-size:18px}.janela .campo{grid-template-columns:160px 1fr}.janela .acoes{justify-content:flex-end;gap:10px;margin-top:18px;display:flex}.erro{color:var(--vermelho)}.toast{color:#172634;z-index:60;background:#fff;border-radius:4px;padding:10px 18px;font-weight:700;position:fixed;bottom:22px;left:50%;transform:translate(-50%)}.login{background:var(--painel);border-radius:6px;gap:12px;width:100%;max-width:360px;margin:14vh auto 0;padding:30px;display:grid}.login img{border-radius:8px;width:46px;height:46px}.login input{background:var(--fundo);border:1px solid var(--linha2);border-radius:4px;outline:none;padding:11px}.login input:focus{border-color:var(--azul)}@media (width<=900px){.app{flex-direction:column-reverse}.rail{flex-direction:row;width:100%;height:60px;padding:0;overflow-x:auto}.rail .eu,.rail .fim{display:none}.rail a,.rail button{min-width:64px;padding:6px 0;font-size:10px}.rail a svg,.rail button svg{width:22px;height:22px}.zonas{bottom:60px;left:0}.ficha{flex-direction:column;overflow-y:auto}.ficha-esq{width:100%;max-width:none;overflow:visible}.ficha-corpo{overflow:visible}.ficha-dir{min-height:70vh}.campo{grid-template-columns:130px 1fr}.grade-painel{grid-template-columns:1fr 1fr}.wid.larga{grid-column:1/-1}.linha-tarefa{grid-template-columns:26px 1fr}.linha-tarefa>:nth-child(n+3){grid-column:2}.total-topo{display:none}}