﻿/* ===== HELP & SUPPORT SECTION ===== */
.help-support-title {
    color: #fff;
    font-size: 18px;
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.support-item {
    background: rgba(255,255,255,0.08);
    padding: 12px 15px;
    border-radius: 8px;
    margin-bottom: 10px;
}

.support-item-blue {
    border-left: 3px solid #4d7cff;
}

.support-item-green {
    border-left: 3px solid #2ecc71;
}

.support-item-orange {
    border-left: 3px solid #f39c12;
}

.support-item-purple {
    border-left: 3px solid #9b59b6;
}

.support-item-flex {
    display: flex;
    align-items: center;
    gap: 12px;
}

.support-icon-blue {
    color: #4d7cff;
    font-size: 16px;
}

.support-icon-green {
    color: #2ecc71;
    font-size: 16px;
}

.support-icon-orange {
    color: #f39c12;
    font-size: 16px;
}

.support-icon-purple {
    color: #9b59b6;
    font-size: 16px;
}

.support-label {
    font-size: 13px;
    opacity: 0.8;
}

.support-value {
    font-weight: 600;
    font-size: 15px;
}

/* ===== QUICK LINKS ===== */
.quick-links-container {
    margin-top: 20px;
    padding-top: 15px;
    border-top: 1px solid rgba(255,255,255,0.15);
}

.quick-links-flex {
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
}

.quick-link-item {
    color: #a3c4ff;
    text-decoration: none;
    font-size: 13px;
    display: flex;
    align-items: center;
    gap: 5px;
}

/* ===== FOOTER ===== */
.footer-text {
    font-size: 13px;
    opacity: 0.7;
    position: relative;
    z-index: 2;
    margin-top: 20px;
}

.footer-separator {
    margin: 0 8px;
}

/* ===== FORM HEADERS ===== */
.form-header-title {
    color: #530F00;
    margin: 0;
}

.form-header-subtitle {
    color: #666;
    margin: 5px 0 0;
}

.form-header-contact {
    color: #666;
    font-size: 14px;
    background: #f5f5f5;
    padding: 10px;
    border-radius: 5px;
}

/* ===== OTP CONTAINER ===== */
.otp-container {
    /* Add any OTP container styles */
}

.resend-otp-container {
    text-align: center;
    margin-top: 15px;
}

.resend-otp-text {
    margin: 0;
}

/* ===== UPDATE FORM ===== */
.update-form-note {
    margin-top: 15px;
    padding: 10px;
    background: #f5f5f5;
    border-radius: 5px;
    text-align: center;
}

.update-form-note-text {
    color: #666;
}

/* ===== SUCCESS MESSAGE ===== */
.success-title {
    color: #530F00;
    margin-bottom: 15px;
}

.success-details {
    color: #666;
    margin-bottom: 30px;
}

/* ===== OR DIVIDER ===== */
.or-divider {
    /* Add OR divider styles if needed */
}

/* ===== FORM NOTES ===== */
.form-note {
    margin-top: 15px;
    padding: 10px;
    background: #f5f5f5;
    border-radius: 5px;
    text-align: center;
}

.form-note-text {
    color: #666;
}

/* ===== PASSWORD MATCH ===== */
.password-match {
    color: #666;
    font-size: 13px;
    display: none;
}

.password-match-visible {
    display: block;
}
