:root{--fundo: #eef0f3;--texto: #1f2328;--suave: #5b6470;--borda: #cfd5dc;--azul: #1e5bd8;--postit-regra: #fff3a6;--postit-fluxo: #cfe3ff;--postit-automacao: #ffd9b0;--postit-duvida: #ffc9c9;--postit-fora-escopo: #f7c6ef;--postit-validar: #fbf6e6;--seta: #3b4250;--seta-salvar: #1f7a4d;--seta-volta: #7b8794;--seta-aba: #8a93a0}*{box-sizing:border-box}html,body{height:100%;margin:0}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--texto);background:var(--fundo);display:flex;flex-direction:column}app-root{display:flex;flex-direction:column;height:100vh}.barra{display:flex;align-items:center;gap:20px;flex-wrap:wrap;padding:10px 16px;background:#fff;border-bottom:1px solid var(--borda);font-size:14px}.barra-projeto{display:flex;align-items:baseline;gap:10px}.barra-projeto b{font-size:16px}.cliente{color:var(--suave)}.revisao{font-size:12px;padding:2px 8px;border-radius:10px;background:#eef1f6;color:var(--suave)}.barra-area select{margin-left:6px;font:inherit;padding:4px 6px}.barra-interno{display:flex;align-items:center;gap:6px}.barra button{font:inherit;padding:5px 12px;border:1px solid var(--borda);background:#fff;border-radius:6px;cursor:pointer}.conferencia{margin-left:auto;background:#fde8e8!important;border-color:#f2b8b8!important;color:#9b1c1c}.conferencia.ok{background:#e6f6ec!important;border-color:#b6e2c4!important;color:#1f6b3a}.problemas{background:#fff;border-bottom:1px solid var(--borda);padding:8px 16px 12px;font-size:14px;max-height:30vh;overflow:auto}.problemas h2{font-size:15px;margin:4px 0}.problemas p{margin:0 0 6px;color:var(--suave)}.problemas li{margin:3px 0}.problemas code{background:#f2f4f7;padding:1px 5px;border-radius:4px;margin-right:6px}.erro,.carregando{padding:24px}.erro{color:#9b1c1c}app-quadro.quadro{position:relative;flex:1;min-height:0;display:block}.quadro-janela{position:absolute;inset:0;overflow:hidden;cursor:grab;background-color:#e9ecf0;background-image:radial-gradient(#cfd5dc 1px,transparent 1px);background-size:22px 22px;touch-action:none}.quadro-janela:active{cursor:grabbing}.quadro-mundo{position:absolute;left:0;top:0;transform-origin:0 0;opacity:0}.quadro-mundo.pronto{opacity:1;transition:opacity .15s}.quadro-controles{position:absolute;right:16px;top:12px;z-index:5;display:flex;gap:6px;align-items:center;background:#fff;border:1px solid var(--borda);border-radius:8px;padding:4px 6px}.quadro-controles button{font:inherit;min-width:30px;padding:3px 8px;border:1px solid var(--borda);background:#fff;border-radius:5px;cursor:pointer}.quadro-controles .escala{font-size:12px;color:var(--suave);min-width:40px;text-align:right}.setas{position:absolute;left:0;top:0;overflow:visible;z-index:2;pointer-events:none}.seta{pointer-events:stroke;cursor:pointer}.seta-folga{fill:none;stroke:transparent;stroke-width:18}.seta-linha{fill:none;stroke:var(--seta);stroke-width:3}.seta-origem{fill:var(--seta);stroke:#fff;stroke-width:2}.ponta{fill:var(--seta)}.seta-salvar .seta-linha{stroke:var(--seta-salvar)}.seta-salvar .seta-origem,.ponta-salvar{fill:var(--seta-salvar)}.seta-volta .seta-linha{stroke:var(--seta-volta);stroke-dasharray:10 8}.seta-volta .seta-origem,.ponta-volta{fill:var(--seta-volta)}.seta-aba .seta-linha{stroke:var(--seta-aba);stroke-width:2}.seta-aba .seta-origem,.ponta-aba{fill:var(--seta-aba)}.seta.ativa .seta-linha{stroke-width:6}.seta-rotulo{font-size:18px;font-weight:600;fill:var(--seta-salvar);paint-order:stroke;stroke:#e9ecf0;stroke-width:6px}.moldura{position:absolute;z-index:1;display:flex;flex-direction:column;gap:14px}.moldura-topo{display:flex;align-items:center;gap:12px;font-size:22px}.moldura-topo .numero{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--azul);color:#fff;font-weight:700;font-size:20px}.moldura-nome{font-weight:700}.moldura-tipo{font-size:15px;color:var(--suave);text-transform:uppercase;letter-spacing:.05em}.moldura-id{font-size:15px;color:var(--suave);margin-left:auto}.selo{font-size:14px;padding:2px 8px;border-radius:10px;background:#dfe9ff;color:var(--azul)}.postits{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px}.postit{padding:12px 14px;border-radius:4px;box-shadow:0 2px 4px #0000001f;font-size:16px;line-height:1.4}.postit header{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.postit header code{font-weight:400;text-transform:none;letter-spacing:0;margin-left:auto;color:var(--suave)}.postit p{margin:6px 0 0}.postit-numero{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#000000bf;color:#fff;font-size:13px}.postit-regra{background:var(--postit-regra)}.postit-fluxo{background:var(--postit-fluxo)}.postit-automacao{background:var(--postit-automacao)}.postit-duvida{background:var(--postit-duvida)}.postit-fora-escopo{background:var(--postit-fora-escopo)}.postit-validar{background:var(--postit-validar);border:2px dashed #c9a94a;box-shadow:none}.etiqueta-area{position:absolute;z-index:3;background:#fff;border:2px solid var(--seta);border-radius:16px;padding:4px 14px;font-size:18px;white-space:nowrap}.legenda{display:flex;flex-wrap:wrap;gap:14px;align-items:center;padding:8px 16px;background:#fff;border-top:1px solid var(--borda);font-size:13px;color:var(--suave)}.legenda .sep{flex:0 0 1px;height:18px;background:var(--borda)}.leg:before{content:"";display:inline-block;width:28px;vertical-align:middle;margin-right:6px;border-top:3px solid var(--seta)}.leg-salvar:before{border-color:var(--seta-salvar)}.leg-volta:before{border-top-style:dashed;border-color:var(--seta-volta)}.leg-aba:before{border-top-width:2px;border-color:var(--seta-aba)}.leg-postit{padding:2px 8px;border-radius:3px;color:var(--texto)}.tela-prototipo{--cor-marca: #6f5ca6;--cor-link: #c2668f;display:block;background:#fff;border:2px solid #3d4148;border-radius:6px;overflow:hidden;font-size:15px;color:#222;cursor:default}.tela-tela,.tela-painel{width:1280px}.tela-modal{width:900px;box-shadow:0 10px 30px #00000040}.sistema-topo{display:flex;align-items:center;justify-content:space-between;padding:18px 40px;border-bottom:1px solid #ddd}.sistema-topo img{height:56px}.usuario{display:flex;align-items:center;gap:6px}.avatar{font-size:28px;line-height:1}.modal-topo{display:flex;justify-content:space-between;padding:10px 16px;border-bottom:1px solid #ccc;font-weight:700}.fechar{font-size:20px;line-height:1}.tela-corpo{display:flex;flex-direction:column;gap:22px;padding:28px 40px 36px}.tela-modal .tela-corpo{padding:22px 28px 28px;gap:18px}.peca{position:relative;display:flex;flex-direction:column;gap:6px;min-width:0}.peca-linha{flex-direction:row;align-items:flex-end;gap:16px}.peca-linha>.peca{flex:0 1 auto}.peca-linha>.peca:has(>.entrada),.peca-linha>.peca:has(>.periodo){flex:1 1 0}.peca-linha>.peca:has(>p){flex:1 1 0}.alinhar-direita{margin-left:auto}.largura-grande{flex:3 1 0!important}.peca-condicional>.entrada{border-style:dashed}.peca-destacada{outline:4px solid #f59e0b;outline-offset:4px;border-radius:3px}.bolhas{position:absolute;top:-12px;right:-12px;z-index:3;display:flex;gap:4px}.bolha{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;font-size:12px;font-weight:700;color:#222;border:2px solid rgba(0,0,0,.55)}.tela-corpo>.peca:has(>.botao),.tela-corpo>.peca:has(>.link){align-self:flex-start}.peca-linha:has(>.peca>p){align-items:flex-start}.bolha-regra{background:var(--postit-regra)}.bolha-fluxo{background:var(--postit-fluxo)}.bolha-automacao{background:var(--postit-automacao)}.bolha-duvida{background:var(--postit-duvida)}.bolha-fora-escopo{background:var(--postit-fora-escopo)}.bolha-validar{background:var(--postit-validar);border-style:dashed}label{font-size:15px}.obrig{color:#c0392b;margin-left:2px}.entrada{height:36px;border:1px solid #9aa1aa;border-radius:3px;padding:7px 10px;color:#8a919a;background:#fff;white-space:nowrap;overflow:hidden}.entrada.select{display:flex;justify-content:space-between}.entrada.desabilitado{background:#f1f2f4}.entrada.data{display:flex;justify-content:space-between}.entrada.area{height:80px}.periodo{display:flex;align-items:center;gap:8px}.periodo .entrada{flex:1}.ico{color:#555}.botao{font:inherit;padding:9px 22px;border-radius:4px;border:1px solid transparent;cursor:default;white-space:nowrap}.botao-primario{background:var(--cor-marca);color:#fff}.botao-secundario{background:#111;color:#fff}.botao-claro{background:#fff;border-color:#999;color:#222}.botao-negativo{background:#c0392b;color:#fff}.botao-verde{background:#1f7a4d;color:#fff}.link{color:var(--cor-link);text-decoration:underline;white-space:nowrap}.baixar-excel{display:flex;align-items:center;gap:6px;white-space:nowrap}.ico-excel{display:inline-grid;place-items:center;width:18px;height:22px;border:1.5px solid #333;border-radius:2px;font-size:11px;font-weight:700}.caminho{display:flex;gap:8px}.caminho a{color:var(--cor-link);text-decoration:underline}.caminho .sep{color:#555}.peca>p{margin:0;line-height:1.45}.peca>p.aviso{font-size:14px;color:#5b6470;background:#f5f6f8;border-left:3px solid #b8bec7;padding:8px 10px}.checkbox-rotulo{display:flex;align-items:center;gap:8px;height:36px;white-space:nowrap}.caixa{display:inline-block;width:18px;height:18px;border:1.5px solid #444;border-radius:2px;background:#fff;vertical-align:middle}.secao{display:flex;justify-content:space-between;background:#eceded;padding:14px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;font-size:14px}.tabela{width:100%;border-collapse:collapse;border:1px solid #555}.tabela th{text-align:left;background:#ddd;font-weight:700;padding:8px;border:1px solid #555;position:relative}.tabela td{padding:9px 8px;border-left:1px solid #555;border-right:1px solid #555}.tabela tbody tr:nth-child(odd){background:#f3f3f3}.tabela .sel{width:44px;text-align:center}.paginacao{display:flex;gap:18px;align-self:flex-start;border:1px solid #555;padding:6px 18px;margin-top:12px}.ficha-codigo{font-weight:700;margin-bottom:14px}.ficha-colunas{display:grid;grid-template-columns:1fr 1fr;gap:24px}.ficha dl{margin:0;display:flex;flex-direction:column;gap:3px}.ficha dl>div{display:flex;gap:5px}.ficha dt{font-weight:700;white-space:nowrap}.ficha dd{margin:0}.destaque-verde{color:#1f8a3a}.destaque-laranja{color:#e08a00}.desconhecida{border:2px dashed #c0392b;color:#c0392b;padding:10px}.seta-ligacao{fill:none;stroke:var(--seta);stroke-width:2;stroke-dasharray:2 5;opacity:.7}.seta-salvar .seta-ligacao{stroke:var(--seta-salvar)}.seta-volta .seta-ligacao{stroke:var(--seta-volta)}.seta.ativa .seta-ligacao{opacity:1;stroke-width:3}.modos{display:inline-flex;border:1px solid var(--borda);border-radius:7px;overflow:hidden}.barra .modos button{border:0;border-radius:0;padding:5px 14px;background:#fff}.barra .modos button+button{border-left:1px solid var(--borda)}.barra .modos button.ativo{background:var(--texto);color:#fff}app-navegar.navegar{flex:1;min-height:0;display:flex;flex-direction:column}.navegar-barra{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:8px 16px;background:#f7f8fa;border-bottom:1px solid var(--borda);font-size:14px}.navegar-barra button,.navegar-barra select{font:inherit;padding:4px 10px;border:1px solid var(--borda);background:#fff;border-radius:6px;cursor:pointer}.navegar-barra select{margin-left:6px}.trilha{display:flex;align-items:center;gap:6px;margin-right:auto}.trilha button:disabled{border-color:transparent;background:transparent;color:var(--texto);font-weight:700;cursor:default}.trilha .sep{color:var(--suave)}.navegar-dicas{display:flex;align-items:center;gap:6px}.numero-mini{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 4px;border-radius:10px;background:var(--azul);color:#fff;font-size:12px;font-weight:700}.navegar-corpo{flex:1;min-height:0;display:flex}.palco{position:relative;flex:1;overflow:auto;padding:24px;display:flex;justify-content:center;align-items:flex-start}.palco>app-tela{flex:0 0 auto}.cortina{position:absolute;inset:0;min-height:100%;background:#14181e73;display:flex;justify-content:center;align-items:flex-start;padding-top:70px}.palco .clicavel{cursor:pointer}.palco .peca.clicavel:hover,.palco a.clicavel:hover{outline:3px solid rgba(30,91,216,.45);outline-offset:3px;border-radius:3px}.palco.piscar .clicavel{outline:3px solid rgba(30,91,216,.8);outline-offset:3px;background-color:#1e5bd814;border-radius:3px}.palco .oculta{display:none}.palco select.entrada,.palco input.entrada{font:inherit;color:#222;width:100%}.palco select.entrada:disabled,.palco input.entrada:disabled{background:#f1f2f4;color:#8a919a}.palco .caixa{cursor:pointer}.palco .botao:disabled{opacity:.45;cursor:not-allowed}.caixa.marcada{background:var(--cor-marca, #6f5ca6);border-color:var(--cor-marca, #6f5ca6);box-shadow:inset 0 0 0 3px #fff}.tabela tr.selecionada td{background:#efeaf8}.aviso-acao{position:fixed;left:50%;bottom:28px;transform:translate(-50%);z-index:50;background:#1f7a4d;color:#fff;padding:10px 18px;border-radius:8px;box-shadow:0 6px 18px #0003;font-size:14px}.painel-postits{flex:0 0 340px;overflow:auto;background:#fff;border-left:1px solid var(--borda);padding:14px;display:flex;flex-direction:column;gap:10px}.painel-postits h3{margin:0;font-size:16px;display:flex;gap:8px;align-items:center}.painel-postits>code{color:var(--suave);font-size:12px}.painel-postits .postit{font-size:14px}.painel-postits .vazio{color:var(--suave)}.barra label select{margin-left:6px;font:inherit;padding:4px 6px}.revisao.congelada{background:#fff4d6;color:#7a5a00}.nova-revisao{background:var(--texto)!important;color:#fff;border-color:var(--texto)!important}.barra-usuario{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--suave)}.fechar-problemas{float:right;font:inherit;padding:3px 10px;border:1px solid var(--borda);background:#fff;border-radius:6px;cursor:pointer}.aviso-app{background:var(--texto)}.entrar{min-height:100vh;display:grid;place-items:center;background:#f4f5f8}.entrar form{width:min(360px,calc(100vw - 32px));background:#fff;border:1px solid var(--borda);border-radius:12px;padding:28px;display:flex;flex-direction:column;gap:14px;box-shadow:0 8px 28px #0000000f}.entrar h1{margin:0;font-size:20px}.entrar p{margin:0;color:var(--suave);font-size:14px}.entrar label{display:flex;flex-direction:column;gap:4px;font-size:14px}.entrar input{font:inherit;padding:8px 10px;border:1px solid var(--borda);border-radius:6px}.entrar button{font:inherit;padding:9px;border:0;border-radius:6px;background:var(--texto);color:#fff;cursor:pointer}.entrar button:disabled{opacity:.6;cursor:default}.erro-login{color:#9b1c1c!important}.trabalho{flex:1;min-height:0;display:flex}.trabalho-principal{flex:1;min-width:0;display:flex;flex-direction:column}.barra .comentar.ativo,.barra .apresentar.ativo{background:#1d4ed8;border-color:#1d4ed8;color:#fff}.barra .contador{display:inline-block;min-width:18px;padding:0 5px;margin-left:4px;border-radius:9px;background:#1d4ed8;color:#fff;font-size:12px;text-align:center}.barra .comentar.ativo .contador{background:#fff;color:#1d4ed8}.bolha-comentario{position:absolute;top:-12px;left:-12px;z-index:4;min-width:22px;height:22px;padding:0 5px;display:inline-grid;place-items:center;border-radius:11px 11px 11px 2px;background:#1d4ed8;color:#fff;font-size:12px;font-weight:700;box-shadow:0 1px 3px #0000004d}th{position:relative}.bolha-comentario-tela{top:6px;left:auto;right:44px}.tela-prototipo{position:relative}body:has(.comentar.ativo) .tela-prototipo,body:has(.comentar.ativo) .tela-prototipo *{cursor:crosshair!important}body:has(.comentar.ativo) .tela-prototipo [data-peca]:hover{outline:2px dashed #1d4ed8;outline-offset:2px}.alvo-comentario{outline:3px solid #1d4ed8!important;outline-offset:3px}.painel-comentarios{flex:0 0 340px;overflow:auto;background:#fff;border-left:1px solid var(--borda);padding:12px 14px;display:flex;flex-direction:column;gap:10px;font-size:14px}.painel-comentarios>header{display:flex;justify-content:space-between;align-items:center}.painel-comentarios h3{margin:0;font-size:16px}.painel-comentarios h4{margin:6px 0 4px;font-size:13px;color:var(--suave)}.painel-comentarios button{font:inherit;font-size:13px;padding:3px 10px;border:1px solid var(--borda);background:#fff;border-radius:6px;cursor:pointer}.painel-comentarios>header button{border:0;font-size:20px}.painel-comentarios .principal{background:#1d4ed8;border-color:#1d4ed8;color:#fff}.painel-comentarios .dica,.painel-comentarios .vazio{color:var(--suave);margin:0}.escrever{display:flex;flex-direction:column;gap:6px;padding:10px;background:#eff4ff;border-radius:8px}.escrever .sobre{margin:0}.escrever textarea{font:inherit;padding:6px 8px;border:1px solid var(--borda);border-radius:6px;resize:vertical}.painel-comentarios .acoes{display:flex;gap:6px}.ver-resolvidos{display:flex;gap:6px;align-items:center;color:var(--suave);font-size:13px}.comentario{border:1px solid var(--borda);border-radius:8px;padding:8px 10px;margin-bottom:6px}.comentario.resolvido{opacity:.55}.comentario>header{display:flex;justify-content:space-between;gap:8px}.comentario time{color:var(--suave);font-size:12px}.comentario p{margin:6px 0;white-space:pre-wrap}.comentario .alvo{font-family:ui-monospace,monospace;font-size:12px!important;padding:1px 6px!important;margin-top:4px}.online{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.pessoa{display:inline-flex;align-items:center;gap:5px;font-size:13px;padding:2px 8px 2px 2px;border-radius:14px;background:#eef1f6}.pessoa.apresentando{background:#dcfce7}.avatar-pessoa{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#64748b;color:#fff;font-size:11px;font-weight:700}.pessoa.apresentando .avatar-pessoa{background:#16a34a}.barra .pessoa button{padding:1px 8px;font-size:12px}.faixa-seguindo{display:flex;gap:12px;align-items:center;padding:6px 16px;background:#dcfce7;border-bottom:1px solid #86efac;font-size:14px}.faixa-seguindo button{font:inherit;font-size:13px;padding:2px 10px;border:1px solid #86efac;background:#fff;border-radius:6px;cursor:pointer}.ao-vivo{font-size:12px;color:#15803d;font-weight:600}.faixa-erro-arquivo{padding:6px 16px;background:#fde8e8;border-bottom:1px solid #f2b8b8;color:#9b1c1c;font-size:14px}app-quadro.quadro{user-select:none;-webkit-user-select:none;cursor:grab}app-quadro.quadro:active{cursor:grabbing}.barra .atalhos-botao{width:30px;padding:5px 0;font-weight:700}.atalhos{position:fixed;inset:0;z-index:60;background:#00000059;display:grid;place-items:center}.atalhos section{background:#fff;border-radius:12px;padding:20px 24px;width:min(480px,calc(100vw - 32px));box-shadow:0 10px 30px #00000040}.atalhos h3{margin:0 0 12px}.atalhos dl{display:grid;grid-template-columns:max-content 1fr;gap:8px 14px;margin:0;align-items:center}.atalhos dd{margin:0;font-size:14px}.atalhos kbd{display:inline-block;min-width:22px;padding:2px 7px;border:1px solid var(--borda);border-bottom-width:2px;border-radius:5px;background:#f8fafc;font:600 13px ui-monospace,monospace;text-align:center}.atalhos p{margin:12px 0 0;color:var(--suave);font-size:13px}.botao-fantasma{background:transparent;color:#4d4d4d}.botao-perigo{background:#cc2626;color:#fff}.botao-perigo-contorno{background:#fff;border-color:#cc2626;color:#cc2626}