@import 'HRIS.Client.bundle.scp.css';

/* _content/HRIS/Components/Account/AccountLayout.razor.rz.scp.css */
/* Shared account page layout overrides */
.login-page[b-k034yijhua] {
    background-color: #f5f5f5 !important;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100vh;
}

.login-box[b-k034yijhua] {
    width: 100% !important;
    max-width: 420px !important;
}
/* _content/HRIS/Components/Account/Pages/ForgotPassword.razor.rz.scp.css */
.fp-card[b-tb84htgnq4] {
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 2px 16px rgba(0, 0, 0, 0.08);
    padding: 40px 36px 32px;
}

.fp-heading[b-tb84htgnq4] {
    font-size: 24px;
    font-weight: 700;
    color: #1a1a2e;
    text-align: center;
    margin: 0 0 8px;
}

.fp-heading-sm[b-tb84htgnq4] {
    font-size: 20px;
    margin-bottom: 12px;
}

.fp-subtext[b-tb84htgnq4] {
    font-size: 14px;
    color: #6c757d;
    text-align: center;
    margin: 0 0 28px;
}

.fp-label[b-tb84htgnq4] {
    font-size: 14px;
    font-weight: 500;
    color: #333;
    margin-bottom: 6px;
    display: block;
}

.fp-input[b-tb84htgnq4] {
    width: 100%;
    padding: 10px 14px;
    border: 1.5px solid #e0e0e0;
    border-radius: 8px;
    font-size: 14px;
    color: #333;
    height: auto;
    transition: border-color 0.2s, box-shadow 0.2s;
    outline: none;
    box-sizing: border-box;
}

.fp-input:focus[b-tb84htgnq4] {
    border-color: #4f6ef7;
    box-shadow: 0 0 0 3px rgba(79, 110, 247, 0.1);
}

.fp-input[b-tb84htgnq4]::placeholder {
    color: #bbb;
}

.fp-btn[b-tb84htgnq4] {
    display: block;
    width: 100%;
    padding: 12px;
    background-color: #4f6ef7;
    color: #ffffff;
    border: none;
    border-radius: 8px;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
    transition: background-color 0.2s;
    margin-top: 24px;
}

.fp-btn:hover[b-tb84htgnq4] {
    background-color: #3d5bd9;
}

.fp-btn:active[b-tb84htgnq4] {
    background-color: #3451c7;
}

.fp-success[b-tb84htgnq4] {
    text-align: center;
    padding: 12px 0 4px;
}

.fp-success-icon[b-tb84htgnq4] {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background-color: #e8f5e9;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 16px;
}

.fp-success-icon i[b-tb84htgnq4] {
    font-size: 24px;
    color: #43a047;
}

.fp-success-msg[b-tb84htgnq4] {
    font-size: 14px;
    color: #333;
    line-height: 1.6;
    margin-bottom: 24px;
}

.fp-back-link[b-tb84htgnq4] {
    display: inline-block;
    font-size: 14px;
    color: #4f6ef7;
    text-decoration: none;
    font-weight: 500;
    margin-top: 20px;
}

.fp-back-link:hover[b-tb84htgnq4] {
    text-decoration: underline;
    color: #3b5de7;
}

.fp-field-group[b-tb84htgnq4] {
    margin-bottom: 4px;
}

.fp-validation[b-tb84htgnq4] {
    color: #dc3545;
    font-size: 12px;
    margin-top: 4px;
}
/* _content/HRIS/Components/Account/Pages/Login.razor.rz.scp.css */
.login-card[b-h9y1crb2gw] {
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 2px 16px rgba(0, 0, 0, 0.08);
    padding: 40px 36px 32px;
}

.login-card .login-heading[b-h9y1crb2gw] {
    font-size: 24px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 28px;
    color: #1a1a2e;
}

.social-buttons[b-h9y1crb2gw] {
    display: flex;
    gap: 12px;
    margin-bottom: 24px;
}

.social-buttons .btn-social[b-h9y1crb2gw] {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 10px 16px;
    border: 1.5px solid #ddd;
    border-radius: 8px;
    background: #fff;
    color: #333;
    font-size: 14px;
    font-weight: 500;
    cursor: not-allowed;
    opacity: 0.7;
    transition: border-color 0.2s;
}

.social-buttons .btn-social:hover[b-h9y1crb2gw] {
    border-color: #bbb;
}

.social-buttons .btn-social svg[b-h9y1crb2gw] {
    width: 18px;
    height: 18px;
    flex-shrink: 0;
}

.or-divider[b-h9y1crb2gw] {
    display: flex;
    align-items: center;
    margin-bottom: 24px;
}

.or-divider[b-h9y1crb2gw]::before,
.or-divider[b-h9y1crb2gw]::after {
    content: '';
    flex: 1;
    border-bottom: 1px solid #e0e0e0;
}

.or-divider span[b-h9y1crb2gw] {
    padding: 0 16px;
    color: #999;
    font-size: 13px;
    font-weight: 500;
    text-transform: uppercase;
}

/* ==================== Standard Form Styles ==================== */

.form-group-login[b-h9y1crb2gw] {
    margin-bottom: 20px;
}

.form-group-login .label-row[b-h9y1crb2gw] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 6px;
}

.form-group-login label[b-h9y1crb2gw] {
    font-size: 14px;
    font-weight: 500;
    color: #333;
    margin-bottom: 0;
}

.form-group-login .forgot-link[b-h9y1crb2gw] {
    font-size: 13px;
    color: #4f6ef7;
    text-decoration: none;
    font-weight: 500;
}

.form-group-login .forgot-link:hover[b-h9y1crb2gw] {
    text-decoration: underline;
}

.form-group-login .form-control[b-h9y1crb2gw] {
    border: 1.5px solid #e0e0e0;
    border-radius: 8px;
    padding: 10px 14px;
    font-size: 14px;
    height: auto;
    transition: border-color 0.2s;
}

.form-group-login .form-control:focus[b-h9y1crb2gw] {
    border-color: #4f6ef7;
    box-shadow: 0 0 0 3px rgba(79, 110, 247, 0.1);
}

.form-group-login .form-control[b-h9y1crb2gw]::placeholder {
    color: #bbb;
}

.password-wrapper[b-h9y1crb2gw] {
    position: relative;
}

.password-wrapper .form-control[b-h9y1crb2gw] {
    padding-right: 44px;
}

.password-toggle[b-h9y1crb2gw] {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;
    color: #999;
    font-size: 16px;
    line-height: 1;
    display: flex;
    align-items: center;
}

.password-toggle:hover[b-h9y1crb2gw] {
    color: #666;
}

.remember-group[b-h9y1crb2gw] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 24px;
}

.remember-group input[type="checkbox"][b-h9y1crb2gw] {
    width: 16px;
    height: 16px;
    accent-color: #4f6ef7;
    cursor: pointer;
}

.remember-group label[b-h9y1crb2gw] {
    font-size: 14px;
    color: #555;
    margin-bottom: 0;
    cursor: pointer;
}

.btn-login[b-h9y1crb2gw] {
    width: 100%;
    padding: 12px;
    background-color: #4f6ef7;
    color: #fff;
    border: none;
    border-radius: 8px;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
    transition: background-color 0.2s;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
}

.btn-login:hover[b-h9y1crb2gw] {
    background-color: #3d5bd9;
}

.btn-login:active[b-h9y1crb2gw] {
    background-color: #3451c7;
}

.validation-message[b-h9y1crb2gw] {
    color: #dc3545;
    font-size: 12px;
    margin-top: 4px;
}

.alert-login[b-h9y1crb2gw] {
    border-radius: 8px;
    font-size: 14px;
    padding: 10px 14px;
    margin-bottom: 20px;
}

.mobile-download-link[b-h9y1crb2gw] {
    color: #4f6ef7;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    transition: color 0.2s;
}

.mobile-download-link:hover[b-h9y1crb2gw] {
    color: #3d5bd9;
    text-decoration: underline;
}
/* _content/HRIS/Components/Account/Pages/OtpVerification.razor.rz.scp.css */
.otp-card[b-zmplb3fw6z] {
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 2px 16px rgba(0, 0, 0, 0.08);
    padding: 40px 36px 32px;
}

.otp-heading[b-zmplb3fw6z] {
    font-size: 22px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 8px;
    color: #1a1a2e;
}

.otp-description[b-zmplb3fw6z] {
    font-size: 14px;
    color: #666;
    text-align: center;
    margin-bottom: 24px;
    line-height: 1.5;
}

.otp-subtitle[b-zmplb3fw6z] {
    font-size: 14px;
    color: #666;
    margin-bottom: 20px;
    line-height: 1.5;
}

