/* ============================================================================
   MOLDE UNICO DO LOGIN — REDE MARCOLINO (criado 31/08/2026, ordem do dono)
   Quem veste este molde:
     1) o login do COLABORADOR  (app.py LOGIN_HTML — sistema.redemarcolino.com.br)
     2) o login do ENTREGADOR   (entrega.html — /recebimentonfeboleto/entrega)
   REGRA DA CASA: a cara do login mora AQUI, num lugar so. Mudou aqui, mudou
   nas duas portas. NAO copie estas regras para dentro de pagina nenhuma —
   copia envelhece separado e em seis meses ha dois logins feios diferentes.
   ============================================================================ */
body.login-rm{margin:0;font-family:-apple-system,'Segoe UI',Roboto,Arial,sans-serif;background:linear-gradient(135deg,#000F8C 0%,#0a1a6b 100%);display:flex;flex-direction:column;min-height:100vh;align-items:center;justify-content:center;padding:18px}
body.login-rm *{box-sizing:border-box}
body.login-rm .card{background:#fff;padding:34px 30px;border-radius:16px;box-shadow:0 22px 60px rgba(0,8,60,.34),0 4px 14px rgba(0,0,0,.10);width:100%;max-width:382px;text-align:center;margin:0 auto}
body.login-rm .card>img{height:94px;margin-bottom:4px}
body.login-rm .card h1{font-size:15px;font-weight:600;color:#1b2b52;margin:2px 0 20px;letter-spacing:.2px}
body.login-rm .card input{width:100%;padding:13px 14px;font-size:15px;color:#1b2b52;border:1.5px solid #e1e6f0;border-radius:10px;margin-top:0;margin-bottom:13px;transition:border-color .18s,box-shadow .18s;outline:none;background:#fff}
body.login-rm .card input:focus{border-color:#2563eb;box-shadow:0 0 0 3px rgba(37,99,235,.14)}
body.login-rm .card input::placeholder{color:#9aa4bd}
body.login-rm .card button{width:100%;padding:12px 14px;min-height:48px;font-size:15px;font-weight:700;background:#000F8C;color:#fff;border:0;border-radius:10px;cursor:pointer;transition:filter .18s,transform .05s;line-height:1.25;white-space:normal}
body.login-rm .card button:hover{filter:brightness(1.09)}
body.login-rm .card button:active{transform:translateY(1px)}
body.login-rm .btn-bio{background:#0a8a4f !important}
body.login-rm .btn-google{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;height:48px;padding:0 14px;border:1px solid #dadce0;border-radius:10px;background:#fff;color:#3c4043;font-weight:600;font-size:14.5px;text-decoration:none;transition:background .18s,box-shadow .18s}
body.login-rm .btn-google:hover{background:#f6f8fb;box-shadow:0 1px 3px rgba(60,64,67,.14)}
body.login-rm .btn-google svg{flex:0 0 18px}
body.login-rm .divisor{display:flex;align-items:center;gap:10px;color:#a9b2c7;font-size:12px;margin:16px 0 12px}
body.login-rm .divisor span{flex:1;height:1px;background:#e6eaf2}
body.login-rm .card button.eye{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:auto;height:auto;min-height:0;background:none;border:0;color:#8a93a6;font-size:19px;padding:6px;cursor:pointer}
body.login-rm .card button.eye:hover{filter:none}
body.login-rm .card button.eye:active{transform:translateY(-50%)}
body.login-rm .chk-bio{display:flex;gap:8px;align-items:center;font-size:13.5px;color:#5f6b7f;margin:0 0 9px;text-align:left;line-height:1.3;cursor:pointer;user-select:none}
body.login-rm .chk-bio:last-of-type{margin-bottom:16px}
body.login-rm .card .chk-bio input{width:16px !important;height:16px;margin:0 !important;flex:0 0 16px;accent-color:#0a8a4f;cursor:pointer;padding:0}
body.login-rm .dica{font-size:12px;color:#9aa4bd;margin-top:14px;line-height:1.5}
body.login-rm .erro{color:#D32F2F;font-size:13.5px;margin-bottom:10px;min-height:18px}
@media (max-width:480px){
  body.login-rm{padding:14px 12px;align-items:flex-start;padding-top:26px}
  body.login-rm .card{padding:24px 18px;max-width:100%}
  body.login-rm .card>img{height:74px}
  body.login-rm .card input{font-size:16px;padding:12px}
  body.login-rm .card button{font-size:14.5px}
  body.login-rm .chk-bio{font-size:13px}
}
/* ── SELETOR DE PERFIL (dono, 31/08): um acesso so; a pessoa marca quem e ──
   Colaborador e Proprietario entram pelas MESMAS credenciais (mesmo formulario);
   Entregador troca o formulario — mesmo cartao, mesma cara, uma tela so. */
body.login-rm .perfis{display:flex;gap:5px;margin:4px 0 16px;background:#eef1f8;border-radius:12px;padding:4px}
body.login-rm .perfis a,body.login-rm .perfis span{flex:1;display:flex;align-items:center;justify-content:center;gap:4px;padding:9px 2px;border-radius:9px;font-size:12.5px;font-weight:700;color:#5f6b7f;text-decoration:none;cursor:pointer;line-height:1.2;user-select:none}
body.login-rm .perfis .ativo{background:#fff;color:#000F8C;box-shadow:0 1px 4px rgba(10,20,60,.16)}
@media (max-width:480px){body.login-rm .perfis a,body.login-rm .perfis span{font-size:12px;padding:9px 1px}}