:root{--cor-marca:#9c5ae0;--cor-marca-ativa:#8a48cc;--fundo:#f6f7f9;--superficie:#fff;--borda:#e4e7ec;--texto:#1d2433;--texto-sutil:#667085;--raio:8px;--largura-menu:248px;--altura-topo:60px}*{box-sizing:border-box}html,body{background:var(--fundo);color:var(--texto);margin:0;padding:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:15px;line-height:1.5}a{color:var(--cor-marca);text-decoration:none}a:hover{text-decoration:underline}code{background:#eef0f3;border-radius:4px;padding:1px 5px;font-size:.9em}.sutil{color:var(--texto-sutil)}
.shell{grid-template-columns:var(--largura-menu) 1fr;min-height:100vh;display:grid}.menu-lateral{color:#c9cdd6;background:#16181d;flex-direction:column;display:flex}.menu-marca{height:var(--altura-topo);color:#fff;border-bottom:1px solid #23262e;align-items:center;gap:10px;padding:0 18px;font-weight:600;display:flex}.menu-marca .ponto{background:var(--cor-marca);border-radius:50%;flex:none;width:10px;height:10px}.menu-grupo{letter-spacing:.08em;text-transform:uppercase;color:#6b7280;padding:16px 18px 6px;font-size:11px}.menu-item{color:#c9cdd6;justify-content:space-between;align-items:center;gap:8px;padding:9px 18px;font-size:14px;display:flex}.menu-item:hover{color:#fff;background:#1e2128;text-decoration:none}.menu-item[aria-current=page]{color:#fff;box-shadow:inset 3px 0 0 var(--cor-marca);background:#1e2128}.menu-item .selo{text-transform:uppercase;letter-spacing:.04em;color:#6b7280;border:1px solid #2c313a;border-radius:20px;padding:1px 7px;font-size:10px}.conteudo{flex-direction:column;min-width:0;display:flex}.topo{height:var(--altura-topo);background:var(--superficie);border-bottom:1px solid var(--borda);justify-content:space-between;align-items:center;padding:0 24px;display:flex}.topo .usuario{align-items:center;gap:12px;font-size:14px;display:flex}.botao{border:1px solid var(--borda);background:var(--superficie);color:var(--texto);border-radius:var(--raio);font:inherit;cursor:pointer;padding:6px 12px;font-size:13px}.botao:hover{border-color:var(--cor-marca);color:var(--cor-marca)}.pagina{min-width:0;padding:24px}.pagina h1{margin:0 0 4px;font-size:22px}.pagina .descricao{color:var(--texto-sutil);margin:0 0 20px}
.cartao{background:var(--superficie);border:1px solid var(--borda);border-radius:var(--raio);overflow:hidden}.rolagem{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:14px}th,td{text-align:left;border-bottom:1px solid var(--borda);white-space:nowrap;padding:10px 14px}th{text-transform:uppercase;letter-spacing:.04em;color:var(--texto-sutil);background:#fafbfc;font-size:12px;font-weight:600}tbody tr:last-child td{border-bottom:none}.cartoes-numero{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px;margin-bottom:20px;display:grid}.cartao-numero{background:var(--superficie);border:1px solid var(--borda);border-radius:var(--raio);padding:16px}.cartao-numero .valor{font-size:26px;font-weight:600}.cartao-numero .rotulo{color:var(--texto-sutil);font-size:13px}
.estado-vazio{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:100vh;padding:32px;display:flex}.aviso{border-radius:var(--raio);background:#fff8e6;border:1px solid #f3d99b;margin-bottom:18px;padding:12px 14px;font-size:14px}@media (max-width:860px){.shell{grid-template-columns:1fr}.menu-lateral{display:none}}
.selo-claro{vertical-align:middle;text-transform:uppercase;letter-spacing:.04em;color:var(--texto-sutil);border:1px solid var(--borda);background:#f2f4f7;border-radius:20px;margin-left:8px;padding:2px 9px;font-size:11px;display:inline-block}.lista-publicos{gap:14px;display:grid}.cartao-publico{padding:16px 18px}.cartao-publico header{align-items:center;margin-bottom:12px;display:flex}.cartao-publico h2{margin:0;font-size:16px}.cartao-publico footer{margin-top:12px;font-size:13px}.regra-caixa{border:1px solid var(--borda);border-radius:var(--raio);background:#fafbfc;padding:12px 14px;font-size:14px;overflow-x:auto}.regra{margin:0;padding:0;list-style:none}.regra .regra{border-left:1px solid var(--borda);padding-left:12px}.regra-conector{letter-spacing:.06em;color:var(--cor-marca);margin-bottom:2px;font-size:11px;font-weight:600}.regra-condicao{color:var(--texto-sutil);padding:2px 0;display:inline-block}.regra-condicao code,.regra-condicao strong{color:var(--texto)}
.construtor{gap:16px;display:grid}.regra-editor{padding:18px}.previa{padding:18px;transition:opacity .15s}.previa.vazia{font-size:14px}.previa.ocupado{opacity:.45}.previa .cartoes-numero{margin-bottom:0}.previa .rolagem{border-top:1px solid var(--borda);margin-top:16px}.titulo-com-acao{justify-content:space-between;align-items:center;gap:16px;display:flex}.botao-marca{background:var(--cor-marca);border-color:var(--cor-marca);color:#fff;text-decoration:none}.botao-marca:hover{background:var(--cor-marca-ativa);border-color:var(--cor-marca-ativa);color:#fff;text-decoration:none}
.no-grupo{border:1px solid var(--borda);border-left:3px solid var(--cor-marca);border-radius:var(--raio);background:#fafbfc;padding:12px}.no-grupo .no-grupo{background:var(--superficie)}.cabecalho-grupo{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:10px;font-size:13px;display:flex}.cabecalho-grupo select{font:inherit;letter-spacing:.04em;color:var(--cor-marca);border:1px solid var(--borda);background:var(--superficie);border-radius:20px;padding:4px 8px;font-size:12px;font-weight:600}.espacador{flex:1}.botao-pequeno{padding:3px 9px;font-size:12px}.filhos{gap:8px;display:grid}.vazio-grupo{margin:0;font-size:13px}.no-condicao{background:var(--superficie);border:1px solid var(--borda);border-radius:var(--raio);flex-wrap:wrap;align-items:center;gap:8px;padding:8px 10px;display:flex}.no-condicao select,.no-condicao input{font:inherit;border:1px solid var(--borda);border-radius:var(--raio);background:var(--superficie);color:var(--texto);min-width:0;padding:6px 9px;font-size:14px}.no-condicao input{flex:150px}.seletor-token{color:var(--cor-marca);font-size:13px}.lista-impedimentos{margin:14px 0 0;padding-left:20px}.linha-salvar{flex-wrap:wrap;align-items:flex-end;gap:14px;display:flex}.linha-salvar .campo-valor{flex-direction:column;flex:280px;gap:5px;display:flex}.linha-salvar .campo-valor>span{text-transform:uppercase;letter-spacing:.04em;color:var(--texto-sutil);font-size:12px}.linha-salvar input{font:inherit;border:1px solid var(--borda);border-radius:var(--raio);background:var(--superficie);color:var(--texto);padding:8px 10px;font-size:14px}.acoes{gap:10px;margin-top:18px;display:flex}
.botao-perigo{color:#c0392b;border-color:#c0392b}.botao-perigo:hover:not(:disabled){color:#fff;background:#c0392b;border-color:#c0392b}.botao:disabled{opacity:.45;cursor:not-allowed}.caixa-perigo{border-color:#e8b4ae;max-width:620px;margin:16px 0;padding:18px}.caixa-perigo h2{margin:0 0 8px;font-size:17px}.campo-empilhado{flex-direction:column;gap:5px;margin-top:14px;display:flex}.campo-empilhado>span{color:var(--texto-sutil);font-size:13px}