/* ==================== Form Styles ==================== */

.form-group-otp[b-zmplb3fw6z] {
    margin-bottom: 20px;
}

.form-group-otp label[b-zmplb3fw6z] {
    font-size: 14px;
    font-weight: 500;
    color: #333;
    margin-bottom: 6px;
    display: block;
}

.form-group-otp .form-control[b-zmplb3fw6z] {
    border: 1.5px solid #e0e0e0;
    border-radius: 8px;
    padding: 10px 14px;
    font-size: 14px;
    height: auto;
    transition: border-color 0.2s;
}

.form-group-otp .form-control:focus[b-zmplb3fw6z] {
    border-color: #4f6ef7;
    box-shadow: 0 0 0 3px rgba(79, 110, 247, 0.1);
}

.form-group-otp .form-control[b-zmplb3fw6z]::placeholder {
    color: #bbb;
}

/* OTP code input */
.otp-code-input[b-zmplb3fw6z] {
    text-align: center;
    font-size: 24px !important;
    font-weight: 600;
    letter-spacing: 8px;
    padding: 12px 14px !important;
}

.otp-code-input[b-zmplb3fw6z]::placeholder {
    font-size: 14px !important;
    letter-spacing: normal;
    font-weight: 400;
}

/* Primary button */
.btn-otp-primary[b-zmplb3fw6z] {
    width: 100%;
    padding: 12px;
    background-color: #4f6ef7;
    color: #fff;
    border: none;
    border-radius: 8px;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
    transition: background-color 0.2s;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
}

.btn-otp-primary:hover[b-zmplb3fw6z] {
    background-color: #3d5bd9;
}

.btn-otp-primary:active[b-zmplb3fw6z] {
    background-color: #3451c7;
}

/* Destination info box */
.otp-destination-info[b-zmplb3fw6z] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 14px 16px;
    background: #f0f4ff;
    border-radius: 8px;
    margin-bottom: 20px;
    border: 1px solid #dce3f7;
}

.otp-dest-icon-wrap[b-zmplb3fw6z] {
    width: 40px;
    height: 40px;
    background: #4f6ef7;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 18px;
    flex-shrink: 0;
}

.otp-dest-text[b-zmplb3fw6z] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.otp-dest-label[b-zmplb3fw6z] {
    font-size: 12px;
    color: #888;
    font-weight: 500;
}

.otp-dest-value[b-zmplb3fw6z] {
    font-size: 15px;
    font-weight: 600;
    color: #1a1a2e;
}

.otp-dest-method[b-zmplb3fw6z] {
    font-size: 12px;
    color: #4f6ef7;
    font-weight: 500;
}

/* Resend row */
.otp-resend-row[b-zmplb3fw6z] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin-bottom: 16px;
}

.otp-countdown[b-zmplb3fw6z] {
    font-size: 13px;
    color: #888;
}

.otp-resend-btn[b-zmplb3fw6z] {
    font-size: 13px;
    color: #4f6ef7;
    background: none;
    border: none;
    cursor: pointer;
    font-weight: 500;
    padding: 0;
    text-decoration: none;
}

.otp-resend-btn:hover[b-zmplb3fw6z] {
    color: #3d5bd9;
    text-decoration: underline;
}

/* Trust device group */
.trust-group[b-zmplb3fw6z] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 24px;
}

.trust-group input[type="checkbox"][b-zmplb3fw6z] {
    width: 16px;
    height: 16px;
    accent-color: #4f6ef7;
    cursor: pointer;
}

.trust-group label[b-zmplb3fw6z] {
    font-size: 14px;
    color: #555;
    margin-bottom: 0;
    cursor: pointer;
}

.trust-hint[b-zmplb3fw6z] {
    font-size: 12px;
    color: #999;
    font-weight: 400;
}

/* Back button */
.otp-back-btn[b-zmplb3fw6z] {
    font-size: 13px;
    color: #666;
    background: none;
    border: none;
    cursor: pointer;
    font-weight: 500;
    padding: 0;
    text-decoration: none;
}

.otp-back-btn:hover[b-zmplb3fw6z] {
    color: #333;
    text-decoration: underline;
}

/* Back to login link */
.back-to-login-link[b-zmplb3fw6z] {
    font-size: 14px;
    color: #4f6ef7;
    text-decoration: none;
    font-weight: 500;
}

.back-to-login-link:hover[b-zmplb3fw6z] {
    color: #3d5bd9;
    text-decoration: underline;
}

/* Alert */
.alert-otp[b-zmplb3fw6z] {
    border-radius: 8px;
    font-size: 14px;
    padding: 10px 14px;
    margin-bottom: 20px;
}

/* Validation messages */
.validation-message[b-zmplb3fw6z] {
    color: #dc3545;
    font-size: 12px;
    margin-top: 4px;
}

/* btn-link resets for form buttons */
.btn-link[b-zmplb3fw6z] {
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;
}
/* _content/HRIS/Components/Account/Pages/ResetPassword.razor.rz.scp.css */
.rp-card[b-sl2j8bkgzz] {
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 2px 16px rgba(0, 0, 0, 0.08);
    padding: 40px 36px 32px;
}

.rp-heading[b-sl2j8bkgzz] {
    font-size: 24px;
    font-weight: 700;
    color: #1a1a2e;
    text-align: center;
    margin: 0 0 8px;
}

.rp-subtext[b-sl2j8bkgzz] {
    font-size: 14px;
    color: #6c757d;
    text-align: center;
    margin: 0 0 28px;
}

.rp-field-group[b-sl2j8bkgzz] {
    margin-bottom: 20px;
}

.rp-label[b-sl2j8bkgzz] {
    font-size: 14px;
    font-weight: 500;
    color: #333;
    margin-bottom: 6px;
    display: block;
}

.rp-password-wrapper[b-sl2j8bkgzz] {
    position: relative;
}

.rp-password-wrapper .form-control[b-sl2j8bkgzz] {
    padding-right: 44px;
    border: 1.5px solid #e0e0e0;
    border-radius: 8px;
    font-size: 14px;
    height: auto;
    padding-top: 10px;
    padding-bottom: 10px;
}

.rp-password-wrapper .form-control:focus[b-sl2j8bkgzz] {
    border-color: #4f6ef7;
    box-shadow: 0 0 0 3px rgba(79, 110, 247, 0.1);
}

.rp-password-wrapper .form-control[b-sl2j8bkgzz]::placeholder {
    color: #bbb;
}

.rp-toggle[b-sl2j8bkgzz] {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;
    color: #999;
    font-size: 16px;
    line-height: 1;
}

.rp-toggle:hover[b-sl2j8bkgzz] {
    color: #666;
}

.rp-btn[b-sl2j8bkgzz] {
    display: block;
    width: 100%;
    padding: 12px;
    background-color: #4f6ef7;
    color: #fff;
    border: none;
    border-radius: 8px;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
    transition: background-color 0.2s;
    margin-top: 24px;
    text-align: center;
    text-decoration: none;
}

.rp-btn:hover[b-sl2j8bkgzz] {
    background-color: #3d5bd9;
    color: #fff;
}

.rp-error[b-sl2j8bkgzz] {
    background: #fff5f5;
    border: 1px solid #fed7d7;
    border-radius: 8px;
    padding: 12px 16px;
    margin-bottom: 20px;
    color: #c53030;
    font-size: 13px;
}

.rp-error p[b-sl2j8bkgzz] {
    margin: 0 0 4px;
}

.rp-error p:last-child[b-sl2j8bkgzz] {
    margin-bottom: 0;
}

.rp-success[b-sl2j8bkgzz] {
    text-align: center;
    padding: 12px 0 4px;
}

.rp-success-icon[b-sl2j8bkgzz] {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background-color: #e8f5e9;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 16px;
}

.rp-success-icon i[b-sl2j8bkgzz] {
    font-size: 24px;
    color: #43a047;
}
/* _content/HRIS/Components/Admin/AdminLayout.razor.rz.scp.css */
.admin-page[b-h638mzk66e] {
    background-color: #1a1a2e;
    min-height: 100vh;
    display: flex;
    justify-content: center;
    padding: 40px 20px;
}

.admin-container[b-h638mzk66e] {
    width: 100%;
    max-width: 1200px;
}
/* _content/HRIS/Components/Admin/Pages/CreateTenant.razor.rz.scp.css */
.admin-dashboard[b-9kk5fngt74] {
    max-width: 1200px;
    width: 100%;
}

.dashboard-header[b-9kk5fngt74] {
    margin-bottom: 32px;
}

.dashboard-title[b-9kk5fngt74] {
    font-size: 28px;
    font-weight: 700;
    color: #fff;
    margin: 0;
}

