@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');

/* RDS Login */
body.rds_login_body{margin:0;font-family:'Inter',-apple-system,"Segoe UI",Roboto,Arial,sans-serif;min-height:100vh;background:url('../_img/rds-login-bg.webp') center center / cover no-repeat;-webkit-font-smoothing:antialiased;}

.rds_login{min-height:100vh;display:flex;align-items:center;justify-content:flex-end;padding:22px;}
.rds_login *{box-sizing:border-box;}
@media (min-width:1024px){.rds_login{padding-right:72px;}}
@media (min-width:1536px){.rds_login{padding-right:110px;}}

.rds_login_box{width:100%;max-width:440px;display:flex;flex-direction:column;animation:rds_login_in .5s cubic-bezier(.16,.84,.44,1);}
@keyframes rds_login_in{from{opacity:0;transform:translateX(24px);}to{opacity:1;transform:none;}}

.rds_login_card{width:100%;background:#fff;border-radius:16px;box-shadow:0 20px 55px rgba(0,0,0,.28);padding:40px 40px 36px;}
.rds_login_card .login_form{background:none !important;box-shadow:none !important;border:0 !important;padding:0 !important;margin:0 !important;width:100% !important;max-width:none !important;}

.rds_login_logo{text-align:center;}
.rds_login_logo img{height:150px;width:auto;filter:drop-shadow(0 6px 18px rgba(0,0,0,.55));}

.rds_login_card h1{margin:0 0 6px;font-size:26px;font-weight:700;color:#0f172a;letter-spacing:-.02em;}
.rds_login_sub{margin:0 0 28px;font-size:14px;color:#64748b;line-height:1.45;}

.rds_field{margin-bottom:18px;}
.rds_field > label{display:block;font-size:12.5px;font-weight:500;color:#475569;margin-bottom:7px;}
.rds_input_wrap{position:relative;display:flex;align-items:center;}
.rds_input{width:100%;height:48px;padding:0 14px;border:1px solid #e2e8f0;border-radius:10px;font-family:inherit;font-size:14px;color:#0f172a;background:#fff;outline:none;transition:border-color .15s,box-shadow .15s;}
.rds_input.rds_has_eye{padding-right:44px;}
.rds_input:focus{border-color:#2563eb;box-shadow:0 0 0 3px rgba(37,99,235,.13);}
.rds_input::placeholder{color:#aab4c2;}

.rds_pw_eye{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:34px !important;min-width:0 !important;height:34px;border:0 !important;background:transparent !important;box-shadow:none !important;padding:0 !important;color:#94a3b8;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:color .15s,background .15s;}
.rds_pw_eye:hover{color:#475569;background:#f1f5f9;}
.rds_pw_eye svg{width:18px;height:18px;}
.rds_pw_eye .rds_eye_hide{display:none;}
.rds_pw_eye.rds_pw_on .rds_eye_show{display:none;}
.rds_pw_eye.rds_pw_on .rds_eye_hide{display:block;}

.rds_login_row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:6px 0 24px;}
.rds_check{display:flex;align-items:center;gap:8px;font-size:13.5px;color:#475569;cursor:pointer;}
.rds_check input{width:16px;height:16px;accent-color:#2563eb;cursor:pointer;}
.rds_login_row a{font-size:13.5px;color:#2563eb;text-decoration:none;font-weight:500;}
.rds_login_row a:hover{text-decoration:underline;}

.rds_btn{width:100%;height:48px;border:0;border-radius:10px;font-family:inherit;font-size:15px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:background .15s,transform .05s;}
.rds_btn_primary{background:#2563eb;color:#fff;}
.rds_btn_primary:hover{background:#1d4ed8;}
.rds_btn_primary:active{transform:translateY(1px);}

.rds_login_foot{text-align:center;margin:22px 0 0;font-size:13.5px;color:#64748b;}
.rds_login_foot a{color:#2563eb;text-decoration:none;font-weight:500;}
.rds_login_foot a:hover{text-decoration:underline;}

/* Mensagens */
.rds_login_msg{margin-bottom:2px;}
.rds_login_msg:empty{display:none;}
.rds_login_msg .trigger,.rds_login_msg > div,.rds_login_intro{border-radius:10px;font-size:13px;line-height:1.45;padding:11px 14px;margin-bottom:16px;}
.rds_login_intro{background:#eff6ff;color:#1e40af;border:1px solid #dbeafe;}

/* Spinner */
.rds_btn .form_load{display:none;}
.rds_btn .form_load .object{background:#fff;}

@media (max-width:600px){
    .rds_login{justify-content:center;align-items:flex-start;padding:56px 16px 24px;}
    .rds_login_card{padding:34px 24px;}
}