/* ── ENS Account Layout ── */
.oauth-app .art-wrapper { position: relative; }
.oauth-app .art-wrapper-img { filter: brightness(35%) !important; }
.ens-art-overlay {
    position: absolute; inset: 0;
    background: linear-gradient(160deg, rgba(139,26,47,.55) 0%, rgba(28,107,74,.35) 100%);
    pointer-events: none; z-index: 1;
}
.ens-art-brand {
    position: absolute; bottom: 48px; left: 0; right: 0;
    z-index: 2; padding: 0 48px;
    display: flex; flex-direction: column; gap: 12px;
}
.ens-art-brand-badge {
    display: inline-flex; align-items: center; gap: 10px;
    background: rgba(255,255,255,.1); backdrop-filter: blur(8px);
    border: 1px solid rgba(255,255,255,.18); border-radius: 10px;
    padding: 10px 18px; width: fit-content;
}
.ens-art-brand-dot {
    width: 10px; height: 10px; border-radius: 50%;
    background: #c8a96e; flex-shrink: 0;
}
.ens-art-brand-name {
    color: #fff; font-family: Poppins, sans-serif;
    font-size: 15px; font-weight: 700; letter-spacing: .02em;
}
.ens-art-brand-sub {
    color: rgba(255,255,255,.7); font-family: Poppins, sans-serif;
    font-size: 12px; font-weight: 400; margin-top: 4px;
}
.ens-art-accent {
    width: 48px; height: 4px; border-radius: 2px;
    background: linear-gradient(to right, #8b1a2f, #c8a96e);
    margin-bottom: 8px;
}
.ens-art-tagline {
    color: rgba(255,255,255,.85); font-family: Poppins, sans-serif;
    font-size: 22px; font-weight: 700; line-height: 1.35; max-width: 320px;
}
.ens-art-tagline span { color: #c8a96e; }
.oauth-app .content-wrapper { border-top: 4px solid #8b1a2f !important; }
.ens-login-btn {
    width: 100%; height: 48px; background: #8b1a2f; color: #fff !important;
    border: none; border-radius: 8px; font-family: Poppins, sans-serif;
    font-size: 15px; font-weight: 600; cursor: pointer;
    transition: background .2s; letter-spacing: .01em;
}
.ens-login-btn:hover { background: #6b1226; }
.KY-btn-light {
    border: 1.5px solid #e0d8d0 !important;
    border-radius: 8px !important;
    transition: border-color .2s, box-shadow .2s !important;
}
.KY-btn-light:hover { border-color: #8b1a2f !important; box-shadow: 0 2px 8px rgba(139,26,47,.12) !important; }
.theme-color { color: #8b1a2f !important; }
.divider-card::before { border-color: #e0d8d0 !important; }

/* ── Shared account page components ── */
.ens-social-btn {
    display: flex; align-items: center; gap: 12px;
    border: 1.5px solid #e0d8d0; border-radius: 8px;
    padding: 11px 18px; background: #fff; text-decoration: none !important;
    transition: border-color .2s, box-shadow .2s; margin-bottom: 10px;
    color: #1a2128 !important;
}
.ens-social-btn:hover { border-color: #8b1a2f; box-shadow: 0 2px 10px rgba(139,26,47,.1); }
.ens-social-btn img { width: 22px; height: 22px; }
.ens-social-btn-text { flex: 1; text-align: center; font-size: 14px; font-weight: 600; }
.ens-divider {
    display: flex; align-items: center; gap: 12px;
    margin: 20px 0; color: #9aabb5; font-size: 12px; font-weight: 500;
}
.ens-divider::before, .ens-divider::after { content: ''; flex: 1; height: 1px; background: #e8e2da; }
.ens-submit-btn {
    width: 100%; height: 48px; background: #8b1a2f; color: #fff !important;
    border: none; border-radius: 8px; font-family: Poppins, sans-serif;
    font-size: 15px; font-weight: 600; cursor: pointer;
    transition: background .2s; letter-spacing: .01em; margin-top: 20px;
}
.ens-submit-btn:hover { background: #6b1226; }

/* ── ENS Login Page ── */
.ens-login-wrap { font-family: Poppins, Tajawal, sans-serif; }
.ens-login-heading { font-size: 22px; font-weight: 700; color: #1a2128; text-align: center; margin-bottom: 4px; }
.ens-login-subheading { font-size: 13px; color: #6b7c88; text-align: center; margin-bottom: 28px; }
.ens-login-section-label {
    display: none;
}
.ens-login-section-label::before { content: ''; width: 20px; height: 2px; background: #c8a96e; flex-shrink: 0; }
.ens-login-error { background: #fef2f4; border: 1px solid #f5c2cb; border-radius: 8px; color: #8b1a2f; font-size: 13px; padding: 10px 14px; margin-bottom: 16px; }
.ens-forgot-row { display: flex; justify-content: flex-end; margin-top: 6px; margin-bottom: 4px; }
.ens-forgot { font-size: 13px; font-weight: 600; color: #8b1a2f !important; text-decoration: none !important; }
.ens-forgot:hover { color: #6b1226 !important; }
.ens-register-text { font-size: 13px; color: #6b7c88; text-align: center; margin-top: 16px; }
.ens-register-text a { color: #8b1a2f !important; font-weight: 600; text-decoration: none !important; }

/* ── ENS Registration Page ── */
.ens-reg-wrap { font-family: Poppins, Tajawal, sans-serif; }
.ens-reg-heading { font-size: 22px; font-weight: 700; color: #1a2128; text-align: center; margin-bottom: 4px; }
.ens-reg-subheading { font-size: 13px; color: #6b7c88; text-align: center; margin-bottom: 24px; }
.ens-reg-section-label {
    display: none;
}
.ens-reg-section-label::before { content: ''; width: 20px; height: 2px; background: #c8a96e; flex-shrink: 0; }
.ens-reg-error { background: #fef2f4; border: 1px solid #f5c2cb; border-radius: 8px; color: #8b1a2f; font-size: 13px; padding: 10px 14px; margin-bottom: 16px; }
.ens-name-row { display: flex; gap: 12px; }
.ens-name-row .KY-form-widgets { flex: 1; }
.ens-login-text { font-size: 13px; color: #6b7c88; text-align: center; margin-top: 16px; }
.ens-login-text a { color: #8b1a2f !important; font-weight: 600; text-decoration: none !important; }