/* Resolve-OS 1.14.0: telas de entrada (equipe e cliente) — sem as ilustrações antigas */
body.rs-entrada { margin: 0; min-height: 100vh; font-family: "Inter","Segoe UI",system-ui,Roboto,Arial,sans-serif !important; }
body.rs-entrada-equipe { background: radial-gradient(circle at 20% 15%, #2c3a4f 0, #1C2633 55%, #121a24 100%) !important; }
body.rs-entrada-cliente { background: radial-gradient(circle at 80% 10%, #ffe2c7 0, #fff4ea 45%, #f3f5f9 100%) !important; }
.rs-entrada .left-login { display: none !important; }
.rs-entrada .main-login { display: flex !important; align-items: center; justify-content: center; min-height: 100vh; width: 100%; padding: 24px 12px; box-sizing: border-box; }
.rs-entrada .right-login, .rs-entrada .right-login .container { width: 100% !important; max-width: 430px !important; margin: 0 auto !important; padding: 0 !important; }
.rs-entrada .right-login .card { width: 100% !important; border-radius: 18px !important; box-shadow: 0 20px 50px rgba(0,0,0,.25) !important; }
.rs-entrada-cliente .right-login .card { box-shadow: 0 20px 50px rgba(247,120,31,.18), 0 4px 14px rgba(0,0,0,.08) !important; }
.rs-entrada:not(.rs-entrada-cadastro) form, .rs-entrada:not(.rs-entrada-cadastro) .form-vertical { width: 100%; display: flex; justify-content: center; }
.rs-entrada-marca { display: flex; flex-direction: column; align-items: center; gap: 6px; margin: 0 0 14px; text-align: center; }
.rs-entrada-marca img { width: 54px; height: 54px; }
.rs-entrada-marca b { font-size: 22px; color: #fff; letter-spacing: .01em; }
.rs-entrada-area { display: inline-flex; align-items: center; gap: 10px; margin-top: 6px; padding: 10px 18px; border-radius: 14px; font-size: 20px; font-weight: 800; }
.rs-entrada-area span { font-size: 26px; line-height: 1; }
.rs-entrada-area small { display: block; font-size: 12px; font-weight: 500; opacity: .85; }
.rs-entrada-equipe .rs-entrada-area { background: rgba(247,120,31,.16); color: #fdba74; }
.rs-entrada-cliente .rs-entrada-area { background: #1FA351; color: #fff; }
.rs-entrada #newlog { margin: 4px 0 6px; }
.rs-entrada #newlog img { max-height: 46px !important; max-width: 170px !important; }
.rs-entrada .rs-boasvindas-titulo, .rs-entrada .h-one, .rs-entrada .h-two { display: none !important; }
.rs-entrada-link { display: block; margin-top: 14px; text-align: center; font-size: 13px; color: #cbd5e1 !important; }
.rs-entrada-link a { color: #fdba74 !important; font-weight: 700; }
.rs-ver-senha { position: absolute; right: 10px; top: 50%; transform: translateY(-50%); border: 0; background: none; color: #64748b; cursor: pointer; font-size: 15px; padding: 4px; }
.rs-entrada .input-field { position: relative; }
/* Botão flutuante de WhatsApp (igual ao da landing) */
.rs-zap-flutuante { position: fixed; right: 18px; bottom: 18px; z-index: 9999; width: 58px; height: 58px; border-radius: 50%; background: #25D366; color: #fff !important; display: flex; align-items: center; justify-content: center; box-shadow: 0 8px 22px rgba(0,0,0,.25); text-decoration: none !important; }
.rs-zap-flutuante svg { width: 30px; height: 30px; }
.rs-zap-flutuante::after { content: ""; position: absolute; inset: -6px; border-radius: 50%; border: 2px solid rgba(37,211,102,.45); animation: rsZapPulso 2s infinite; }
@keyframes rsZapPulso { 0% { transform: scale(.9); opacity: 1; } 100% { transform: scale(1.25); opacity: 0; } }
/* cadastro do cliente */
.rs-entrada-cadastro .rs-cad-topo { display: flex; flex-direction: column; align-items: center; gap: 10px; padding: 26px 12px 6px; }
.rs-entrada-cadastro .rs-entrada-marca b { color: #1C2633; }
.rs-cad-ja { display: inline-block; padding: 10px 18px; border-radius: 10px; background: #1C2633; color: #fff !important; font-weight: 700; text-decoration: none !important; }
.rs-cad-ja:hover { background: #F7781F; }
/* ajustes: fundo por área (o tema antigo pinta o contêiner) e botão de ver senha */
html:has(body.rs-entrada-equipe), .rs-entrada-equipe .main-login, .rs-entrada-equipe .right-login { background: transparent !important; }
html:has(body.rs-entrada-equipe) { background: #1C2633 !important; }
.rs-entrada .main-login, .rs-entrada .right-login { background: transparent !important; }
.rs-entrada .input-field input { width: 100% !important; box-sizing: border-box; padding-right: 40px !important; }
.rs-entrada .input-field .rs-ver-senha { position: absolute !important; right: 8px !important; top: 50% !important; transform: translateY(-50%) !important; width: auto !important; height: auto !important; margin: 0 !important; padding: 4px 6px !important; background: none !important; box-shadow: none !important; border: 0 !important; color: #64748b !important; font-size: 15px !important; line-height: 1 !important; }
.rs-entrada-cadastro .main-login { min-height: 0 !important; display: block !important; }
.rs-entrada-cadastro form { display: block !important; }
/* 1.15.0: cadastro sem o vão (o layout antigo centralizava na altura da tela) e telas de senha */
.rs-entrada-cadastro > .row-fluid, .rs-entrada-senha > .row-fluid { height: auto !important; min-height: 0 !important; padding: 12px 10px 60px !important; box-sizing: border-box; width: 100% !important; }
.rs-entrada-senha .rs-cad-topo, .rs-entrada-cadastro .rs-cad-topo { display: flex; flex-direction: column; align-items: center; gap: 10px; padding: 26px 12px 6px; }
.rs-entrada-senha .rs-entrada-marca b { color: #1C2633; }
.rs-entrada-senha .widget-box, .rs-entrada-cadastro .widget-box { border: 0 !important; border-radius: 16px !important; background: #fff !important; box-shadow: 0 20px 50px rgba(247,120,31,.15), 0 4px 14px rgba(0,0,0,.06) !important; overflow: hidden; }
.rs-entrada-senha .widget-title, .rs-entrada-cadastro .widget-title { background: #1C2633 !important; border: 0 !important; }
.rs-entrada-senha .widget-title h5, .rs-entrada-cadastro .widget-title h5 { color: #fff !important; }

/* 1.17.1: sem "Atendimento de" acima/ao lado da logo; link da Área do Cliente em uma linha;
   crédito no fim do card em cor clara (o card é escuro nas duas telas) */
.rs-entrada-link { white-space: nowrap; }
.rs-entrada .rs-credito-login { margin-top: 14px !important; text-align: center; }
.rs-entrada .rs-credito-login, .rs-entrada .rs-credito-login p { color: #cbd5e1 !important; font-size: 12px !important; }
.rs-entrada .rs-credito-login a { color: #fdba74 !important; font-weight: 600; text-decoration: none; }
.rs-entrada .rs-credito-login a:hover { color: #F7781F !important; text-decoration: underline; }
/* 1.17.1: o CSS antigo deixava o card transparente no celular (título e crédito claros sumiam na tela do cliente) */
.rs-entrada:not(.rs-entrada-cadastro):not(.rs-entrada-senha) .right-login .card { background: #333649 !important; }
/* 1.34.1: logo da empresa grande no login do cliente */
.rs-entrada-logo { display: inline-flex; align-items: center; justify-content: center; background: #fff; border-radius: 16px; padding: 10px 16px; box-shadow: 0 8px 22px rgba(0,0,0,.18); }
.rs-entrada-marca .rs-entrada-logo img { width: auto; height: auto; max-width: 240px; max-height: 130px; }
@media (max-width: 480px) { .rs-entrada-marca .rs-entrada-logo img { max-width: 200px; max-height: 110px; } }

/* Resolve-OS 1.48.0: botões laranja → azul da loja; hover vermelho-rosado */
.btn-warning, .btn-warning:focus { background: #0F6FC6 !important; background-image: none !important; border-color: #0F6FC6 !important; color: #fff !important; text-shadow: none !important; }
.btn-warning:hover, .btn-warning:focus-visible { background: #DB2F55 !important; border-color: #DB2F55 !important; color: #fff !important; transform: translateY(-2px); box-shadow: 0 6px 16px rgba(219,47,85,.3) !important; transition: background-color .2s, transform .2s, box-shadow .2s; }
/* 1.49.0: botão Acessar/Entrar das telas de login (era degradê laranja) → azul */
.container .card .content button:not(.rs-ver-senha):not(.rs-olho-btn), #newlog .btn-info { background: #0F6FC6 !important; background-image: none !important; color: #fff !important; transition: background-color .2s, transform .2s, box-shadow .2s; }
.container .card .content button:not(.rs-ver-senha):not(.rs-olho-btn):hover, #newlog .btn-info:hover { background: #DB2F55 !important; color: #fff !important; transform: translateY(-2px); box-shadow: 0 6px 16px rgba(219,47,85,.3) !important; }