.dashboard-subtitle[b-9kk5fngt74] {
    font-size: 14px;
    color: #8892b0;
    margin: 4px 0 0;
}

.back-link-light[b-9kk5fngt74] {
    color: #8892b0;
    text-decoration: none;
    font-size: 14px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 8px;
}

.back-link-light:hover[b-9kk5fngt74] {
    color: #fff;
}

/* Create Card */
.create-card[b-9kk5fngt74] {
    background: #fff;
    border-radius: 12px;
    padding: 32px 36px;
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.15);
}

.create-section-title[b-9kk5fngt74] {
    font-size: 16px;
    font-weight: 700;
    color: #1a1a2e;
    margin: 0 0 24px;
    padding-bottom: 12px;
    border-bottom: 1px solid #f0f0f0;
}

/* Form Layout */
.form-row[b-9kk5fngt74] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    margin-bottom: 20px;
}

.form-group-create[b-9kk5fngt74] {
    display: flex;
    flex-direction: column;
}

.form-group-create label[b-9kk5fngt74] {
    font-size: 14px;
    font-weight: 500;
    color: #333;
    margin-bottom: 6px;
}

.form-group-create .form-control[b-9kk5fngt74] {
    border: 1.5px solid #e0e0e0;
    border-radius: 8px;
    padding: 10px 14px;
    font-size: 14px;
    height: auto;
    transition: border-color 0.2s;
}

.form-group-create .form-control:focus[b-9kk5fngt74] {
    border-color: #4f6ef7;
    box-shadow: 0 0 0 3px rgba(79, 110, 247, 0.1);
    outline: none;
}

.form-group-create .form-control[b-9kk5fngt74]::placeholder {
    color: #bbb;
}

/* Name Fields (side by side) */
.name-fields[b-9kk5fngt74] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
}

/* Identifier Preview */
.identifier-preview[b-9kk5fngt74] {
    display: flex;
    align-items: center;
    background: #f8f9fa;
    border: 1.5px solid #e0e0e0;
    border-radius: 8px;
    padding: 10px 14px;
    font-size: 14px;
}

.identifier-value[b-9kk5fngt74] {
    font-family: 'Courier New', monospace;
    font-weight: 600;
    color: #4f6ef7;
}

.identifier-suffix[b-9kk5fngt74] {
    color: #6c757d;
    margin-left: 2px;
}

/* Form Actions */
.form-actions[b-9kk5fngt74] {
    display: flex;
    justify-content: flex-end;
    gap: 12px;
    margin-top: 28px;
    padding-top: 20px;
    border-top: 1px solid #f0f0f0;
}

.btn-cancel[b-9kk5fngt74] {
    display: inline-flex;
    align-items: center;
    padding: 10px 24px;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 600;
    color: #6c757d;
    background: #f0f0f0;
    text-decoration: none;
    border: none;
    cursor: pointer;
    transition: background 0.2s;
}

.btn-cancel:hover[b-9kk5fngt74] {
    background: #e0e0e0;
    color: #333;
}

.btn-create[b-9kk5fngt74] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 24px;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    background: #4f6ef7;
    border: none;
    cursor: pointer;
    transition: background 0.2s;
}

.btn-create:hover:not(:disabled)[b-9kk5fngt74] {
    background: #3d5bd9;
}

.btn-create:disabled[b-9kk5fngt74] {
    opacity: 0.6;
    cursor: not-allowed;
}

/* Spinner */
.spinner[b-9kk5fngt74] {
    display: inline-block;
    width: 16px;
    height: 16px;
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-radius: 50%;
    border-top-color: #fff;
    animation: spin-b-9kk5fngt74 0.6s linear infinite;
}

@keyframes spin-b-9kk5fngt74 {
    to { transform: rotate(360deg); }
}

/* Password Input Group */
.password-input-group[b-9kk5fngt74] {
    display: flex;
    gap: 8px;
}

.password-input-group .form-control[b-9kk5fngt74] {
    flex: 1;
}

.btn-generate[b-9kk5fngt74] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 14px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 500;
    color: #4f6ef7;
    background: #eef1ff;
    border: 1px solid #d0d8ff;
    cursor: pointer;
    white-space: nowrap;
    transition: background 0.2s;
}

.btn-generate:hover[b-9kk5fngt74] {
    background: #d0d8ff;
}

.form-hint[b-9kk5fngt74] {
    display: block;
    font-size: 12px;
    color: #888;
    margin-top: 4px;
}

.checkbox-group[b-9kk5fngt74] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 0;
}

.checkbox-group label[b-9kk5fngt74] {
    font-size: 14px;
    color: #555;
    cursor: pointer;
    margin: 0;
}

/* Alert */
.alert-admin[b-9kk5fngt74] {
    border-radius: 8px;
    font-size: 14px;
    padding: 10px 14px;
    margin-bottom: 20px;
}

/* Validation */
.validation-message[b-9kk5fngt74] {
    color: #dc3545;
    font-size: 12px;
    margin-top: 4px;
}

/* Responsive */
@media (max-width: 768px) {
    .form-row[b-9kk5fngt74] {
        grid-template-columns: 1fr;
    }

    .create-card[b-9kk5fngt74] {
        padding: 24px 20px;
    }
}
/* _content/HRIS/Components/Admin/Pages/Dashboard.razor.rz.scp.css */
.admin-dashboard[b-8idn6dl4yq] {
    max-width: 1200px;
    width: 100%;
}

.dashboard-header[b-8idn6dl4yq] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 32px;
}

.dashboard-title[b-8idn6dl4yq] {
    font-size: 28px;
    font-weight: 700;
    color: #fff;
    margin: 0;
}

.dashboard-subtitle[b-8idn6dl4yq] {
    font-size: 14px;
    color: #8892b0;
    margin: 4px 0 0;
}

.dashboard-actions[b-8idn6dl4yq] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.btn-admin-create[b-8idn6dl4yq] {
    background: #4f6ef7;
    border: 1px solid #4f6ef7;
    color: #fff;
    padding: 8px 16px;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.2s;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.btn-admin-create:hover[b-8idn6dl4yq] {
    background: #3d5bd9;
    color: #fff;
}

.btn-admin-logout[b-8idn6dl4yq] {
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.2);
    color: #fff;
    padding: 8px 16px;
    border-radius: 8px;
    font-size: 14px;
    cursor: pointer;
    transition: background 0.2s;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.btn-admin-logout:hover[b-8idn6dl4yq] {
    background: rgba(255, 255, 255, 0.2);
}

.stats-row[b-8idn6dl4yq] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
    margin-bottom: 24px;
}

