:root{--azul: #2B3484;--azul-escuro: #1F2663;--azul-menu: #232B70;--amarelo: #F7C31C;--fundo: #F4F5FA;--texto: #1A1D33;--texto-2: #5B6078;--texto-menu: #C9CDEB;--borda: #E6E8F0;--borda-campo: #DCDFEA;--cartao: #FFFFFF;--suave: #F8F9FC;--aviso-fundo: #FFF8E1;--erro: #A3201A;--raio: 14px}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;background:var(--fundo);color:var(--texto);font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;font-size:15px;line-height:1.4;-webkit-font-smoothing:antialiased}button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.6}a{color:var(--azul)}h1,h2,h3{font-family:Outfit,sans-serif;color:var(--azul-escuro);margin:0}:focus-visible{outline:3px solid var(--amarelo);outline-offset:2px}.app{min-height:100vh;display:flex;flex-wrap:wrap}.menu{flex:0 0 248px;background:var(--azul);color:#fff;padding:24px 16px;display:flex;flex-direction:column;gap:26px;position:sticky;top:0;height:100vh;overflow-y:auto}.marca{display:flex;align-items:center;gap:10px;padding:0 8px}.marca-nome{font-family:Outfit,sans-serif;font-size:24px;letter-spacing:-.3px}.marca-nome b{font-weight:800}.marca-nome span{font-weight:500}.menu-grupo{display:flex;flex-direction:column;gap:4px}.menu-titulo{font-size:11px;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:var(--texto-menu);padding:0 12px 6px}.menu a{display:flex;align-items:center;min-height:44px;text-decoration:none;color:#fff;padding:0 12px;border-radius:10px;font-size:15px;font-weight:500}.menu a:hover{background:#ffffff14}.menu a.ativo{background:var(--amarelo);color:var(--azul-escuro);font-weight:600}.menu a .em-breve{margin-left:auto;font-size:10px;font-weight:600;color:var(--texto-menu);text-transform:uppercase;letter-spacing:.5px}.menu a.ativo .em-breve{color:var(--azul-escuro)}.usuario{margin-top:auto;display:flex;align-items:center;gap:10px;padding:12px;background:var(--azul-menu);border-radius:12px}.avatar{flex:none;width:36px;height:36px;border-radius:50%;background:var(--amarelo);color:var(--azul-escuro);display:flex;align-items:center;justify-content:center;font-weight:700;font-family:Outfit,sans-serif}.usuario-info{display:flex;flex-direction:column;min-width:0;flex:1}.usuario-nome{font-size:14px;font-weight:600}.usuario-papel{font-size:12px;color:var(--texto-menu)}.botao-sair{background:transparent;border:1px solid rgba(255,255,255,.3);color:#fff;border-radius:8px;height:36px;padding:0 10px;font-size:13px}.conteudo{flex:1 1 560px;min-width:0;padding:28px 32px 48px;display:flex;flex-direction:column;gap:20px}.topo-celular{display:none}.cabecalho{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px}.cabecalho h1{font-size:30px;font-weight:700}.subtitulo{margin:4px 0 0;font-size:14px;color:var(--texto-2)}.cartao{background:var(--cartao);border:1px solid var(--borda);border-radius:16px;padding:22px}.aviso{background:var(--aviso-fundo);border:1px solid var(--amarelo);border-radius:var(--raio);padding:14px 18px;color:#4a3200;font-size:15px}.faixa-azul{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;background:var(--azul);color:#fff;border-radius:var(--raio);padding:14px 18px}.faixa-azul strong{color:var(--amarelo)}.erro-caixa{background:#fde4e1;color:var(--erro);border-radius:10px;padding:10px 12px;font-size:14px}.ok-caixa{background:#e3f4ea;color:#1a6640;border-radius:10px;padding:10px 12px;font-size:14px;font-weight:600}.botao{height:44px;padding:0 18px;border-radius:10px;border:0;font-size:14px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none}.botao-principal{background:var(--amarelo);color:var(--azul-escuro)}.botao-azul{background:var(--azul);color:#fff}.botao-claro{background:#fff;color:var(--azul);border:1px solid var(--borda-campo)}.botao-grande{height:48px;font-size:15px;width:100%}.campo{display:flex;flex-direction:column;gap:4px;font-size:13px;color:var(--texto-2);font-weight:500}.campo input,.campo select,.campo textarea{min-height:44px;border:1px solid var(--borda-campo);border-radius:10px;padding:0 12px;font-size:15px;color:var(--texto);background:#fff}.campo textarea{padding:10px 12px;resize:vertical;min-height:76px}.campo .obrigatorio{color:var(--erro)}.grade-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.pilula{flex:none;white-space:nowrap;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:600}.etiqueta{padding:4px 10px;border-radius:8px;font-size:12px;font-weight:700;background:#fff3d1;color:#7a4f00}.abas{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px}.aba{text-align:left;border-radius:var(--raio);padding:16px;display:flex;flex-direction:column;gap:4px;background:#fff;border:1px solid var(--borda)}.aba[aria-selected=true]{background:var(--azul);border-color:var(--azul)}.aba-rotulo{font-size:13px;font-weight:600;color:var(--texto-2)}.aba-numero{font-family:Outfit,sans-serif;font-size:30px;font-weight:700;color:var(--azul-escuro)}.aba-numero.alerta{color:var(--erro)}.aba-sub{font-size:12px;color:var(--texto-2)}.aba[aria-selected=true] .aba-rotulo,.aba[aria-selected=true] .aba-sub{color:var(--texto-menu)}.aba[aria-selected=true] .aba-numero{color:var(--amarelo)}.area-trabalho{display:flex;flex-wrap:wrap;gap:18px;align-items:flex-start}.lista{flex:999 1 420px;min-width:0;display:flex;flex-direction:column;gap:10px}.item{width:100%;display:flex;flex-direction:column;gap:10px;padding:16px;border-radius:var(--raio);background:#fff;border:2px solid var(--borda);text-align:left}.item[aria-current=true]{background:var(--aviso-fundo);border-color:var(--amarelo)}.item-linha{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;width:100%}.item-nome{font-size:16px;font-weight:600;color:var(--texto)}.item-detalhe{font-size:13px;color:var(--texto-2)}.item-rodape{display:flex;flex-wrap:wrap;gap:8px;align-items:center;width:100%;font-size:13px}.item-quando{margin-left:auto;font-weight:600;color:var(--azul)}.item-quando.atrasado{color:var(--erro)}.vazio{margin:0;padding:32px;text-align:center;color:var(--texto-2);background:#fff;border-radius:var(--raio)}.ficha{flex:1 1 380px;min-width:0;display:flex;flex-direction:column;gap:18px;position:sticky;top:16px}.ficha-topo{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.ficha h2{font-size:22px;font-weight:700}.ficha-sub{font-size:13px;color:var(--texto-2);display:flex;flex-wrap:wrap;gap:6px;align-items:center}.link-botao{background:none;border:0;padding:0;color:var(--azul);font-weight:600;font-size:13px;text-decoration:underline}.mini{background:var(--suave);border-radius:10px;padding:10px 12px}.mini-rotulo{font-size:12px;color:var(--texto-2)}.mini-valor{font-weight:700;margin-top:2px;word-break:break-word}.porque{background:var(--aviso-fundo);border-radius:12px;padding:12px 14px;display:flex;flex-direction:column;gap:4px}.porque-titulo{font-size:12px;font-weight:700;color:#7a4f00;text-transform:uppercase;letter-spacing:.5px}.porque-texto{font-size:14px;color:#4a3200;line-height:1.45}.secao{display:flex;flex-direction:column;gap:12px;border-top:1px solid #EEF0F5;padding-top:16px}.secao h3{font-size:15px;font-weight:700}.status-grupo{display:flex;flex-wrap:wrap;gap:6px}.status-botao{min-height:40px;padding:0 12px;border-radius:999px;font-size:13px;font-weight:600;border:1px solid transparent}.historico-item{display:flex;gap:10px;align-items:flex-start}.historico-ponto{flex:none;margin-top:5px;width:10px;height:10px;border-radius:50%}.historico-texto{display:flex;flex-direction:column;gap:2px;font-size:13px}.historico-obs{color:var(--texto-2);white-space:pre-wrap}.tabela-caixa{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:14px}th{text-align:left;font-size:12px;text-transform:uppercase;letter-spacing:.5px;color:var(--texto-2);font-weight:600;padding:10px 12px;border-bottom:1px solid var(--borda)}td{padding:12px;border-bottom:1px solid #EEF0F5}td.num{font-family:Outfit,sans-serif;font-weight:700;font-size:18px}.login-fundo{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px 16px;background:var(--azul)}.login-cartao{width:100%;max-width:420px;background:#fff;border-radius:20px;padding:32px 28px;display:flex;flex-direction:column;gap:18px}.login-marca{display:flex;align-items:center;gap:10px;color:var(--azul)}.login-marca .marca-nome{font-size:28px}.login-abas{display:grid;grid-template-columns:1fr 1fr;background:var(--fundo);border-radius:10px;padding:4px;gap:4px}.login-abas button{height:40px;border:0;border-radius:8px;background:transparent;color:var(--azul);font-weight:600;font-size:14px}.login-abas button[aria-pressed=true]{background:var(--azul);color:#fff}.texto-pequeno{font-size:13px;color:var(--texto-2);margin:0}.carregando{min-height:60vh;display:flex;align-items:center;justify-content:center;color:var(--texto-2)}@media (max-width: 860px){.app{flex-direction:column}.topo-celular{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--azul);color:#fff;padding:12px 16px;position:sticky;top:0;z-index:10}.topo-celular button{height:44px;min-width:44px;border-radius:10px;border:1px solid rgba(255,255,255,.3);background:transparent;color:#fff;font-weight:600;padding:0 12px}.menu{position:static;height:auto;flex:none;display:none}.menu.aberto{display:flex}.menu .marca{display:none}.conteudo{padding:20px 16px 40px}.cabecalho h1{font-size:24px}.ficha{position:static}.grade-2{grid-template-columns:1fr}}.foco-opcoes{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px}.foco-opcao{display:flex;gap:10px;align-items:flex-start;min-height:44px;padding:12px 14px;border:1px solid var(--borda-campo);border-radius:12px;cursor:pointer;background:#fff}.foco-opcao>span{display:flex;flex-direction:column;gap:2px}.foco-opcao input{margin-top:3px;accent-color:var(--azul);width:18px;height:18px}.foco-opcao.marcada{border-color:var(--amarelo);background:#fff9e6;box-shadow:0 0 0 1px var(--amarelo)}
