:root{--fundo: #F4F6F8;--papel: #FFFFFF;--tinta: #1F2D3A;--tinta-2: #6B7A88;--tinta-3: #9AA7B2;--borda: #E3E8ED;--side: #0F1C26;--side-2: #162A38;--side-tinta: #C7D2DC;--side-tinta-ativa: #FFFFFF;--side-hover-bg: rgba(255,255,255,.06);--side-ativo-bg: #162A38;--destaque: #E8A400;--erro: #B5473A;--erro-f: #FBECEA;--ok: #377D47;--ok-f: #E0F0E3}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:Segoe UI,Arial,Helvetica,sans-serif;background:var(--fundo);color:var(--tinta);font-size:14px}.app{display:flex;min-height:100vh}.sidebar{width:230px;background:var(--side);color:var(--side-tinta);display:flex;flex-direction:column;flex:none}.sidebar .marca{padding:20px 22px 18px;font-size:18px;letter-spacing:.5px;font-weight:300;color:#fff}.sidebar .marca b{font-weight:700}.sidebar .marca .ponto{color:var(--destaque);font-weight:700}.menu{flex:1;padding:6px 0;overflow-y:auto}.menu .item{display:flex;align-items:center;gap:11px;padding:11px 22px;cursor:pointer;color:var(--side-tinta);font-size:13.5px;border-left:3px solid transparent;-webkit-user-select:none;user-select:none}.menu .item .ico{width:18px;text-align:center;opacity:.9;font-size:15px}.menu .item:hover{background:var(--side-hover-bg)}.menu .item.ativo{background:var(--side-ativo-bg);color:var(--side-tinta-ativa);border-left-color:var(--destaque);font-weight:600}.menu .item.filho{padding-left:46px;font-size:13px}.menu .grupo-label{padding:14px 22px 6px;font-size:10.5px;text-transform:uppercase;letter-spacing:.6px;color:var(--tinta-3)}.sidebar .rodape{padding:14px 22px;font-size:11px;color:#5c6b78;border-top:1px solid rgba(255,255,255,.06)}.principal{flex:1;display:flex;flex-direction:column;min-width:0}.topbar{height:52px;background:var(--papel);border-bottom:1px solid var(--borda);display:flex;align-items:center;justify-content:flex-end;padding:0 24px;gap:16px}.topbar .usuario{color:var(--tinta-2);font-size:13px}.topbar .sair{color:var(--tinta-2);font-size:13px;cursor:pointer;text-decoration:none}.topbar .sair:hover{color:var(--tinta)}.topbar .saude{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--tinta-2);margin-right:auto;margin-left:4px}.topbar .saude .dot{width:8px;height:8px;border-radius:50%;background:var(--ok)}.topbar .saude .dot.off{background:var(--erro)}.conteudo{flex:1;padding:26px 32px;overflow-y:auto}.titulo{font-size:22px;font-weight:700;margin:0 0 2px}.subtitulo{color:var(--tinta-2);margin:0 0 22px;font-size:13px}.card{background:var(--papel);border:1px solid var(--borda);border-radius:10px;padding:20px 22px;margin-bottom:20px}.card h3{margin:0 0 16px;font-size:15px;font-weight:600}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:11px 12px;border-bottom:1px solid var(--borda);font-size:13.5px}th{color:var(--tinta-2);font-size:11px;text-transform:uppercase;letter-spacing:.4px;font-weight:600}tr:last-child td{border-bottom:0}.badge{padding:3px 10px;border-radius:11px;font-size:11px;font-weight:600}.badge.ativo{background:var(--ok-f);color:var(--ok)}.badge.inativo{background:var(--erro-f);color:var(--erro)}.form-row{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:14px}.form-row label{display:flex;flex-direction:column;font-size:12px;color:var(--tinta-2);gap:5px;flex:1;min-width:170px}input,select{padding:9px 11px;border:1px solid var(--borda);border-radius:7px;font-size:14px;background:#fff;color:var(--tinta)}input:focus,select:focus{outline:2px solid var(--destaque);outline-offset:0;border-color:var(--destaque)}button{background:var(--side);color:#fff;border:0;border-radius:7px;padding:10px 18px;cursor:pointer;font-size:13.5px;font-weight:600}button:hover{background:var(--side-2)}button.danger{background:transparent;color:var(--erro);border:1px solid var(--erro);padding:6px 12px;font-size:12.5px}button.danger:hover{background:var(--erro-f)}.erro{background:var(--erro-f);color:var(--erro);padding:11px 15px;border-radius:8px;margin-bottom:14px;font-size:13.5px}.ok{background:var(--ok-f);color:var(--ok);padding:11px 15px;border-radius:8px;margin-bottom:14px;font-size:13.5px}.carregando{color:var(--tinta-2);padding:20px;text-align:center}.menu .item.grupo{font-weight:600;color:#fff}.menu .item.grupo .seta{margin-left:auto;font-size:11px;opacity:.8}.pagina-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:18px}.vazio{max-width:520px}.editor{background:var(--papel);border:1px solid var(--borda);border-radius:12px;max-width:720px;overflow:hidden}.editor-head{display:flex;align-items:flex-start;justify-content:space-between;padding:20px 24px 16px;border-bottom:1px solid var(--borda)}.editor-head .titulo{font-size:20px;margin:0 0 6px}.tag-pf{display:inline-block;background:#ede3f6;color:#74559c;font-size:11px;font-weight:700;padding:2px 9px;border-radius:6px}.fechar{background:transparent;color:var(--tinta-2);font-size:22px;line-height:1;padding:0 6px}.fechar:hover{background:transparent;color:var(--tinta)}.abas{display:flex;gap:26px;padding:0 24px;border-bottom:1px solid var(--borda);overflow-x:auto}.abas .aba{padding:14px 2px;font-size:13.5px;color:var(--tinta-2);cursor:pointer;border-bottom:2px solid transparent;white-space:nowrap}.abas .aba.ativa{color:var(--destaque);border-bottom-color:var(--destaque);font-weight:600}.abas .aba.desabilitada{color:var(--tinta-3);cursor:not-allowed}.editor-corpo{padding:22px 24px}.editor-corpo .campo{margin-bottom:16px}.editor-corpo .campo label{display:block;font-size:13px;font-weight:600;color:var(--tinta);margin-bottom:6px}.editor-corpo .campo input,.editor-corpo .campo select,.editor-corpo .campo textarea{width:100%;padding:10px 12px;border:1px solid var(--borda);border-radius:8px;font-size:14px;font-family:inherit;background:#fff}.editor-corpo .form-row{gap:16px;margin-bottom:0}.editor-corpo .form-row .campo{flex:1;min-width:150px}.editor-rodape{display:flex;justify-content:space-between;align-items:center;padding:18px 0 2px;margin-top:8px;border-top:1px solid var(--borda)}button.sec{background:#fff;color:var(--tinta);border:1px solid var(--borda)}button.sec:hover{background:var(--fundo)}button.salvar{background:#c7a23c;color:#fff;font-weight:700;padding:11px 22px;border-radius:8px}.acoes-topo{display:flex;gap:10px}.btn-pf{background:#c7a23c}.btn-pf:hover{background:#b8922f}.btn-pj{background:#2a64a8}.btn-pj:hover{background:#22548c}.barra-filtros{display:flex;align-items:center;gap:14px;margin-bottom:16px}.busca{flex:1;max-width:360px;padding:9px 12px;border:1px solid var(--borda);border-radius:8px;font-size:14px}.segmentos{display:flex;gap:4px;background:#ebeff3;padding:3px;border-radius:8px}.segmentos .seg{padding:6px 14px;border-radius:6px;font-size:13px;cursor:pointer;color:var(--tinta-2)}.segmentos .seg.on{background:#fff;color:var(--tinta);font-weight:600;box-shadow:0 1px 2px #00000014}.tag-pf{display:inline-block;font-size:11px;font-weight:700;padding:2px 9px;border-radius:6px;background:#ede3f6;color:#74559c}.tag-pf.pf{background:#ede3f6;color:#74559c}.tag-pf.pj{background:#e1ebf8;color:#2a64a8}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f1c268c;display:flex;align-items:flex-start;justify-content:center;padding:40px 16px;z-index:50;overflow-y:auto}.modal{background:#fff;width:100%;max-width:720px;border-radius:12px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:calc(100vh - 80px)}.modal-head{display:flex;align-items:flex-start;justify-content:space-between;padding:20px 24px 14px;border-bottom:1px solid var(--borda)}.modal-head h2{margin:0 0 6px;font-size:20px}.modal-corpo{padding:20px 24px;overflow-y:auto}.modal-rodape{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-top:1px solid var(--borda)}.modal .abas{padding:0 24px}.modal .campo{margin-bottom:15px}.modal .campo label{display:block;font-size:13px;font-weight:600;margin-bottom:6px}.modal .campo input,.modal .campo select,.modal .campo textarea{width:100%;padding:10px 12px;border:1px solid var(--borda);border-radius:8px;font-size:14px;font-family:inherit}.modal .form-row{gap:14px;margin-bottom:0}.modal .form-row .campo{flex:1;min-width:130px}.check{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--tinta)}.check input{width:auto!important}.check.caixa{border:1px solid var(--borda);border-radius:8px;padding:14px;margin-bottom:15px}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{padding:6px 14px;border:1px solid var(--borda);border-radius:18px;font-size:13px;cursor:pointer;color:var(--tinta-2)}.chip.on{background:#e1ebf8;border-color:#2a64a8;color:#2a64a8;font-weight:600}.secao-label{font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--tinta-2);margin:20px 0 10px;font-weight:600}.hint{font-size:12px;color:var(--tinta-3);margin:4px 0 10px}.sub-card{border:1px solid var(--borda);border-radius:8px;padding:14px;margin-bottom:12px;background:#fafbfc}button.salvar{background:#c7a23c;color:#fff;font-weight:700;padding:11px 26px;border-radius:8px}button.salvar:hover{background:#b8922f}button.salvar:disabled{opacity:.6;cursor:default}.campo-erro{display:block;color:var(--erro);font-size:12px;margin-top:5px;font-weight:600}input.invalido,.modal .campo input.invalido{border-color:var(--erro);outline-color:var(--erro);background:#fdf4f3}.link-nome{color:#2a64a8;cursor:pointer;font-weight:600}.link-nome:hover{text-decoration:underline}.acoes-cel{display:flex;gap:8px}.acao-editar{background:transparent;color:#2a64a8;border:1px solid #2A64A8;padding:6px 12px;font-size:12.5px}.acao-editar:hover{background:#e1ebf8}.acao-excluir{background:transparent;color:var(--erro);border:1px solid var(--erro);padding:6px 12px;font-size:12.5px}.acao-excluir:hover{background:var(--erro-f)}.confirm{background:#fff;border-radius:12px;padding:24px;max-width:420px;width:100%;box-shadow:0 20px 60px #0000004d;margin:auto}.confirm h3{margin:0 0 8px;font-size:18px}.confirm p{color:var(--tinta-2);margin:0 0 20px}.confirm-acoes{display:flex;justify-content:flex-end;gap:10px}.btn-excluir{background:var(--erro);color:#fff;font-weight:700;padding:10px 18px;border-radius:8px}.btn-excluir:hover{background:#99392e}.overlay{align-items:flex-start}.ver-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px 24px}.ver-grid>div{display:flex;flex-direction:column;font-size:14px}.ver-grid>div.full{grid-column:1 / -1}.ver-grid>div span{font-size:11px;text-transform:uppercase;letter-spacing:.4px;color:var(--tinta-2);margin-bottom:3px}.ver-linha{font-size:14px;margin-bottom:4px}.hint-inline{font-size:11px;color:var(--tinta-3);font-weight:400;text-transform:none;letter-spacing:0;margin-left:6px}