.stat-card[b-8idn6dl4yq] {
    background: rgba(255, 255, 255, 0.08);
    border-radius: 12px;
    padding: 20px;
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.stat-number[b-8idn6dl4yq] {
    font-size: 32px;
    font-weight: 700;
    color: #fff;
}

.stat-label[b-8idn6dl4yq] {
    font-size: 13px;
    color: #8892b0;
    margin-top: 4px;
}

.stat-active .stat-number[b-8idn6dl4yq] { color: #28a745; }
.stat-suspended .stat-number[b-8idn6dl4yq] { color: #ffc107; }
.stat-provisioning .stat-number[b-8idn6dl4yq] { color: #17a2b8; }

.tenant-table-card[b-8idn6dl4yq] {
    background: #fff;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.15);
}

.tenant-table[b-8idn6dl4yq] {
    width: 100%;
    border-collapse: collapse;
}

.tenant-table thead[b-8idn6dl4yq] {
    background: #f8f9fa;
}

.tenant-table th[b-8idn6dl4yq] {
    padding: 14px 20px;
    font-size: 12px;
    font-weight: 600;
    color: #6c757d;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    text-align: left;
    border-bottom: 2px solid #e9ecef;
}

.tenant-table td[b-8idn6dl4yq] {
    padding: 16px 20px;
    font-size: 14px;
    color: #333;
    border-bottom: 1px solid #f0f0f0;
}

.tenant-table tbody tr:hover[b-8idn6dl4yq] {
    background: #f8f9fa;
}

.tenant-name[b-8idn6dl4yq] {
    font-weight: 600;
    color: #1a1a2e;
}

.tenant-id[b-8idn6dl4yq] {
    font-size: 12px;
    color: #6c757d;
    font-family: 'Courier New', monospace;
}

.subdomain-link[b-8idn6dl4yq] {
    color: #4f6ef7;
    text-decoration: none;
    font-size: 13px;
}

.subdomain-link:hover[b-8idn6dl4yq] {
    text-decoration: underline;
}

.badge[b-8idn6dl4yq] {
    display: inline-block;
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 600;
}

.badge-plan-lite[b-8idn6dl4yq] { background: #e3f2fd; color: #1565c0; }
.badge-plan-plus[b-8idn6dl4yq] { background: #f3e5f5; color: #7b1fa2; }

.badge-status-active[b-8idn6dl4yq] { background: #e8f5e9; color: #2e7d32; }
.badge-status-suspended[b-8idn6dl4yq] { background: #fff3e0; color: #e65100; }
.badge-status-provisioning[b-8idn6dl4yq] { background: #e0f7fa; color: #00838f; }
.badge-status-failed[b-8idn6dl4yq] { background: #fce4ec; color: #c62828; }
.badge-status-decommissioned[b-8idn6dl4yq] { background: #efebe9; color: #4e342e; }

.btn-tenant-action[b-8idn6dl4yq] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 14px;
    background: #f0f0f0;
    border-radius: 6px;
    color: #333;
    text-decoration: none;
    font-size: 13px;
    transition: background 0.2s;
}

.btn-tenant-action:hover[b-8idn6dl4yq] {
    background: #e0e0e0;
    color: #333;
}
/* _content/HRIS/Components/Admin/Pages/ImpersonationEnded.razor.rz.scp.css */
.success-icon[b-15lpgwk5ro] {
    width: 64px;
    height: 64px;
    margin: 0 auto 16px;
    background: #f0fdf4;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.success-icon i[b-15lpgwk5ro] {
    font-size: 28px;
    color: #2e7d32;
}

h2[b-15lpgwk5ro] {
    color: #333;
    font-size: 1.4rem;
    margin: 0;
}

.info-text[b-15lpgwk5ro] {
    color: #666;
    font-size: 0.95rem;
}

.btn-back[b-15lpgwk5ro] {
    display: inline-block;
    padding: 10px 24px;
    background: #4f6ef7;
    color: #fff;
    border-radius: 8px;
    text-decoration: none;
    font-size: 0.9rem;
    font-weight: 500;
    transition: background 0.2s;
}

.btn-back:hover[b-15lpgwk5ro] {
    background: #3b5de7;
    color: #fff;
}

.btn-back i[b-15lpgwk5ro] {
    margin-right: 6px;
}
/* _content/HRIS/Components/Admin/Pages/ImpersonationError.razor.rz.scp.css */
.error-icon[b-ryeakgb5rf] {
    width: 64px;
    height: 64px;
    margin: 0 auto 16px;
    background: #fef2f2;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.error-icon i[b-ryeakgb5rf] {
    font-size: 28px;
    color: #dc3545;
}

h2[b-ryeakgb5rf] {
    color: #333;
    font-size: 1.4rem;
    margin: 0;
}

.error-message[b-ryeakgb5rf] {
    background: #fef2f2;
    border: 1px solid #fecaca;
    border-radius: 8px;
    padding: 16px;
    text-align: center;
}

.error-message p[b-ryeakgb5rf] {
    color: #991b1b;
    margin: 0;
    font-size: 0.95rem;
}

.btn-back[b-ryeakgb5rf] {
    display: inline-block;
    padding: 10px 24px;
    background: #4f6ef7;
    color: #fff;
    border-radius: 8px;
    text-decoration: none;
    font-size: 0.9rem;
    font-weight: 500;
    transition: background 0.2s;
}

.btn-back:hover[b-ryeakgb5rf] {
    background: #3b5de7;
    color: #fff;
}

.btn-back i[b-ryeakgb5rf] {
    margin-right: 6px;
}
/* _content/HRIS/Components/Admin/Pages/Login.razor.rz.scp.css */
.admin-card[b-otrcuvt6xc] {
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.15);
    padding: 40px 36px 32px;
    max-width: 420px;
    margin: 80px auto 0;
}

.admin-logo[b-otrcuvt6xc] {
    width: 64px;
    height: 64px;
    background: linear-gradient(135deg, #4f6ef7, #3d5bd9);
    border-radius: 16px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 16px;
}

.admin-logo i[b-otrcuvt6xc] {
    font-size: 28px;
    color: #fff;
}

.admin-heading[b-otrcuvt6xc] {
    font-size: 22px;
    font-weight: 700;
    color: #1a1a2e;
    margin-bottom: 4px;
}

.admin-subheading[b-otrcuvt6xc] {
    font-size: 14px;
    color: #6c757d;
    margin-bottom: 28px;
}

.form-group-admin[b-otrcuvt6xc] {
    margin-bottom: 20px;
}

.form-group-admin label[b-otrcuvt6xc] {
    font-size: 14px;
    font-weight: 500;
    color: #333;
    margin-bottom: 6px;
    display: block;
}

.form-group-admin .form-control[b-otrcuvt6xc] {
    border: 1.5px solid #e0e0e0;
    border-radius: 8px;
    padding: 10px 14px;
    font-size: 14px;
    height: auto;
    transition: border-color 0.2s;
}

.form-group-admin .form-control:focus[b-otrcuvt6xc] {
    border-color: #4f6ef7;
    box-shadow: 0 0 0 3px rgba(79, 110, 247, 0.1);
}

.form-group-admin .form-control[b-otrcuvt6xc]::placeholder {
    color: #bbb;
}

.btn-admin-login[b-otrcuvt6xc] {
    width: 100%;
    padding: 12px;
    background-color: #4f6ef7;
    color: #fff;
    border: none;
    border-radius: 8px;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
    transition: background-color 0.2s;
    margin-top: 8px;
}

.btn-admin-login:hover[b-otrcuvt6xc] {
    background-color: #3d5bd9;
}

.alert-admin[b-otrcuvt6xc] {
    border-radius: 8px;
    font-size: 14px;
    padding: 10px 14px;
    margin-bottom: 20px;
}

.validation-message[b-otrcuvt6xc] {
    color: #dc3545;
    font-size: 12px;
    margin-top: 4px;
}
/* _content/HRIS/Components/Admin/Pages/ProvisioningProgress.razor.rz.scp.css */
.admin-dashboard[b-03j5fy0wl4] {
    max-width: 800px;
    width: 100%;
}

.dashboard-header[b-03j5fy0wl4] {
    margin-bottom: 32px;
}

.dashboard-title[b-03j5fy0wl4] {
    font-size: 28px;
    font-weight: 700;
    color: #fff;
    margin: 0;
}

.dashboard-subtitle[b-03j5fy0wl4] {
    font-size: 14px;
    color: #8892b0;
    margin: 4px 0 0;
}

.back-link-light[b-03j5fy0wl4] {
    color: #8892b0;
    text-decoration: none;
    font-size: 14px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 8px;
}

.back-link-light:hover[b-03j5fy0wl4] {
    color: #fff;
}

/* Progress Card */
.progress-card[b-03j5fy0wl4] {
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.15);
    overflow: hidden;
}

.progress-card-body[b-03j5fy0wl4] {
    padding: 36px 40px;
}

.text-center[b-03j5fy0wl4] {
    text-align: center;
}

/* Status Icons */
.status-icon[b-03j5fy0wl4] {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 16px;
    font-size: 28px;
    position: relative;
}

.status-icon-success[b-03j5fy0wl4] {
    background: #e8f5e9;
    color: #2e7d32;
}

.status-icon-failed[b-03j5fy0wl4] {
    background: #fce4ec;
    color: #c62828;
}

.status-icon-active[b-03j5fy0wl4] {
    background: #e3f2fd;
    color: #1565c0;
}

/* Pulse animation for in-progress */
.pulse-ring[b-03j5fy0wl4] {
    position: absolute;
    inset: -4px;
    border-radius: 50%;
    border: 2px solid #1565c0;
    animation: pulse-b-03j5fy0wl4 1.5s ease-out infinite;
}

@keyframes pulse-b-03j5fy0wl4 {
    0% {
        transform: scale(1);
        opacity: 0.6;
    }
    100% {
        transform: scale(1.3);
        opacity: 0;
    }
}

.progress-heading[b-03j5fy0wl4] {
    font-size: 20px;
    font-weight: 700;
    color: #1a1a2e;
    margin: 0 0 8px;
}

.progress-text[b-03j5fy0wl4] {
    font-size: 14px;
    color: #6c757d;
    margin: 0 0 28px;
    line-height: 1.6;
}

.progress-meta[b-03j5fy0wl4] {
    font-size: 12px;
    color: #adb5bd;
}

/* Step Timeline */
.step-timeline[b-03j5fy0wl4] {
    margin: 0 0 28px;
    padding: 0;
}

.step-item[b-03j5fy0wl4] {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 10px 16px;
    border-radius: 8px;
    margin-bottom: 4px;
    transition: background 0.2s;
}

/* Step Indicator */
.step-indicator[b-03j5fy0wl4] {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    font-size: 12px;
}

.step-content[b-03j5fy0wl4] {
    flex: 1;
}

.step-message[b-03j5fy0wl4] {
    font-size: 14px;
    font-weight: 500;
}

/* Step States */
.step-done[b-03j5fy0wl4] {
    background: #f0faf0;
}

.step-done .step-indicator[b-03j5fy0wl4] {
    background: #2e7d32;
    color: #fff;
}

.step-done .step-message[b-03j5fy0wl4] {
    color: #2e7d32;
}

.step-active[b-03j5fy0wl4] {
    background: #e8f0fe;
}

.step-active .step-indicator[b-03j5fy0wl4] {
    background: #e3f2fd;
}

.step-active .step-message[b-03j5fy0wl4] {
    color: #1565c0;
    font-weight: 700;
}

.step-failed[b-03j5fy0wl4] {
    background: #fef0f0;
}

.step-failed .step-indicator[b-03j5fy0wl4] {
    background: #c62828;
    color: #fff;
}

.step-failed .step-message[b-03j5fy0wl4] {
    color: #c62828;
    font-weight: 700;
}

.step-pending[b-03j5fy0wl4] {
    background: transparent;
}

.step-pending .step-indicator[b-03j5fy0wl4] {
    background: #e9ecef;
}

.step-pending .step-message[b-03j5fy0wl4] {
    color: #adb5bd;
}

/* Step Dot (pending state) */
.step-dot[b-03j5fy0wl4] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #adb5bd;
}

/* Step Spinner (in-progress state) */
.step-spinner[b-03j5fy0wl4] {
    width: 18px;
    height: 18px;
    border: 2px solid #bbdefb;
    border-radius: 50%;
    border-top-color: #1565c0;
    animation: spin-b-03j5fy0wl4 0.7s linear infinite;
}

@keyframes spin-b-03j5fy0wl4 {
    to {
        transform: rotate(360deg);
    }
}

/* Loading Spinner */
.loading-spinner[b-03j5fy0wl4] {
    width: 40px;
    height: 40px;
    border: 3px solid #e0e0e0;
    border-radius: 50%;
    border-top-color: #4f6ef7;
    animation: spin-b-03j5fy0wl4 0.8s linear infinite;
    margin: 0 auto 16px;
}

/* Error Box */
.error-box[b-03j5fy0wl4] {
    background: #fff5f5;
    border: 1px solid #fce4ec;
    border-radius: 8px;
    padding: 16px 20px;
    margin-bottom: 24px;
}

.error-label[b-03j5fy0wl4] {
    font-size: 13px;
    font-weight: 700;
    color: #c62828;
    margin-bottom: 6px;
}

.error-message[b-03j5fy0wl4] {
    font-size: 13px;
    color: #555;
    font-family: 'Courier New', monospace;
    word-break: break-word;
    line-height: 1.5;
}

/* Auto Refresh Notice */
.auto-refresh-notice[b-03j5fy0wl4] {
    text-align: center;
    font-size: 12px;
    color: #adb5bd;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding-top: 16px;
    border-top: 1px solid #f0f0f0;
}

/* Action Buttons */
.progress-actions[b-03j5fy0wl4] {
    display: flex;
    justify-content: center;
    gap: 12px;
    margin-top: 24px;
}

.btn-progress[b-03j5fy0wl4] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 24px;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    cursor: pointer;
    transition: background 0.2s;
}

.btn-progress-primary[b-03j5fy0wl4] {
    background: #4f6ef7;
    color: #fff;
}

.btn-progress-primary:hover[b-03j5fy0wl4] {
    background: #3d5bd9;
    color: #fff;
}

.btn-progress-secondary[b-03j5fy0wl4] {
    background: #f0f0f0;
    color: #6c757d;
}

.btn-progress-secondary:hover[b-03j5fy0wl4] {
    background: #e0e0e0;
    color: #333;
}

/* Responsive */
@media (max-width: 768px) {
    .progress-card-body[b-03j5fy0wl4] {
        padding: 24px 20px;
    }

    .progress-actions[b-03j5fy0wl4] {
        flex-direction: column;
    }

    .btn-progress[b-03j5fy0wl4] {
        justify-content: center;
    }
}
/* _content/HRIS/Components/Admin/Pages/TenantDetail.razor.rz.scp.css */
.back-link-light[b-7kxja55wwa] {
    color: #8892b0;
    text-decoration: none;
    font-size: 14px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 8px;
}

.back-link-light:hover[b-7kxja55wwa] {
    color: #fff;
}

.admin-dashboard[b-7kxja55wwa] {
    max-width: 1200px;
    width: 100%;
}

.dashboard-header[b-7kxja55wwa] {
    margin-bottom: 32px;
}

.dashboard-title[b-7kxja55wwa] {
    font-size: 28px;
    font-weight: 700;
    color: #fff;
    margin: 0;
}

.dashboard-subtitle[b-7kxja55wwa] {
    font-size: 14px;
    color: #8892b0;
    margin: 4px 0 0;
}

.admin-card[b-7kxja55wwa] {
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.15);
    padding: 40px 36px 32px;
}

.detail-card[b-7kxja55wwa] {
    background: #fff;
    border-radius: 12px;
    padding: 28px 32px;
    margin-bottom: 20px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
}

.detail-section-title[b-7kxja55wwa] {
    font-size: 16px;
    font-weight: 700;
    color: #1a1a2e;
    margin: 0 0 20px;
    padding-bottom: 12px;
    border-bottom: 1px solid #f0f0f0;
}

.detail-grid[b-7kxja55wwa] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}

.detail-label[b-7kxja55wwa] {
    font-size: 12px;
    font-weight: 600;
    color: #6c757d;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 4px;
}

.detail-value[b-7kxja55wwa] {
    font-size: 15px;
    color: #333;
}

.detail-value.mono[b-7kxja55wwa] {
    font-family: 'Courier New', monospace;
    font-weight: 600;
}

.stats-row[b-7kxja55wwa] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 12px;
    margin-bottom: 12px;
}

.stat-card-sm[b-7kxja55wwa] {
    background: #f8f9fa;
    border-radius: 8px;
    padding: 16px;
    text-align: center;
    border: 1px solid #e9ecef;
}

.stat-number-sm[b-7kxja55wwa] {
    font-size: 22px;
    font-weight: 700;
    color: #1a1a2e;
}

.stat-label-sm[b-7kxja55wwa] {
    font-size: 12px;
    color: #6c757d;
    margin-top: 2px;
}

.stats-updated[b-7kxja55wwa] {
    font-size: 12px;
    color: #adb5bd;
    margin: 0;
}

.link-blue[b-7kxja55wwa] {
    color: #4f6ef7;
    text-decoration: none;
}

.link-blue:hover[b-7kxja55wwa] {
    text-decoration: underline;
}

/* Badge styles */
.badge[b-7kxja55wwa] {
    display: inline-block;
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 600;
}

.badge-plan-lite[b-7kxja55wwa] { background: #e3f2fd; color: #1565c0; }
.badge-plan-plus[b-7kxja55wwa] { background: #f3e5f5; color: #7b1fa2; }
.badge-status-active[b-7kxja55wwa] { background: #e8f5e9; color: #2e7d32; }
.badge-status-suspended[b-7kxja55wwa] { background: #fff3e0; color: #e65100; }
.badge-status-provisioning[b-7kxja55wwa] { background: #e0f7fa; color: #00838f; }
.badge-status-failed[b-7kxja55wwa] { background: #fce4ec; color: #c62828; }
.badge-status-decommissioned[b-7kxja55wwa] { background: #efebe9; color: #4e342e; }

.action-buttons[b-7kxja55wwa] {
    display: flex;
    gap: 12px;
}

.btn-action[b-7kxja55wwa] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 20px;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 600;
    border: none;
    cursor: pointer;
    transition: background 0.2s;
}

.btn-users[b-7kxja55wwa] {
    background: #e8eaf6;
    color: #3949ab;
    text-decoration: none;
}

.btn-users:hover[b-7kxja55wwa] {
    background: #c5cae9;
    color: #3949ab;
}

.btn-modules[b-7kxja55wwa] {
    background: #e8f5e9;
    color: #2e7d32;
    text-decoration: none;
}

.btn-modules:hover[b-7kxja55wwa] {
    background: #c8e6c9;
    color: #2e7d32;
}

.btn-resend-email[b-7kxja55wwa] {
    background: #fff3e0;
    color: #e65100;
    border: none;
    cursor: pointer;
}

.btn-resend-email:hover[b-7kxja55wwa] {
    background: #ffe0b2;
    color: #e65100;
}

.btn-impersonate-action[b-7kxja55wwa] {
    background: #fff8e1;
    color: #f57f17;
    text-decoration: none;
}

.btn-impersonate-action:hover[b-7kxja55wwa] {
    background: #ffecb3;
    text-decoration: none;
}

.btn-suspend[b-7kxja55wwa] {
    background: #fff3e0;
    color: #e65100;
}

.btn-suspend:hover[b-7kxja55wwa] {
    background: #ffe0b2;
}

/* Danger Zone */
.danger-zone[b-7kxja55wwa] {
    border: 2px solid #dc3545;
}

.danger-title[b-7kxja55wwa] {
    color: #dc3545 !important;
    border-bottom-color: #fce4ec !important;
}

.danger-description[b-7kxja55wwa] {
    font-size: 14px;
    color: #555;
    line-height: 1.6;
    margin-bottom: 20px;
}

.confirm-section[b-7kxja55wwa] {
    margin-top: 16px;
}

.confirm-checkbox[b-7kxja55wwa] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin-bottom: 20px;
    padding: 14px 16px;
    background: #fff8f8;
    border: 1px solid #fce4ec;
    border-radius: 8px;
}

.confirm-checkbox input[type="checkbox"][b-7kxja55wwa] {
    width: 18px;
    height: 18px;
    accent-color: #dc3545;
    cursor: pointer;
    margin-top: 2px;
    flex-shrink: 0;
}

.confirm-checkbox label[b-7kxja55wwa] {
    font-size: 14px;
    color: #333;
    line-height: 1.5;
    cursor: pointer;
    margin-bottom: 0;
}

.btn-decommission[b-7kxja55wwa] {
    background: #dc3545;
    color: #fff;
}

.btn-decommission:hover:not(:disabled)[b-7kxja55wwa] {
    background: #c82333;
}

.btn-decommission:disabled[b-7kxja55wwa] {
    opacity: 0.5;
    cursor: not-allowed;
}

.alert-admin[b-7kxja55wwa] {
    border-radius: 8px;
    font-size: 14px;
    padding: 10px 14px;
}

/* Step Results */
.step-results[b-7kxja55wwa] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.step-item[b-7kxja55wwa] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 14px;
    border-radius: 6px;
    font-size: 14px;
}

.step-success[b-7kxja55wwa] {
    background: #e8f5e9;
    color: #2e7d32;
}

.step-failed[b-7kxja55wwa] {
    background: #fce4ec;
    color: #c62828;
}

.step-running[b-7kxja55wwa] {
    background: #e3f2fd;
    color: #1565c0;
}

.step-name[b-7kxja55wwa] {
    font-weight: 600;
}

.step-error[b-7kxja55wwa] {
    font-size: 12px;
    color: #c62828;
    margin-left: auto;
}

.text-success[b-7kxja55wwa] { color: #2e7d32; }
.text-danger[b-7kxja55wwa] { color: #dc3545; }
.mt-2[b-7kxja55wwa] { margin-top: 8px; }

/* Reactivate Button */
.btn-reactivate[b-7kxja55wwa] {
    background: #e8f5e9;
    color: #2e7d32;
}

.btn-reactivate:hover[b-7kxja55wwa] {
    background: #c8e6c9;
}

/* Settings Form */
.settings-form[b-7kxja55wwa] {
    margin-top: 8px;
}

.form-grid[b-7kxja55wwa] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}

.form-group[b-7kxja55wwa] {
    display: flex;
    flex-direction: column;
}

.form-group-full[b-7kxja55wwa] {
    grid-column: 1 / -1;
}

.form-label[b-7kxja55wwa] {
    font-size: 12px;
    font-weight: 600;
    color: #6c757d;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 6px;
}

.form-input[b-7kxja55wwa] {
    width: 100%;
    padding: 10px 14px;
    font-size: 14px;
    color: #333;
    background: #f8f9fa;
    border: 1px solid #dee2e6;
    border-radius: 8px;
    transition: border-color 0.2s, box-shadow 0.2s;
    box-sizing: border-box;
}

.form-input:focus[b-7kxja55wwa] {
    outline: none;
    border-color: #4f6ef7;
    box-shadow: 0 0 0 3px rgba(79, 110, 247, 0.15);
    background: #fff;
}

.readonly-field[b-7kxja55wwa] {
    background: #e9ecef;
    color: #6c757d;
    font-family: 'Courier New', monospace;
    font-size: 12px;
    word-break: break-all;
    cursor: default;
}

.form-actions[b-7kxja55wwa] {
    margin-top: 24px;
    display: flex;
    gap: 12px;
}

.btn-save[b-7kxja55wwa] {
    background: #4f6ef7;
    color: #fff;
}

.btn-save:hover[b-7kxja55wwa] {
    background: #3b5bdb;
}

/* Logo Section */
.logo-section[b-7kxja55wwa] {
    display: flex;
    align-items: flex-start;
    gap: 24px;
    margin-bottom: 28px;
    padding-bottom: 24px;
    border-bottom: 1px solid #f0f0f0;
}

.logo-preview-container[b-7kxja55wwa] {
    flex-shrink: 0;
}

.logo-preview[b-7kxja55wwa] {
    width: 120px;
    height: 120px;
    border-radius: 12px;
    border: 2px solid #e9ecef;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f8f9fa;
}

.logo-preview img[b-7kxja55wwa] {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

.logo-placeholder[b-7kxja55wwa] {
    width: 120px;
    height: 120px;
    border-radius: 12px;
    border: 2px dashed #dee2e6;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    background: #f8f9fa;
    color: #adb5bd;
}

.logo-placeholder i[b-7kxja55wwa] {
    font-size: 32px;
}

.logo-placeholder span[b-7kxja55wwa] {
    font-size: 11px;
}

.logo-upload[b-7kxja55wwa] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding-top: 18px;
}

.form-hint[b-7kxja55wwa] {
    font-size: 12px;
    color: #adb5bd;
    margin: 0;
}

.btn-upload[b-7kxja55wwa] {
    background: #e3f2fd;
    color: #1565c0;
    width: fit-content;
}

.btn-upload:hover:not(:disabled)[b-7kxja55wwa] {
    background: #bbdefb;
}

.btn-upload:disabled[b-7kxja55wwa] {
    opacity: 0.5;
    cursor: not-allowed;
}

/* Color Swatch & Input */
.color-input-group[b-7kxja55wwa] {
    display: flex;
    gap: 8px;
    align-items: center;
}

.color-swatch[b-7kxja55wwa] {
    width: 40px;
    height: 40px;
    border: 2px solid #dee2e6;
    border-radius: 8px;
    flex-shrink: 0;
    display: inline-block;
}

.color-text-input[b-7kxja55wwa] {
    flex: 1;
}

/* Success Alert */
.alert-success[b-7kxja55wwa] {
    background: #e8f5e9;
    color: #2e7d32;
    border: 1px solid #c8e6c9;
    padding: 10px 14px;
    border-radius: 8px;
    font-size: 14px;
    margin-bottom: 16px;
}

.alert-danger[b-7kxja55wwa] {
    background: #fce4ec;
    color: #c62828;
    border: 1px solid #f8bbd0;
}

/* SSO Provider Sections */
.sso-provider-section[b-7kxja55wwa] {
    padding: 12px 16px;
    margin-bottom: 12px;
    background: #f8f9fa;
    border: 1px solid #e9ecef;
    border-radius: 8px;
}

.sso-provider-section .form-grid[b-7kxja55wwa] {
    margin-top: 8px;
}

@media (max-width: 768px) {
    .form-grid[b-7kxja55wwa] {
        grid-template-columns: 1fr;
    }

    .logo-section[b-7kxja55wwa] {
        flex-direction: column;
    }

    .stats-row[b-7kxja55wwa] {
        grid-template-columns: repeat(2, 1fr);
    }

    .detail-grid[b-7kxja55wwa] {
        grid-template-columns: 1fr;
    }
}
/* _content/HRIS/Components/Admin/Pages/TenantModules.razor.rz.scp.css */
.back-link-light[b-duy4j7japx] {
    color: #8892b0;
    text-decoration: none;
    font-size: 14px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 8px;
}

.back-link-light:hover[b-duy4j7japx] {
    color: #fff;
}

.admin-dashboard[b-duy4j7japx] {
    max-width: 1200px;
    width: 100%;
}

.dashboard-header[b-duy4j7japx] {
    margin-bottom: 32px;
}

.dashboard-title[b-duy4j7japx] {
    font-size: 28px;
    font-weight: 700;
    color: #fff;
    margin: 0;
}

.dashboard-subtitle[b-duy4j7japx] {
    font-size: 14px;
    color: #8892b0;
    margin: 4px 0 0;
}

/* Alert boxes */
.alert-box[b-duy4j7japx] {
    padding: 14px 18px;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.alert-success[b-duy4j7japx] {
    background: #e8f5e9;
    color: #2e7d32;
    border: 1px solid #c8e6c9;
}

.alert-danger[b-duy4j7japx] {
    background: #fce4ec;
    color: #c62828;
    border: 1px solid #f8bbd0;
}

/* Detail card (matches TenantDetail) */
.detail-card[b-duy4j7japx] {
    background: #fff;
    border-radius: 12px;
    padding: 28px 32px;
    margin-bottom: 20px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
}

.detail-section-title[b-duy4j7japx] {
    font-size: 16px;
    font-weight: 700;
    color: #1a1a2e;
    margin: 0 0 20px;
    padding-bottom: 12px;
    border-bottom: 1px solid #f0f0f0;
    display: flex;
    align-items: center;
    gap: 12px;
}

.loading-text[b-duy4j7japx] {
    color: #6c757d;
    font-size: 14px;
    margin: 0;
}

/* Category badges */
.category-badge[b-duy4j7japx] {
    display: inline-block;
    padding: 3px 10px;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.category-core[b-duy4j7japx] {
    background: #e3f2fd;
    color: #1565c0;
}

.category-standard[b-duy4j7japx] {
    background: #f3e5f5;
    color: #7b1fa2;
}

.category-premium[b-duy4j7japx] {
    background: #fff8e1;
    color: #f57f17;
}

.category-count[b-duy4j7japx] {
    font-size: 12px;
    font-weight: 400;
    color: #adb5bd;
    margin-left: auto;
}

/* Module grid */
.module-grid[b-duy4j7japx] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 14px;
}

.module-card[b-duy4j7japx] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 18px 20px;
    border-radius: 10px;
    border: 1px solid #e9ecef;
    transition: border-color 0.2s, background 0.2s, box-shadow 0.2s;
}

.module-enabled[b-duy4j7japx] {
    background: #f0fdf4;
    border-color: #86efac;
    box-shadow: 0 1px 4px rgba(34, 197, 94, 0.08);
}

.module-disabled[b-duy4j7japx] {
    background: #f8f9fa;
    border-color: #e9ecef;
}

.module-info[b-duy4j7japx] {
    display: flex;
    align-items: center;
    gap: 14px;
    flex: 1;
    min-width: 0;
}

.module-icon[b-duy4j7japx] {
    width: 40px;
    height: 40px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    flex-shrink: 0;
}

.module-enabled .module-icon[b-duy4j7japx] {
    background: #dcfce7;
    color: #16a34a;
}

.module-disabled .module-icon[b-duy4j7japx] {
    background: #f1f3f5;
    color: #adb5bd;
}

.module-text[b-duy4j7japx] {
    min-width: 0;
}

.module-name[b-duy4j7japx] {
    font-size: 14px;
    font-weight: 600;
    color: #1a1a2e;
    margin-bottom: 2px;
}

.module-description[b-duy4j7japx] {
    font-size: 12px;
    color: #6c757d;
    line-height: 1.4;
}

/* Toggle switch */
.toggle-switch[b-duy4j7japx] {
    position: relative;
    display: inline-block;
    width: 48px;
    height: 26px;
    flex-shrink: 0;
    margin-left: 14px;
    cursor: pointer;
}

.toggle-switch input[b-duy4j7japx] {
    opacity: 0;
    width: 0;
    height: 0;
}

.toggle-slider[b-duy4j7japx] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #dee2e6;
    border-radius: 26px;
    transition: background-color 0.25s;
}

.toggle-slider[b-duy4j7japx]::before {
    content: "";
    position: absolute;
    height: 20px;
    width: 20px;
    left: 3px;
    bottom: 3px;
    background-color: #fff;
    border-radius: 50%;
    transition: transform 0.25s;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
}

.toggle-switch input:checked + .toggle-slider[b-duy4j7japx] {
    background-color: #22c55e;
}

.toggle-switch input:checked + .toggle-slider[b-duy4j7japx]::before {
    transform: translateX(22px);
}

.toggle-switch input:focus + .toggle-slider[b-duy4j7japx] {
    box-shadow: 0 0 0 3px rgba(34, 197, 94, 0.25);
}

/* Save section */
.save-section[b-duy4j7japx] {
    display: flex;
    justify-content: flex-end;
    margin-top: 4px;
    margin-bottom: 40px;
}

.btn-save[b-duy4j7japx] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 12px 28px;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 600;
    border: none;
    cursor: pointer;
    background: #4f6ef7;
    color: #fff;
    transition: background 0.2s, box-shadow 0.2s;
    box-shadow: 0 2px 8px rgba(79, 110, 247, 0.3);
}

.btn-save:hover[b-duy4j7japx] {
    background: #3b5de7;
    box-shadow: 0 4px 12px rgba(79, 110, 247, 0.4);
}

/* Responsive */
@media (max-width: 768px) {
    .module-grid[b-duy4j7japx] {
        grid-template-columns: 1fr;
    }

    .detail-section-title[b-duy4j7japx] {
        flex-wrap: wrap;
    }

    .category-count[b-duy4j7japx] {
        margin-left: 0;
        width: 100%;
    }
}
/* _content/HRIS/Components/Admin/Pages/TenantUsers.razor.rz.scp.css */
.admin-dashboard[b-kbnwq8c65u] {
    max-width: 1200px;
    width: 100%;
}

.dashboard-header[b-kbnwq8c65u] {
    margin-bottom: 32px;
}

.dashboard-title[b-kbnwq8c65u] {
    font-size: 28px;
    font-weight: 700;
    color: #fff;
    margin: 0;
}

.dashboard-subtitle[b-kbnwq8c65u] {
    font-size: 14px;
    color: #8892b0;
    margin: 4px 0 0;
}

/* Breadcrumb */
.breadcrumb-nav[b-kbnwq8c65u] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 8px;
}

.back-link-light[b-kbnwq8c65u] {
    color: #8892b0;
    text-decoration: none;
    font-size: 14px;
    transition: color 0.2s;
}

.back-link-light:hover[b-kbnwq8c65u] {
    color: #fff;
}

.breadcrumb-sep[b-kbnwq8c65u] {
    color: #555;
    font-size: 14px;
}

.breadcrumb-current[b-kbnwq8c65u] {
    color: #ccd6f6;
    font-size: 14px;
    font-weight: 600;
}

/* Cards */
.detail-card[b-kbnwq8c65u] {
    background: #fff;
    border-radius: 12px;
    padding: 28px 32px;
    margin-bottom: 20px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
}

.highlight-card[b-kbnwq8c65u] {
    border: 2px solid #4f6ef7;
}

.detail-section-title[b-kbnwq8c65u] {
    font-size: 16px;
    font-weight: 700;
    color: #1a1a2e;
    margin: 0 0 20px;
    padding-bottom: 12px;
    border-bottom: 1px solid #f0f0f0;
    display: flex;
    align-items: center;
    gap: 8px;
}

/* Form */
.form-row[b-kbnwq8c65u] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
    margin-bottom: 16px;
}

.form-group-admin[b-kbnwq8c65u] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.form-group-admin label[b-kbnwq8c65u] {
    font-size: 12px;
    font-weight: 600;
    color: #6c757d;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.form-control[b-kbnwq8c65u] {
    padding: 10px 14px;
    border: 1px solid #dee2e6;
    border-radius: 8px;
    font-size: 14px;
    color: #333;
    background: #fff;
    transition: border-color 0.2s;
}

.form-control:focus[b-kbnwq8c65u] {
    outline: none;
    border-color: #4f6ef7;
    box-shadow: 0 0 0 3px rgba(79, 110, 247, 0.15);
}

/* Role checkboxes */
.role-checkboxes[b-kbnwq8c65u] {
    margin-bottom: 16px;
}

.role-label[b-kbnwq8c65u] {
    font-size: 12px;
    font-weight: 600;
    color: #6c757d;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 8px;
    display: block;
}

.role-grid[b-kbnwq8c65u] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.role-check-item[b-kbnwq8c65u] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 6px 12px;
    background: #f8f9fa;
    border: 1px solid #e9ecef;
    border-radius: 6px;
    font-size: 13px;
    color: #333;
    cursor: pointer;
    transition: background 0.2s;
}

.role-check-item:hover[b-kbnwq8c65u] {
    background: #e9ecef;
}

.role-check-item input[type="checkbox"][b-kbnwq8c65u] {
    accent-color: #4f6ef7;
    width: 16px;
    height: 16px;
}

/* Table */
.table-responsive[b-kbnwq8c65u] {
    overflow-x: auto;
}

.tenant-table[b-kbnwq8c65u] {
    width: 100%;
    border-collapse: collapse;
}

.tenant-table thead[b-kbnwq8c65u] {
    background: #f8f9fa;
}

.tenant-table th[b-kbnwq8c65u] {
    padding: 14px 20px;
    font-size: 12px;
    font-weight: 600;
    color: #6c757d;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    text-align: left;
    border-bottom: 2px solid #e9ecef;
}

.tenant-table td[b-kbnwq8c65u] {
    padding: 16px 20px;
    font-size: 14px;
    color: #333;
    border-bottom: 1px solid #f0f0f0;
    vertical-align: middle;
}

.tenant-table tbody tr:hover[b-kbnwq8c65u] {
    background: #f8f9fa;
}

.user-email[b-kbnwq8c65u] {
    font-weight: 600;
    color: #1a1a2e;
}

.user-id[b-kbnwq8c65u] {
    font-size: 11px;
    color: #adb5bd;
    font-family: 'Courier New', monospace;
}

/* Role badges */
.role-badges[b-kbnwq8c65u] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
}

.badge[b-kbnwq8c65u] {
    display: inline-block;
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 600;
}

.badge-role[b-kbnwq8c65u] {
    background: #e8eaf6;
    color: #3949ab;
}

.badge-status-active[b-kbnwq8c65u] {
    background: #e8f5e9;
    color: #2e7d32;
}

.badge-status-suspended[b-kbnwq8c65u] {
    background: #fff3e0;
    color: #e65100;
}

/* Employee link */
.employee-link[b-kbnwq8c65u] {
    color: #4f6ef7;
    font-size: 13px;
    display: flex;
    align-items: center;
    gap: 6px;
}

.text-muted[b-kbnwq8c65u] {
    color: #adb5bd;
    font-size: 13px;
}

/* Action buttons */
.action-buttons[b-kbnwq8c65u] {
    display: flex;
    gap: 12px;
}

.action-buttons-row[b-kbnwq8c65u] {
    display: flex;
    gap: 6px;
    align-items: center;
}

.btn-action[b-kbnwq8c65u] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 20px;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 600;
    border: none;
    cursor: pointer;
    transition: background 0.2s;
    text-decoration: none;
}

.btn-primary-admin[b-kbnwq8c65u] {
    background: #4f6ef7;
    color: #fff;
}

.btn-primary-admin:hover[b-kbnwq8c65u] {
    background: #3d5bd9;
}

.btn-cancel[b-kbnwq8c65u] {
    background: #f0f0f0;
    color: #333;
}

.btn-cancel:hover[b-kbnwq8c65u] {
    background: #e0e0e0;
}

.btn-sm[b-kbnwq8c65u] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border-radius: 6px;
    border: none;
    cursor: pointer;
    font-size: 14px;
    transition: background 0.2s;
}

.btn-edit[b-kbnwq8c65u] {
    background: #e8eaf6;
    color: #3949ab;
}

.btn-edit:hover[b-kbnwq8c65u] {
    background: #c5cae9;
}

.btn-reset[b-kbnwq8c65u] {
    background: #fff3e0;
    color: #e65100;
}

.btn-reset:hover[b-kbnwq8c65u] {
    background: #ffe0b2;
}

.btn-disable[b-kbnwq8c65u] {
    background: #fce4ec;
    color: #c62828;
}

.btn-disable:hover[b-kbnwq8c65u] {
    background: #f8bbd0;
}

.btn-enable[b-kbnwq8c65u] {
    background: #e8f5e9;
    color: #2e7d32;
}

.btn-enable:hover[b-kbnwq8c65u] {
    background: #c8e6c9;
}

/* Password display */
.password-display[b-kbnwq8c65u] {
    background: #1a1a2e;
    color: #4fc3f7;
    font-family: 'Courier New', monospace;
    font-size: 18px;
    font-weight: 700;
    padding: 16px 24px;
    border-radius: 8px;
    margin: 12px 0;
    letter-spacing: 1px;
    user-select: all;
}

.password-warning[b-kbnwq8c65u] {
    font-size: 13px;
    color: #e65100;
    margin-top: 8px;
}

/* Alerts */
.alert[b-kbnwq8c65u] {
    padding: 12px 16px;
    border-radius: 8px;
    font-size: 14px;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.alert-success[b-kbnwq8c65u] {
    background: #e8f5e9;
    color: #2e7d32;
    border: 1px solid #c8e6c9;
}

.alert-danger[b-kbnwq8c65u] {
    background: #fce4ec;
    color: #c62828;
    border: 1px solid #f8bbd0;
}

.alert-admin[b-kbnwq8c65u] {
    border-radius: 8px;
    font-size: 14px;
}

.empty-text[b-kbnwq8c65u] {
    color: #adb5bd;
    font-size: 14px;
    text-align: center;
    padding: 20px 0;
}

/* Impersonate button */
.btn-impersonate[b-kbnwq8c65u] {
    background: #fff8e1;
    color: #f57f17;
}

.btn-impersonate:hover[b-kbnwq8c65u] {
    background: #ffecb3;
}

/* Impersonation URL box */
.impersonation-url-box[b-kbnwq8c65u] {
    background: #f5f5f5;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    padding: 16px 20px;
    margin: 12px 0;
    text-align: center;
}

.impersonation-link[b-kbnwq8c65u] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: #f57f17;
    color: #fff;
    padding: 10px 24px;
    border-radius: 8px;
    text-decoration: none;
    font-weight: 600;
    font-size: 14px;
    transition: background 0.2s;
}

.impersonation-link:hover[b-kbnwq8c65u] {
    background: #e65100;
    color: #fff;
    text-decoration: none;
}

/* Responsive */
@media (max-width: 768px) {
    .form-row[b-kbnwq8c65u] {
        grid-template-columns: 1fr;
    }

    .action-buttons-row[b-kbnwq8c65u] {
        flex-wrap: wrap;
    }
}
/* _content/HRIS/Components/Admin/Pages/Verify2fa.razor.rz.scp.css */
.admin-card[b-0naeqm2r6g] {
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.15);
    padding: 40px 36px 32px;
    max-width: 420px;
    margin: 80px auto 0;
}

