body.revenda { background:var(--cor-fundo); }
.revenda [hidden] { display:none !important; }
.revenda-excluidas { display:flex; align-items:center; gap:8px; margin:20px 0; font-size:.85rem; cursor:pointer; }
.revenda-excluidas input { width:18px; height:18px; }
.revenda-empresa-acoes { display:flex; flex-wrap:wrap; gap:10px; margin-top:auto; }
.revenda .revenda-perigo { background:#b42332; color:#fff; border:1px solid #b42332; }
.revenda .revenda-perigo:hover { background:#921b28; }
.revenda .revenda-lixeira { width:44px; padding:0; font-size:1.15rem; }
.revenda .revenda-chave { width:44px; padding:0; font-size:1.15rem; }
.revenda-marca { display:flex; align-items:center; flex-wrap:wrap; row-gap:8px; }
.revenda-marca .revenda-versao { border:1px solid var(--cor-borda); border-radius:6px; padding:4px 8px; font-size:.7rem; font-weight:500; }
.revenda .revenda-copiar { width:44px; padding:0; font-size:1.15rem; }
#boas-vindas-credenciais textarea { width:100%; box-sizing:border-box; min-height:44px; padding:10px; background:var(--cor-fundo); color:var(--cor-texto); border:1px solid var(--cor-borda); border-radius:8px; font:inherit; }
#boas-vindas-texto { width:100%; box-sizing:border-box; resize:vertical; padding:12px; background:var(--cor-fundo); color:var(--cor-texto); border:1px solid var(--cor-borda); border-radius:8px; font:inherit; font-size:.85rem; line-height:1.5; }
.revenda-topo-acoes { display:flex; align-items:center; flex-wrap:wrap; gap:12px; }
.revenda-senha { position:relative; }
.revenda .revenda-senha input { padding-right:52px; }
.revenda .revenda-senha button { position:absolute; right:2px; top:0; width:44px; height:44px; margin:0; padding:0; display:grid; place-items:center; background:transparent; color:var(--cor-texto-suave); border:0; }
.revenda .revenda-senha button:hover { color:var(--cor-texto); }
.revenda button:focus-visible { outline:2px solid var(--cor-primaria); outline-offset:3px; }
.revenda-topo { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:16px; padding:18px 20px; background:var(--cor-superficie); border-bottom:1px solid var(--cor-borda); }
.revenda-marca { font-size:1.05rem; font-weight:750; color:var(--cor-texto); text-decoration:none; }
.revenda-marca span { font-size:.78rem; color:var(--cor-texto-suave); margin-left:10px; border-left:1px solid var(--cor-borda); padding-left:12px; }
#sessao { display:flex; flex-wrap:wrap; gap:12px; align-items:center; font-size:.85rem; }
main.revenda-main { margin:0 auto; max-width:1240px; padding:28px 16px 48px; }
.revenda-login { max-width:440px; margin:40px auto; padding:28px; }
.revenda h1 { font-size:1.65rem; margin:4px 0 10px; }
.revenda h2 { font-size:1.15rem; }
.revenda-legenda { letter-spacing:.12em; font-size:.7rem; font-weight:700; color:var(--cor-primaria); margin:0 0 8px; }
.revenda .campo { min-width:0; margin-bottom:16px; }
.revenda .campo input,.revenda .campo select { width:100%; min-height:44px; }
.revenda button { min-height:44px; }
.revenda-login button { width:100%; margin-top:4px; }
.revenda-titulo { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:12px; margin-bottom:24px; }
.revenda-resumo { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin-bottom:24px; }
.revenda-numero { padding:18px; border:1px solid var(--cor-borda); border-radius:8px; background:var(--cor-superficie); }
.revenda-numero strong { display:block; font-size:1.8rem; margin-top:4px; }
.revenda-numero span { font-size:.82rem; color:var(--cor-texto-suave); }
.revenda-filtros { display:flex; flex-direction:column; gap:12px; padding:18px; border:1px solid var(--cor-borda); border-radius:8px; background:var(--cor-superficie); }
.revenda-filtros .campo { margin:0; flex:0 1 auto; }
.revenda-empresas { display:grid; grid-template-columns:minmax(0,1fr); gap:16px; }
.revenda-empresa { background:var(--cor-superficie); border:1px solid var(--cor-borda); border-radius:8px; padding:20px; display:flex; flex-direction:column; gap:14px; min-width:0; }
.revenda-empresa h2 { margin:0; overflow-wrap:anywhere; }
.revenda-empresa a { overflow-wrap:anywhere; color:var(--cor-primaria); font-size:.85rem; }
.revenda-empresa .situacao { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:8px; }
.revenda-empresa .badge { font-size:.75rem; }
.revenda-empresa .vencimento { color:var(--cor-texto-suave); font-size:.83rem; margin:0; }
.revenda-empresa button { margin-top:auto; align-self:flex-start; }
.revenda dialog { width:calc(100% - 32px); max-width:490px; max-height:calc(100dvh - 40px); overflow:auto; padding:24px; border:1px solid var(--cor-borda); border-radius:12px; background:var(--cor-superficie); color:var(--cor-texto); }
.revenda dialog::backdrop { background:rgba(0,0,0,.45); }
.revenda-acoes { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:10px; margin-top:24px; }
#mensagem { padding:14px 18px; margin-bottom:18px; background:var(--cor-sucesso-fundo); color:var(--cor-texto); border-radius:8px; overflow-wrap:anywhere; }
#mensagem.erro { background:var(--cor-erro-fundo); }
@media (min-width:640px) { .revenda-resumo { grid-template-columns:repeat(4,minmax(0,1fr)); } .revenda-empresas { grid-template-columns:repeat(2,minmax(0,1fr)); } .revenda-filtros { flex-direction:row; align-items:end; } .revenda-filtros .campo:first-child { flex:1; } }
@media (min-width:1024px) { main.revenda-main { padding:40px 28px 60px; } .revenda-empresas { grid-template-columns:repeat(3,minmax(0,1fr)); } }