@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;600;700&display=swap');
/* HHI_AUTH_UI v3: login / lupa / reset password, ringkas, gaya dashboard (koral #ec6559, abu #f3f4f6, Roboto) */
.section-login, .section-login * { font-family: 'Roboto', system-ui, sans-serif !important; }
.section-login { min-height: 100vh; }
.section-login .section-box-login { margin: 0 !important; min-height: 100vh; display: flex; align-items: center; justify-content: center; padding: 16px; box-shadow: none; border-radius: 0; }
.section-login .section-form-login { margin: 0 !important; width: 100%; max-width: 400px; padding: 22px 24px !important; background: #fff; border-radius: 18px; box-shadow: 0 20px 50px rgba(0,0,0,.25); }
.section-login .section-form-login > a { display: block; height: auto; text-align: center; }
.section-login .section-form-login > a img, .section-login .section-form-login > a img.logo { height: 44px !important; width: auto !important; max-width: 100%; object-fit: contain; }
.section-login .form-title { color: #303030; font-weight: 700; font-size: 22px; line-height: 1.25; margin-top: 14px !important; }
.section-login .form-caption { color: #6b7280; font-size: 13px; margin-bottom: 16px !important; }
.section-login .form-label-style-1 { color: #374151; font-size: 12px; font-weight: 500; margin-bottom: 4px; }
.section-login .col-12.mb-3 { margin-bottom: 12px !important; }
.section-login .form-control-style-1 { background: #f3f4f6; border: 1px solid #e5e7eb; border-radius: 10px; min-height: 42px; height: 42px; font-size: 14px; }
.section-login .form-control-style-1:focus { background: #fff; border-color: #ec6559; box-shadow: 0 0 0 3px rgba(236,101,89,.15); outline: 0; }
.section-login .form-check-label, .section-login .form-check { font-size: 13px; }
.section-login .btn-primary, .section-login .btn-secondary { height: 42px; min-height: 0; padding-top: 0; padding-bottom: 0; font-size: 14px; border-radius: 25px; display: flex; align-items: center; justify-content: center; }
.section-login .btn-primary { background: #ec6559; border-color: #ec6559; font-weight: 600; }
.section-login .btn-primary:hover { background: #e04f43; border-color: #e04f43; }
.section-login .btn-secondary { background: #f3f4f6; border-color: #f3f4f6; color: #303030; font-weight: 500; }
.section-login p { font-size: 13px; margin-bottom: 8px !important; }
.section-login a { color: #ec6559; }
.section-login .alert { border-radius: 10px; font-size: 13px; padding: 8px 12px; }
@media (max-width: 480px) { .section-login .section-box-login { padding: 24px 12px 12px; align-items: flex-start; } .section-login .section-form-login { padding: 18px 16px !important; } }