/* Portal Liciteo — complementa /assets/css/site.css */
body{background:var(--fundo)}
.tela{padding-top:32px;padding-bottom:80px;min-height:70vh;outline:none}
.carregando{color:var(--texto-3);padding:48px 0;text-align:center}
.cab{display:flex;flex-wrap:wrap;gap:12px 20px;align-items:flex-end;justify-content:space-between;margin-bottom:24px}
.cab h1{font-size:clamp(1.6rem,3vw,2.1rem);margin:0}
.cab p{margin:6px 0 0;color:var(--texto-2)}
.painel{background:var(--branco);border:1px solid var(--borda);border-radius:var(--raio);padding:24px}
@media (min-width:720px){.painel{padding:32px}}
.painel+.painel{margin-top:16px}
.painel h2{font-size:1.25rem;margin-bottom:6px}
.painel .sub{color:var(--texto-2);margin:0 0 18px;font-size:.95rem}
.estreito{max-width:460px;margin:24px auto}
.campo{display:grid;gap:6px;margin-bottom:16px}
.campo label,.rot{font-weight:600;font-size:.9rem;color:var(--texto-2)}
.campo small{color:var(--texto-3);font-size:.82rem}
input[type=text],input[type=email],input[type=password],input[type=tel],input[type=number],input[type=date],input[type=search],select{
  width:100%;min-height:46px;padding:0 14px;border:1.5px solid var(--borda);border-radius:var(--raio-sm);font:500 1rem var(--fonte-texto);color:var(--texto);background:var(--branco)}
