:root{--cartao:#fffffff2;--texto:#1b2129;--suave:#5e6873;--borda:#d7dce2;--azul:#1f6feb;--azul-fundo:#e8f0fe;--verde:#1a7f37;--verde-fundo:#e6f6ea;--laranja:#a85400;--laranja-fundo:#fff1e0;--vermelho:#c62828;--sombra:0 6px 24px #141e281f;--raio:12px;--largura-painel:360px;color:var(--texto);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:14px;line-height:1.45}*{box-sizing:border-box}html,body,#raiz{height:100%;margin:0}body{background:#e1e4e8;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:not-allowed}button:focus-visible{outline:2px solid var(--azul);outline-offset:2px}.app{position:fixed;inset:0}.cena{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;position:absolute;inset:0}.mover-vista .cena canvas{cursor:move}.carregando{color:var(--suave);pointer-events:none;place-items:center;font-size:16px;display:grid;position:absolute;inset:0}.topo{pointer-events:none;flex-wrap:wrap;align-items:center;gap:12px;display:flex;position:absolute;top:12px;left:12px;right:12px}.topo>*{pointer-events:auto}.marca,.progresso,.acoes-topo{background:var(--cartao);border:1px solid var(--borda);border-radius:var(--raio);box-shadow:var(--sombra);padding:8px 14px}.marca{flex-direction:column;line-height:1.2;display:flex}.marca strong{font-size:16px}.marca span{color:var(--suave);font-size:12px}.progresso{color:var(--suave);align-items:center;gap:10px;display:flex}.barra{background:#e6e9ed;border-radius:3px;width:120px;height:6px;overflow:hidden}.barra>div{background:var(--azul);height:100%;transition:width .4s}.acoes-topo{flex-wrap:wrap;align-items:center;gap:8px;margin-left:auto;padding:6px;display:flex}.botao{border:1px solid var(--borda);background:#fff;border-radius:8px;padding:6px 12px}.botao:hover:not(:disabled){background:#f3f5f7}.botao:disabled{opacity:.45}.botao[aria-pressed=true]{background:var(--azul-fundo);color:#0b4bb3;border-color:#b8c7e0}.botao.macaco{background:var(--azul-fundo);color:#0b4bb3;border-color:#b8c7e0;font-weight:600}.botao.macaco.ativo{background:var(--azul);color:#fff;border-color:var(--azul)}.modos{border:1px solid var(--borda);border-radius:8px;display:inline-flex;overflow:hidden}.modos button{background:#fff;border:0;padding:6px 12px}.modos button[aria-pressed=true]{background:var(--texto);color:#fff}.placar{color:var(--suave);padding:0 4px}.placar .certo{color:var(--verde)}.placar .errado{color:var(--vermelho)}.painel{width:var(--largura-painel);background:var(--cartao);border:1px solid var(--borda);border-radius:var(--raio);box-shadow:var(--sombra);padding:16px;position:absolute;top:84px;bottom:112px;right:12px;overflow-y:auto}.painel h2{margin:2px 0 8px;font-size:19px;line-height:1.25}.painel.vazio h2{margin-top:0}.painel.vazio ol{margin:0 0 12px;padding-left:20px}.painel.vazio li{margin-bottom:4px}.teclas{color:var(--suave);margin-top:16px;font-size:12px}.painel-topo{justify-content:space-between;gap:8px;display:flex}.sistema{color:var(--suave);text-transform:uppercase;letter-spacing:.04em;font-size:12px}.fechar{color:var(--suave);background:0 0;border:0;height:28px;padding:0 4px;font-size:22px;line-height:1}.fechar:hover{color:var(--texto)}.situacao{color:var(--suave);background:#eef1f4;border-radius:999px;margin-bottom:12px;padding:2px 10px;font-size:12px;font-weight:600;display:inline-block}.situacao.instalada{color:#3d4752;background:#eef1f4}.situacao.afrouxada{background:var(--laranja-fundo);color:var(--laranja)}.situacao.removida{background:var(--azul-fundo);color:#0b4bb3}.acao{border:1px solid var(--borda);background:#fff;border-radius:10px;margin-bottom:12px;padding:12px}.acao.liberada{box-shadow:inset 3px 0 0 var(--verde);border-color:#9fd5ad}.acao.bloqueada{box-shadow:inset 3px 0 #c5ccd4}.acao h3{margin:0 0 8px;font-size:15px}.ferramenta-necessaria{background:#f6f8fa;border-radius:8px;align-items:center;gap:10px;padding:8px 10px;display:flex}.ferramenta-necessaria div{flex-direction:column;line-height:1.25;display:flex}.ferramenta-necessaria strong{font-size:15px}.ferramenta-necessaria span{color:var(--suave);font-size:12px}.ferramenta-necessaria .icone{flex:none;width:30px;height:30px}.interrogacao{background:var(--texto);color:#fff;border-radius:50%;place-items:center;font-size:16px;font-weight:700;display:grid}.torque{margin:8px 0 0;font-size:13px}.requisito{margin-top:10px;font-size:13px}.requisito>span{color:var(--laranja);margin-bottom:4px;font-weight:600;display:block}.chips{flex-wrap:wrap;gap:6px;display:flex}.chips.inline{display:inline-flex}.chip{background:var(--laranja-fundo);color:#6b3a00;border:1px solid #f0c48f;border-radius:999px;padding:2px 10px;font-size:13px}.painel.vazio .chip{background:var(--verde-fundo);color:#0f5a26;border-color:#9fd5ad}.chip:hover{filter:brightness(.96)}.link{color:var(--azul);background:0 0;border:0;padding:4px 0 0;font-size:13px;text-decoration:underline}.caminho{margin:8px 0 0;padding-left:22px}.caminho li{margin-bottom:4px}.botoes{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.primario,.secundario{border-radius:8px;padding:8px 14px;font-weight:600}.primario{border:1px solid var(--verde);background:var(--verde);color:#fff}.primario:disabled{color:#fff;background:#c9d1d9;border-color:#c9d1d9}.secundario{border:1px solid var(--verde);color:var(--verde);background:#fff}.descricao{margin:4px 0 8px}.fonte{color:var(--suave);margin:0;font-size:12px}.caixa{left:12px;right:calc(var(--largura-painel) + 24px);background:var(--cartao);border:1px solid var(--borda);border-radius:var(--raio);box-shadow:var(--sombra);padding:8px 10px;position:absolute;bottom:12px}.caixa-titulo{color:var(--suave);text-transform:uppercase;letter-spacing:.05em;margin:0 0 6px 2px;font-size:11px;display:block}.ferramentas{gap:14px;margin-top:-8px;padding:10px 2px 2px;display:flex;overflow-x:auto}.gaveta{flex-direction:column;flex:none;gap:3px;display:flex}.gaveta+.gaveta{border-left:1px solid var(--borda);padding-left:14px}.gaveta-nome{color:var(--suave);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;font-size:10px}.gaveta-itens{gap:8px;padding-top:8px;display:flex}.ferramenta{border:1px solid var(--borda);background:#fff;border-radius:10px;flex-direction:column;flex:none;align-items:center;gap:4px;width:92px;min-height:64px;padding:8px 4px 6px;display:flex;position:relative}.ferramenta:hover{border-color:#aeb8c3}.ferramenta .icone{width:22px;height:22px}.ferramenta .nome{text-align:center;font-size:11px;line-height:1.2}.ferramenta.necessaria{border-color:var(--verde);background:var(--verde-fundo)}.ferramenta.na-mao{border-color:var(--azul);background:var(--azul-fundo)}.selo{white-space:nowrap;background:var(--verde);color:#fff;border-radius:999px;padding:1px 7px;font-size:10px;font-weight:700;position:absolute;top:-8px;left:50%;transform:translate(-50%)}.selo.mao{background:var(--azul)}.icone{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round}.lista{background:var(--cartao);border:1px solid var(--borda);border-radius:var(--raio);width:270px;max-height:calc(100% - 210px);box-shadow:var(--sombra);flex-direction:column;display:flex;position:absolute;top:84px;left:12px}.lista.fechada{width:auto}.lista-topo{background:0 0;border:0;justify-content:space-between;align-items:center;gap:10px;width:100%;padding:10px 12px;font-weight:600;display:flex}.contagem{background:var(--azul-fundo);color:#0b4bb3;border-radius:999px;padding:0 8px;font-size:12px;font-weight:600}.lista-filtros{flex-direction:column;gap:6px;padding:0 10px 8px;display:flex}.lista-filtros input{font:inherit;border:1px solid var(--borda);background:#fff;border-radius:8px;padding:6px 10px}.lista-filtros .modos{align-self:flex-start}.lista-grupos{padding:0 6px 8px;overflow-y:auto}.lista-grupos .vazio{color:var(--suave);margin:0;padding:4px 8px}.grupo{background:0 0;border:0;border-radius:6px;justify-content:space-between;align-items:center;width:100%;padding:6px 8px;font-size:13px;font-weight:600;display:flex}.grupo:before{content:"▸";color:var(--suave);margin-right:6px;transition:transform .15s}.grupo[aria-expanded=true]:before{transform:rotate(90deg)}.grupo span:first-of-type{margin-right:auto}.grupo:hover,.lista li button:hover{background:#f1f3f5}.lista ul{margin:0 0 4px;padding:0;list-style:none}.lista li button{text-align:left;background:0 0;border:0;border-radius:6px;grid-template-columns:10px 1fr;align-items:center;column-gap:8px;width:100%;padding:4px 8px 4px 20px;font-size:13px;display:grid}.lista li button.atual{background:var(--azul-fundo)}.lista li small{color:var(--suave);grid-column:2;font-size:11px}.lista-abas{align-self:flex-start;margin:0 10px 8px}.lista-topo,.lista-abas,.lista-filtros{flex:none}.contagem.pronta{background:var(--verde-fundo);color:var(--verde)}.tarefa{padding:0 8px 10px 20px}.tarefa-descricao{color:var(--suave);margin:0 0 6px;font-size:12px}.lista ol.passos{margin:0;padding-left:20px;list-style:decimal}.lista .passos li{margin-bottom:2px;font-size:13px}.lista .passos li button{text-align:left;border-radius:5px;width:auto;padding:1px 6px;font-size:13px;display:inline}.lista .passos li.feito button{color:var(--suave);text-decoration:line-through}.lista .passos li.proximo button{background:var(--verde-fundo);color:#0f5a26;font-weight:600}.selo-proximo{background:var(--verde);color:#fff;vertical-align:middle;border-radius:999px;margin-left:4px;padding:1px 6px;font-size:10px;font-weight:700}.passo-local{color:var(--suave);margin-left:2px;font-size:11px}.tarefa-pronta{color:var(--verde);margin:8px 0 0;font-size:13px;font-weight:600}.tarefa-pronta p{margin:0 0 6px}.tarefa-pronta .secundario{padding:4px 12px;font-size:13px}.bolinha{background:#c5ccd4;border-radius:50%;width:9px;height:9px}.bolinha.livre{background:var(--verde)}.bolinha.fora{background:var(--azul)}.bolinha.fixa{background:0 0;border:1.5px solid #c5ccd4}.aviso{bottom:116px;left:calc((100% - var(--largura-painel) - 24px) / 2);max-width:min(560px, calc(100% - var(--largura-painel) - 48px));background:var(--texto);color:#fff;box-shadow:var(--sombra);border-radius:10px;padding:10px 16px;font-size:14px;animation:.2s ease-out surgir;position:absolute;transform:translate(-50%)}.aviso.ok{background:#14532d}.aviso.erro{background:#8a1c1c}@keyframes surgir{0%{opacity:0;transform:translate(-50%,6px)}}@media (width<=820px){:root{--largura-painel:0px;--altura-painel:40vh}.cena{top:96px;bottom:calc(var(--altura-painel) + 96px)}.topo{gap:6px;top:8px;left:8px;right:8px}.marca span,.progresso .barra{display:none}.marca,.progresso{padding:5px 10px}.acoes-topo{flex-wrap:nowrap;width:100%;margin-left:0;padding:4px;overflow-x:auto}.acoes-topo>*{flex:none}.botao,.modos button{padding:5px 9px;font-size:13px}.painel{width:auto;height:var(--altura-painel);inset:auto 8px 8px}.caixa{left:8px;right:8px;bottom:calc(var(--altura-painel) + 14px);padding:4px 6px}.caixa-titulo{display:none}.ferramenta{width:76px;min-height:54px}.lista{z-index:2;width:calc(100% - 16px);max-height:46vh;top:100px;left:8px}.lista.fechada{width:auto}.aviso{max-width:calc(100% - 24px);top:100px;bottom:auto;left:50%}}