:root{--marca:#eb1c12;--marca-forte:#d0190f;--marca-texto:#fff;--fundo:#f6f6f6;--cartao:#fff;--texto:#000;--suave:#5c5c5c;--borda:#ddd;--erro:#b8150e;--erro-fundo:#fdecea;color:var(--texto);background:var(--fundo);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:17px}*{box-sizing:border-box}body{background:var(--fundo);margin:0}h1{margin:0 0 .5rem;font-size:1.5rem}h2{margin:0 0 .25rem;font-size:1.15rem}p{line-height:1.45}.centro{justify-content:center;align-items:center;min-height:100vh;padding:16px;display:flex}.cartao{background:var(--cartao);border:1px solid var(--borda);border-radius:12px;width:100%;max-width:560px;margin-bottom:16px;padding:20px}.centro .cartao{margin-bottom:0}button{font:inherit;border:1px solid var(--borda);background:var(--cartao);color:var(--texto);cursor:pointer;border-radius:8px;min-height:48px;padding:12px 16px}button:disabled{opacity:.6}button.principal{background:var(--marca-forte);color:var(--marca-texto);border-color:var(--marca-forte);font-weight:600}button.perigo{color:var(--erro)}button.discreto{color:var(--suave);background:0 0;border:none}button.largo{width:100%;margin-top:12px}label{margin:12px 0 4px;font-weight:600;display:block}input,select{font:inherit;border:1px solid var(--borda);background:#fff;border-radius:8px;width:100%;min-height:48px;margin-top:4px;padding:10px 12px}.linha-marcar{align-items:center;gap:10px;font-weight:400;display:flex}.linha-marcar input{width:22px;min-height:22px;margin:0}.linha-vinculo{align-items:center;gap:8px;margin-top:8px;display:flex}.linha-vinculo select{margin-top:0}.dica{color:var(--suave);margin:4px 0;font-size:.9rem}.erro{color:var(--erro);background:var(--erro-fundo);border-radius:8px;padding:10px 12px;font-weight:600}.lista-simples{padding-left:20px}.lista-simples li{margin:6px 0}.app{min-height:100vh}.topo{background:var(--marca);color:var(--marca-texto);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:8px 16px;font-size:1.1rem;display:flex}.topo .marca{align-items:center;gap:10px;font-weight:700;display:flex}.topo .marca img{border:2px solid #ffffffd9;border-radius:8px;width:36px;height:36px}.topo nav{flex-wrap:wrap;gap:4px;display:flex}.topo nav button{color:var(--marca-texto);background:0 0;border:none;font-size:1.1rem;font-weight:700}.topo nav button.ativo{background:#0000002e}.contador{min-width:22px;color:var(--marca-forte);background:#fff;border-radius:11px;margin-left:6px;padding:0 6px;font-size:.8rem;font-weight:700;display:inline-block}.conteudo{max-width:760px;margin:0 auto;padding:16px}.conteudo .cartao{max-width:none}.abas{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.abas button.ativo{background:var(--marca-forte);color:var(--marca-texto);border-color:var(--marca-forte);font-weight:600}.pedido{border-top:1px solid var(--borda);margin-top:12px;padding-top:12px}.pedido-titulo{margin:0 0 8px;font-weight:600}.botoes{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.logo-entrada{border-radius:20px;width:96px;height:96px;margin:0 auto 16px;display:block}.centro .cartao h1.titulo-entrada,.texto-centro{text-align:center}input:focus,select:focus,button:focus-visible{outline-offset:1px;outline:3px solid #eb1c1259}textarea{font:inherit;border:1px solid var(--borda);resize:vertical;background:#fff;border-radius:8px;width:100%;margin-top:4px;padding:10px 12px}input:disabled,textarea:disabled,select:disabled{color:var(--texto);background:#f2f2f2}.saudacao{margin:4px 0 12px}.espaco-baixo{margin-bottom:16px}.espaco-topo{margin-top:16px}.linha-ciclo{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:16px;display:flex}.rotulo-inline{align-items:center;gap:8px;margin:0;display:flex}.rotulo-inline select{width:auto;margin-top:0}.okr{border-top:1px solid var(--borda);margin-top:12px;padding-top:12px}.cartao h2+.okr{border-top:none;margin-top:4px;padding-top:4px}.okr-titulo{margin:0 0 6px;font-weight:600}.okr-numero{color:var(--marca-forte);margin-right:4px}.etiqueta{color:#8a4b00;background:#fff4e5;border-radius:10px;margin-left:8px;padding:2px 8px;font-size:.8rem;font-weight:600;display:inline-block}.lista-krs{margin:0 0 8px;padding-left:20px}.lista-krs li{margin:6px 0}.aviso{color:#6b3a00;background:#fff4e5;border-radius:8px;padding:10px 12px}.pergunta{margin:16px 0 6px;font-weight:600}.opcoes{grid-template-columns:1fr 1fr;gap:8px;display:grid}.opcoes button{text-align:left;flex-direction:column;align-items:flex-start;gap:2px;display:flex}.opcoes button.escolhida{border:2px solid var(--marca-forte);background:#fdecea}.duas-colunas{grid-template-columns:1fr 1fr;gap:12px;display:grid}.resumo-kr{background:#f2f2f2;border-radius:8px;margin-top:16px;padding:10px 12px}.sem-marcador{padding-left:0;list-style:none}.linha-item{border-bottom:1px solid var(--borda);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:8px 0;display:flex}.linha-item:last-child{border-bottom:none}@media (width<=520px){.opcoes,.duas-colunas{grid-template-columns:1fr}}.titulo-secao{color:var(--suave);text-transform:uppercase;letter-spacing:.04em;margin:20px 0 8px;font-size:1.05rem}.em-breve{border-top:1px dashed var(--borda);margin-top:8px;padding-top:8px}.bloco-resumo{border-bottom:1px solid var(--borda);padding:10px 0}.bloco-resumo:first-child{padding-top:0}.bloco-resumo:last-child{border-bottom:none;padding-bottom:0}.bloco-resumo h3{margin:0 0 6px;font-size:1rem}.okr-resumo .okr-titulo{font-size:.95rem;font-weight:500}.okr-resumo .lista-krs{color:var(--suave);font-size:.9rem}.detalhe-kr{display:block}.okr-resumo .detalhe-kr{display:inline}.bloco{display:block}.situacao{color:#333;background:#eee;border-radius:10px;margin-left:8px;padding:2px 8px;font-size:.8rem;font-weight:600;display:inline-block}.situacao-rascunho{color:#333;background:#eee}.situacao-aguardando_validacao{color:#8a4b00;background:#fff4e5}.situacao-oficial{color:#1d6b3a;background:#e7f5ec}.situacao-devolvido,.situacao-atrasada{color:#b8150e;background:#fdecea}.escolha{flex-wrap:wrap;gap:8px;display:flex}.escolha button{flex:auto;min-width:96px}.escolha button.escolhida{border:2px solid var(--marca-forte);background:#fdecea;font-weight:600}.kr-valor{margin-bottom:8px}.kr-valor label{font-weight:600}.camada{border-left:3px solid var(--borda);margin-top:12px;padding-left:12px}.andamento{border-top:1px dashed var(--borda);margin-top:8px;padding-top:8px}.andamento-vazio{border-top:1px dashed var(--borda);padding-top:8px}.progresso-okr,.progresso-kr{flex-wrap:wrap;align-items:center;gap:10px;margin:6px 0;display:flex}.barra{background:#eee;border-radius:5px;flex:140px;height:10px;display:inline-block;overflow:hidden}.barra-cheia{background:var(--marca-forte);border-radius:5px;height:100%;display:block}.andamento-kr{margin-top:12px}.andamento-titulo{margin:0;font-weight:600}.grafico{margin:8px 0}.grafico svg{width:100%;max-width:520px;height:auto;display:block}.grafico .grade{stroke:#e6e6e6;stroke-width:1px}.grafico .eixo{fill:var(--suave);font-size:10px}.grafico .rotulo{fill:var(--texto);font-size:11px;font-weight:600}.grafico .linha-esperado{stroke:#8a8a8a;stroke-width:2px;stroke-dasharray:5 4}.grafico .linha-real{stroke:var(--marca-forte);stroke-width:2px;fill:none;stroke-linejoin:round;stroke-linecap:round}.grafico .ponto-real{fill:var(--marca-forte);stroke:#fff;stroke-width:2px}.legenda{color:var(--suave);flex-wrap:wrap;gap:16px;font-size:.85rem;display:flex}.legenda i{vertical-align:middle;width:18px;height:0;margin-right:4px;display:inline-block}.chave-real{border-top:2px solid var(--marca-forte)}.chave-esperado{border-top:2px dashed #8a8a8a}.tabela-rodadas{border-collapse:collapse;width:100%;margin-top:4px;font-size:.9rem}.tabela-rodadas th,.tabela-rodadas td{text-align:left;border-bottom:1px solid var(--borda);padding:4px 6px}.tabela-rodadas th{color:var(--suave);font-weight:600}.ajuste{background:#f2f2f2;border-radius:8px;padding:8px 10px;font-size:.9rem}.aviso-novo{font-weight:600}.bloco-botao{display:block}.luz{vertical-align:middle;border:1px solid #0000;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;min-height:22px;padding:0;font-size:.75rem;font-weight:700;line-height:1;display:inline-flex}.luz-grande{width:32px;height:32px;font-size:1rem}.luz-verde{color:#fff;background:#1e8e3e}.luz-amarelo{color:#000;background:#d99100;border-color:#6b4700}.luz-vermelho{color:#fff;background:#c5221f}.luz-vazia{color:var(--suave);background:#fff;border:1px dashed #9a9a9a}button.luz-botao{cursor:pointer;min-height:22px}.luz-grande.luz-botao{min-height:32px}.luzes{align-items:center;gap:6px;display:inline-flex}.legenda-luzes{margin-top:12px}.legenda-luzes span{align-items:center;gap:4px;display:inline-flex}.grade-dvp{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:12px;margin-bottom:8px;display:grid}.grade-dvp .cartao{margin-bottom:0}.cartao-dvp h3{margin:0 0 8px}.linha-okr-dvp{align-items:center;gap:8px;margin:6px 0;display:flex}.texto-okr{text-align:left;min-height:32px;color:var(--texto);padding:4px}.ranking{margin:0;padding:0;list-style:none}.linha-ranking{border-bottom:1px solid var(--borda);gap:12px;padding:12px 0;display:flex}.linha-ranking:last-child{border-bottom:none}.posicao{min-width:36px;color:var(--marca-forte);font-size:1.3rem;font-weight:700}.corpo-ranking{flex-direction:column;flex:1;gap:6px;display:flex}.topo-ranking{justify-content:space-between;gap:8px;display:flex}.okr-ranking{color:var(--suave);align-items:center;gap:8px;font-size:.92rem;display:flex}.linha-ficha{flex-wrap:wrap;align-items:center;gap:10px;margin:6px 0;display:flex}.etiqueta-plano{color:#b8150e;background:#fdecea;margin-left:0}.luzes-ficha{gap:16px;margin:8px 0;display:flex}.luz-rotulada{align-items:center;gap:6px;display:inline-flex}.lista-indicadores{margin:0;padding:0;list-style:none}.lista-indicadores li{color:var(--suave);margin:4px 0}.lista-indicadores li.aceso{color:var(--texto);font-weight:600}.respostas{grid-template-columns:minmax(140px,40%) 1fr;gap:6px 12px;margin-top:12px;display:grid}.respostas dt{color:var(--suave)}.respostas dd{margin:0}.texto-plano{white-space:pre-wrap}.historico summary{cursor:pointer;color:var(--suave);margin-top:12px}.plano-antigo,.comentario{border-top:1px solid var(--borda);margin-top:8px;padding-top:8px}.comentario p{margin:2px 0}.progresso-resumo{float:right;color:var(--suave);font-weight:600}.grafico .linha-plano{stroke:#b8150e;stroke-width:1px;stroke-dasharray:2 3}.chave-plano{border-top:2px dotted #b8150e}.corpo-ranking .barra{flex:none;width:100%;height:10px}