input:focus,select:focus{outline:none;border-color:var(--azul);box-shadow:0 0 0 4px var(--azul-100)}
.linha{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.linha>input{flex:1 1 220px}
.grade2{display:grid;gap:16px}
@media (min-width:720px){.grade2{grid-template-columns:1fr 1fr}}
.erro{background:#FCE8E6;color:var(--urgente);border-radius:var(--raio-sm);padding:12px 14px;font-size:.93rem;margin:0 0 16px}
.ok{background:#E3F4EC;color:var(--sucesso);border-radius:var(--raio-sm);padding:12px 14px;font-size:.93rem;margin:0 0 16px}
.info{background:var(--azul-100);color:var(--azul);border-radius:var(--raio-sm);padding:12px 14px;font-size:.93rem;margin:0 0 16px}
.btn[disabled]{opacity:.55;cursor:wait}
.btn--link{background:none;border:0;color:var(--verde-texto);padding:0;min-height:auto;font-weight:600;text-decoration:underline;text-underline-offset:3px}
.btn--perigo{background:var(--branco);border-color:#F1C4BF;color:var(--urgente)}
.rodape-form{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;align-items:center;margin-top:8px;font-size:.93rem}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.chip{display:inline-flex;align-items:center;gap:6px;background:var(--azul-100);color:var(--azul);border-radius:999px;padding:6px 6px 6px 12px;font-size:.88rem;max-width:100%}
.chip span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.chip button{all:unset;cursor:pointer;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-size:1rem;color:var(--azul-700)}
.chip button:hover{background:rgba(15,43,93,.1)}
.chip--excluir{background:#FCE8E6;color:var(--urgente)}
.sugestoes{border:1px solid var(--borda);border-radius:var(--raio-sm);background:var(--branco);margin-top:6px;max-height:280px;overflow:auto;box-shadow:var(--sombra)}
.sugestoes button{all:unset;display:block;width:100%;box-sizing:border-box;padding:10px 14px;cursor:pointer;font-size:.92rem;border-bottom:1px solid var(--fundo)}
.sugestoes button:hover,.sugestoes button:focus{background:var(--fundo)}
.sugestoes b{color:var(--azul);font-weight:600;margin-right:6px}
.cnaes{display:grid;gap:8px;margin-top:8px}
.check{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border:1px solid var(--borda);border-radius:var(--raio-sm);cursor:pointer;background:var(--branco)}
.check:hover{border-color:var(--azul-700)}
.check input{margin-top:3px;width:18px;height:18px;accent-color:var(--azul);flex:none}
.check small{display:block;color:var(--texto-3)}
.ufs{display:grid;grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:6px}
.ufs label{display:flex;align-items:center;justify-content:center;gap:6px;border:1px solid var(--borda);border-radius:8px;padding:8px 4px;cursor:pointer;font-weight:600;font-size:.9rem;background:var(--branco)}
.ufs input{accent-color:var(--azul)}
.ufs label:has(input:checked){background:var(--azul);border-color:var(--azul);color:var(--branco)}
.opcoes{display:flex;flex-wrap:wrap;gap:8px}
.opcoes label{display:flex;gap:8px;align-items:center;border:1px solid var(--borda);border-radius:999px;padding:8px 14px;cursor:pointer;background:var(--branco);font-size:.93rem}
.opcoes label:has(input:checked){border-color:var(--azul);background:var(--azul-100);color:var(--azul);font-weight:600}
.opcoes input{accent-color:var(--azul)}
.empresa{border:1px solid var(--borda);border-radius:var(--raio-sm);padding:14px 16px;margin:12px 0;background:var(--fundo)}
.empresa strong{color:var(--azul);font-family:var(--fonte-titulo);font-size:1.05rem}
.empresa small{display:block;color:var(--texto-2)}
details.avancado{margin-top:8px}
details.avancado summary{cursor:pointer;font-weight:600;color:var(--azul);padding:8px 0}
.passo-tit{display:flex;align-items:center;gap:10px;margin-bottom:6px}
.passo-tit i{font-style:normal;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--azul);color:#fff;font:700 .9rem var(--fonte-titulo);flex:none}
.passo-tit h2{margin:0}
/* listas */
.perfis{display:grid;gap:16px}
@media (min-width:800px){.perfis{grid-template-columns:repeat(2,1fr)}}
.perfil-card{background:var(--branco);border:1px solid var(--borda);border-radius:var(--raio);padding:22px;display:grid;gap:10px}
.perfil-card h3{margin:0}
.perfil-card .meta{color:var(--texto-2);font-size:.9rem;display:grid;gap:4px}
.barra{display:flex;flex-wrap:wrap;gap:10px;align-items:center;background:var(--branco);border:1px solid var(--borda);border-radius:var(--raio);padding:12px;margin-bottom:16px}
.barra input[type=search]{flex:1 1 220px}
.barra select{width:auto;min-width:150px}
.contagem{color:var(--texto-2);font-size:.93rem;margin:0 0 12px}
.ops{display:grid;gap:12px}
.op{background:var(--branco);border:1px solid var(--borda);border-radius:var(--raio);padding:18px 18px 16px;display:grid;gap:8px;position:relative}
.op:hover{border-color:var(--azul-700)}
.op .topo-op{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.op a.tit{color:var(--azul);font:600 1.05rem/1.35 var(--fonte-titulo);text-decoration:none}
.op a.tit::after{content:"";position:absolute;inset:0}
.op .meta{display:flex;flex-wrap:wrap;gap:4px 16px;color:var(--texto-2);font-size:.88rem}
.op .rodape-op{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:space-between}
.op .estrela,.estrela{position:relative;z-index:1;all:unset;cursor:pointer;font-size:1.35rem;line-height:1;color:var(--borda);padding:2px 4px}
.op .estrela.on,.estrela.on{color:#E0A100}
.estrela:focus-visible{outline:2px solid var(--verde)}
.termos{font-size:.8rem;color:var(--texto-3)}
.rel{font-size:.78rem;font-weight:600;padding:3px 8px;border-radius:6px}
.rel--alta{background:var(--verde-100);color:var(--verde-texto)}
.rel--media{background:var(--azul-100);color:var(--azul)}
.rel--baixa{background:var(--fundo);color:var(--texto-3)}
.vazio{text-align:center;padding:48px 16px;color:var(--texto-2)}
.vazio h2{font-size:1.3rem}
.mais{display:flex;justify-content:center;margin-top:20px}
/* detalhe */
.det-cab{display:grid;gap:12px;margin-bottom:20px}
.det-cab h1{font-size:clamp(1.3rem,2.6vw,1.8rem);line-height:1.25;margin:0}
.fatos{display:grid;gap:0;grid-template-columns:1fr;border:1px solid var(--borda);border-radius:var(--raio);overflow:hidden;background:var(--branco)}
@media (min-width:720px){.fatos{grid-template-columns:1fr 1fr}}
.fatos div{padding:12px 16px;border-bottom:1px solid var(--borda);display:grid;gap:2px}
.fatos dt{font-size:.8rem;color:var(--texto-3);font-weight:600;text-transform:uppercase;letter-spacing:.04em}
.fatos dd{margin:0;color:var(--texto);word-break:break-word}
.tabela{width:100%;border-collapse:collapse;font-size:.9rem;background:var(--branco)}
.tabela th{text-align:left;font-size:.78rem;text-transform:uppercase;letter-spacing:.04em;color:var(--texto-3);padding:10px 12px;border-bottom:1px solid var(--borda);background:var(--fundo)}
.tabela td{padding:10px 12px;border-bottom:1px solid var(--borda);vertical-align:top}
.tabela td.num{text-align:right;white-space:nowrap}
.rolagem{overflow-x:auto;border:1px solid var(--borda);border-radius:var(--raio)}
.docs{display:grid;gap:8px}
.docs a{display:flex;gap:10px;align-items:center;padding:12px 14px;border:1px solid var(--borda);border-radius:var(--raio-sm);background:var(--branco);text-decoration:none;color:var(--azul);font-weight:600}
.docs a:hover{border-color:var(--azul)}
.docs small{color:var(--texto-3);font-weight:400;margin-left:auto}
.secao-det{margin-top:28px}
.secao-det h2{font-size:1.2rem}
/* aviso de plano */
.faixa-plano{background:#FDF0E1;color:#7A3A06;font-size:.92rem;padding:10px 0;border-bottom:1px solid #F5D3AE}
.faixa-plano.teste{background:var(--verde-100);color:var(--verde-texto);border-color:#BFEAE7}
.faixa-plano a{color:inherit;font-weight:600}
.toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%) translateY(20px);background:var(--azul);color:#fff;padding:12px 18px;border-radius:999px;font-size:.92rem;opacity:0;transition:.2s;pointer-events:none;z-index:50;max-width:calc(100% - 32px)}
.toast.ver{opacity:1;transform:translateX(-50%)}
.numeros{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));margin-bottom:16px}
.numeros div{background:var(--branco);border:1px solid var(--borda);border-radius:var(--raio);padding:16px}
.numeros b{display:block;font:700 1.6rem var(--fonte-titulo);color:var(--azul)}
.numeros span{color:var(--texto-2);font-size:.88rem}
@media (max-width:959px){#menu{display:none!important}.menu-movel{display:flex!important}}
.menu-movel{display:none;gap:6px;overflow-x:auto;padding:10px 16px;background:var(--branco);border-bottom:1px solid var(--borda)}
.menu-movel a{white-space:nowrap;padding:6px 12px;border-radius:999px;border:1px solid var(--borda);text-decoration:none;color:var(--texto-2);font-size:.88rem}
.topo .acoes{align-items:center}
.topo .acoes .btn--contorno{display:inline-flex}
@media (max-width:480px){.topo .acoes .nome-usuario{display:none}}
.op a.tit{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.ops,.op,.op .topo-op>*:first-child,.op .rodape-op>*{min-width:0}
.op{overflow:hidden;overflow-wrap:anywhere}
.op .topo-op .selo{flex:none}
.termos{overflow-wrap:anywhere}
