:root{--preto: #0b0b0b;--preto-2: #1c1c1c;--cinza-9: #2b2b2b;--cinza-7: #555;--cinza-6: #6f6f6f;--cinza-4: #b5b5b5;--cinza-3: #d6d6d6;--cinza-2: #e8e8e8;--cinza-1: #f3f3f3;--branco: #fff;--verde: #1f7a4d;--verde-claro: #e6f3ec;--ambar: #8a5a00;--ambar-claro: #fdf3dd;--vermelho: #b42318;--vermelho-claro: #fdecea;--azul: #1d4ed8;--raio: 10px;--sombra: 0 1px 2px rgba(0,0,0,.05), 0 1px 3px rgba(0,0,0,.06);--lateral: 240px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:Roboto,system-ui,-apple-system,Segoe UI,sans-serif;font-size:15px;line-height:1.5;color:var(--preto);background:var(--cinza-1);-webkit-font-smoothing:antialiased}a{color:inherit}h1,h2,h3{margin:0;font-weight:700;letter-spacing:-.01em}h1{font-size:24px}h2{font-size:18px}h3{font-size:15px}p{margin:0}button,input,select,textarea{font:inherit;color:inherit}.app{display:flex;min-height:100%}.lateral{width:var(--lateral);flex-shrink:0;background:var(--preto);color:var(--branco);display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.lateral .marca{padding:28px 24px 24px}.lateral .marca img{width:128px;display:block}.lateral .marca span{display:block;margin-top:8px;font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--cinza-4)}.menu{display:flex;flex-direction:column;gap:2px;padding:8px 12px;flex:1}.menu a{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:8px;text-decoration:none;color:var(--cinza-3);font-weight:500;font-size:14px}.menu a:hover{background:var(--preto-2);color:var(--branco)}.menu a.active{background:var(--branco);color:var(--preto)}.menu svg{width:18px;height:18px;flex-shrink:0}.menu .grupo{margin:16px 12px 6px;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--cinza-6)}.usuario-box{border-top:1px solid var(--cinza-9);padding:16px 20px;font-size:13px}.usuario-box strong{display:block;color:var(--branco)}.usuario-box span{color:var(--cinza-4)}.usuario-box button{margin-top:10px;background:none;border:1px solid var(--cinza-9);color:var(--cinza-3);border-radius:6px;padding:6px 10px;cursor:pointer;width:100%}.usuario-box button:hover{border-color:var(--cinza-6);color:var(--branco)}.principal{flex:1;min-width:0}.topo-movel{display:none}.conteudo{max-width:1180px;margin:0 auto;padding:32px 32px 64px}.cabecalho{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:24px;flex-wrap:wrap}.cabecalho p{color:var(--cinza-6);margin-top:4px}.voltar{display:inline-flex;align-items:center;gap:6px;color:var(--cinza-6);text-decoration:none;font-size:14px;margin-bottom:10px}.voltar:hover{color:var(--preto)}@media (max-width: 860px){.app{flex-direction:column}.lateral{position:fixed;inset:0 auto 0 0;z-index:50;transform:translate(-100%);transition:transform .2s}.lateral.aberta{transform:none;box-shadow:0 0 0 100vmax #0006}.topo-movel{display:flex;align-items:center;justify-content:space-between;background:var(--preto);padding:12px 16px;position:sticky;top:0;z-index:40}.topo-movel img{height:22px}.topo-movel button{background:none;border:0;color:var(--branco);padding:6px;cursor:pointer}.conteudo{padding:20px 16px 48px}}.cartao{background:var(--branco);border:1px solid var(--cinza-2);border-radius:var(--raio);box-shadow:var(--sombra)}.cartao-corpo{padding:20px 24px}.cartao-topo{padding:16px 24px;border-bottom:1px solid var(--cinza-2);display:flex;align-items:center;justify-content:space-between;gap:12px}.cartao+.cartao{margin-top:16px}.cartao.restrito{border-color:var(--preto)}.selo-restrito{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;background:var(--preto);color:var(--branco);padding:3px 8px;border-radius:999px}.grade-numeros{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:16px;margin-bottom:24px}.numero{padding:18px 20px}.numero .rotulo{font-size:13px;color:var(--cinza-6)}.numero .valor{font-size:30px;font-weight:700;margin-top:2px}.numero.escuro{background:var(--preto);color:var(--branco);border-color:var(--preto)}.numero.escuro .rotulo{color:var(--cinza-4)}.duas-colunas{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media (max-width: 960px){.duas-colunas{grid-template-columns:1fr}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:8px;padding:9px 16px;font-weight:500;font-size:14px;cursor:pointer;border:1px solid transparent;text-decoration:none;white-space:nowrap;transition:background .12s,border-color .12s}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primario{background:var(--preto);color:var(--branco)}.btn-primario:hover:not(:disabled){background:var(--cinza-9)}.btn-secundario{background:var(--branco);color:var(--preto);border-color:var(--cinza-3)}.btn-secundario:hover:not(:disabled){border-color:var(--preto)}.btn-texto{background:none;color:var(--cinza-7);padding:6px 8px}.btn-texto:hover:not(:disabled){color:var(--preto);background:var(--cinza-1)}.btn-perigo{background:var(--branco);color:var(--vermelho);border-color:#f0c7c3}.btn-perigo:hover:not(:disabled){border-color:var(--vermelho)}.btn-pequeno{padding:5px 10px;font-size:13px}.acoes{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.campos{display:grid;grid-template-columns:repeat(2,1fr);gap:16px 20px}.campos .inteiro{grid-column:1 / -1}@media (max-width: 700px){.campos{grid-template-columns:1fr}}.campo{display:flex;flex-direction:column;gap:6px}.campo label{font-size:13px;font-weight:500;color:var(--cinza-9)}.campo label .obrigatorio{color:var(--vermelho);margin-left:2px}.campo .ajuda{font-size:12px;color:var(--cinza-6)}.entrada,.campo input,.campo select,.campo textarea{width:100%;border:1px solid var(--cinza-3);border-radius:8px;padding:9px 12px;background:var(--branco);outline:none;transition:border-color .12s,box-shadow .12s}.entrada:focus,.campo input:focus,.campo select:focus,.campo textarea:focus{border-color:var(--preto);box-shadow:0 0 0 3px #00000014}.campo textarea{min-height:90px;resize:vertical}.opcoes{display:flex;flex-direction:column;gap:8px}.opcao{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border:1px solid var(--cinza-3);border-radius:8px;cursor:pointer}.opcao:hover{border-color:var(--cinza-6)}.opcao.marcada{border-color:var(--preto);background:var(--cinza-1)}.opcao input{margin-top:3px;accent-color:var(--preto);width:16px;height:16px}.opcao small{display:block;color:var(--cinza-6)}.secao-form{margin-bottom:16px}.secao-form>.cartao-topo h2{font-size:16px}.barra-acoes{position:sticky;bottom:0;background:#f3f3f3eb;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:14px 0;display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap;border-top:1px solid var(--cinza-2);margin-top:8px}.zona-arquivo{border:1.5px dashed var(--cinza-4);border-radius:10px;padding:20px;text-align:center;color:var(--cinza-7);cursor:pointer;background:var(--cinza-1)}.zona-arquivo:hover,.zona-arquivo.ativa{border-color:var(--preto);color:var(--preto)}.zona-arquivo input{display:none}.zona-arquivo strong{color:var(--preto)}.aviso{padding:12px 14px;border-radius:8px;font-size:14px;display:flex;gap:10px;align-items:flex-start}.aviso-erro{background:var(--vermelho-claro);color:var(--vermelho)}.aviso-ok{background:var(--verde-claro);color:var(--verde)}.aviso-info{background:var(--cinza-1);color:var(--cinza-9);border:1px solid var(--cinza-2)}.aviso-atencao{background:var(--ambar-claro);color:var(--ambar)}.aviso ul{margin:4px 0 0;padding-left:18px}.toast-area{position:fixed;bottom:20px;right:20px;z-index:100;display:flex;flex-direction:column;gap:8px}.toast{background:var(--preto);color:var(--branco);padding:12px 16px;border-radius:8px;box-shadow:0 6px 20px #0003;font-size:14px;max-width:380px}.toast.erro{background:var(--vermelho)}.etiqueta{display:inline-flex;align-items:center;gap:6px;padding:2px 10px;border-radius:999px;font-size:12px;font-weight:500;white-space:nowrap}.etiqueta:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.st-ativo{background:var(--verde-claro);color:var(--verde)}.st-pausado{background:var(--ambar-claro);color:var(--ambar)}.st-encerrado{background:var(--cinza-2);color:var(--cinza-7)}.st-rascunho{background:var(--branco);color:var(--cinza-7);border:1px dashed var(--cinza-4)}.pilula{display:inline-block;padding:2px 8px;border-radius:6px;background:var(--cinza-1);border:1px solid var(--cinza-2);font-size:12px;color:var(--cinza-9);margin:2px 4px 2px 0}.tabela-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse}th{text-align:left;font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.06em;color:var(--cinza-6);padding:12px 16px;border-bottom:1px solid var(--cinza-2);white-space:nowrap}td{padding:14px 16px;border-bottom:1px solid var(--cinza-2);vertical-align:middle}tr:last-child td{border-bottom:0}tbody tr.clicavel{cursor:pointer}tbody tr.clicavel:hover{background:var(--cinza-1)}td .sub{font-size:13px;color:var(--cinza-6)}.filtros{display:flex;gap:10px;flex-wrap:wrap;padding:16px;border-bottom:1px solid var(--cinza-2)}.filtros .busca{flex:1;min-width:220px;position:relative}.filtros .busca svg{position:absolute;left:11px;top:50%;transform:translateY(-50%);width:16px;color:var(--cinza-6)}.filtros .busca input{padding-left:34px}.filtros select{width:auto;min-width:170px}.vazio{padding:48px 24px;text-align:center;color:var(--cinza-6)}.vazio h3{color:var(--preto);margin-bottom:4px}.carregando{padding:48px;text-align:center;color:var(--cinza-6)}.abas{display:flex;gap:4px;border-bottom:1px solid var(--cinza-3);margin-bottom:20px;overflow-x:auto}.abas button{background:none;border:0;border-bottom:2px solid transparent;padding:10px 14px;font-weight:500;color:var(--cinza-6);cursor:pointer;white-space:nowrap;margin-bottom:-1px}.abas button:hover{color:var(--preto)}.abas button.ativa{color:var(--preto);border-bottom-color:var(--preto)}.dados{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px 24px}.dado .rotulo{font-size:12px;color:var(--cinza-6);text-transform:uppercase;letter-spacing:.06em}.dado .valor{margin-top:2px;word-break:break-word}.lista-simples{list-style:none;margin:0;padding:0}.lista-simples li{padding:12px 0;border-bottom:1px solid var(--cinza-2);display:flex;gap:12px;align-items:flex-start;justify-content:space-between}.lista-simples li:last-child{border-bottom:0}.linha-tempo li{display:grid;grid-template-columns:96px 1fr auto}.linha-tempo .quando{font-size:13px;color:var(--cinza-6)}.linha-tempo .tipo{font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.05em;color:var(--cinza-7)}.feito{text-decoration:line-through;color:var(--cinza-6)}.em-breve{color:var(--cinza-6);font-size:14px}.modal-fundo{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;padding:16px;z-index:80}.modal{background:var(--branco);border-radius:12px;width:100%;max-width:520px;max-height:90vh;overflow:auto;box-shadow:0 20px 50px #00000040}.modal-topo{padding:18px 24px;border-bottom:1px solid var(--cinza-2);display:flex;justify-content:space-between;align-items:center}.modal-corpo{padding:20px 24px;display:flex;flex-direction:column;gap:14px}.modal-rodape{padding:14px 24px;border-top:1px solid var(--cinza-2);display:flex;justify-content:flex-end;gap:8px}.tela-login{min-height:100%;display:grid;grid-template-columns:1.1fr 1fr}.tela-login .lado-marca{background:var(--preto);color:var(--branco);padding:56px;display:flex;flex-direction:column;justify-content:space-between}.tela-login .lado-marca img{width:220px}.tela-login .lado-marca h2{font-size:30px;font-weight:400;line-height:1.25;max-width:420px}.tela-login .lado-marca small{color:var(--cinza-6)}.tela-login .lado-form{display:flex;align-items:center;justify-content:center;padding:32px 20px;background:var(--branco)}.tela-login form{width:100%;max-width:360px;display:flex;flex-direction:column;gap:16px}.tela-login .logo-movel{display:none;width:150px;margin-bottom:12px}@media (max-width: 860px){.tela-login{grid-template-columns:1fr}.tela-login .lado-marca{display:none}.tela-login .logo-movel{display:block}}.centro{min-height:100%;display:flex;align-items:center;justify-content:center;padding:20px}.grade-numeros>.cartao,.duas-colunas>.cartao{margin-top:0}.filtros select.entrada{flex:0 0 auto;width:auto}@media (max-width: 700px){.so-desktop{display:none}}