.admin-logo[b-0naeqm2r6g] {
    width: 64px;
    height: 64px;
    background: linear-gradient(135deg, #4f6ef7, #3d5bd9);
    border-radius: 16px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 16px;
}

.admin-logo i[b-0naeqm2r6g] {
    font-size: 28px;
    color: #fff;
}

.admin-heading[b-0naeqm2r6g] {
    font-size: 22px;
    font-weight: 700;
    color: #1a1a2e;
    margin-bottom: 4px;
}

.admin-subheading[b-0naeqm2r6g] {
    font-size: 14px;
    color: #6c757d;
    margin-bottom: 28px;
}

.form-group-admin[b-0naeqm2r6g] {
    margin-bottom: 20px;
}

.form-group-admin label[b-0naeqm2r6g] {
    font-size: 14px;
    font-weight: 500;
    color: #333;
    margin-bottom: 6px;
    display: block;
}

.form-group-admin .form-control[b-0naeqm2r6g] {
    border: 1.5px solid #e0e0e0;
    border-radius: 8px;
    padding: 10px 14px;
    font-size: 14px;
    height: auto;
    transition: border-color 0.2s;
}

.form-group-admin .form-control:focus[b-0naeqm2r6g] {
    border-color: #4f6ef7;
    box-shadow: 0 0 0 3px rgba(79, 110, 247, 0.1);
}

.otp-input[b-0naeqm2r6g] {
    text-align: center;
    font-size: 24px !important;
    font-weight: 700;
    letter-spacing: 8px;
    font-family: 'Courier New', monospace;
}

.btn-admin-login[b-0naeqm2r6g] {
    width: 100%;
    padding: 12px;
    background-color: #4f6ef7;
    color: #fff;
    border: none;
    border-radius: 8px;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
    transition: background-color 0.2s;
    margin-top: 8px;
}

.btn-admin-login:hover[b-0naeqm2r6g] {
    background-color: #3d5bd9;
}

.alert-admin[b-0naeqm2r6g] {
    border-radius: 8px;
    font-size: 14px;
    padding: 10px 14px;
    margin-bottom: 20px;
}

.validation-message[b-0naeqm2r6g] {
    color: #dc3545;
    font-size: 12px;
    margin-top: 4px;
}

.back-link[b-0naeqm2r6g] {
    font-size: 14px;
    color: #4f6ef7;
    text-decoration: none;
}

.back-link:hover[b-0naeqm2r6g] {
    text-decoration: underline;
}

.mt-3[b-0naeqm2r6g] {
    margin-top: 16px;
}