/* Main layout */
.mahindra-registration-layout {
    width: 100%;
    margin: 0 auto;
    padding: 20px;
}

/* Registration / Login card - unchanged */
.auth-card-column {
    min-width: 0;
}

/* Contact column */
.mahindra-contact-column {
    min-width: 0;
    padding: 10px 15px;
}

/* Common contact scrollbar */
.mahindra-contact-scroll {
    width: 100%;
    overflow-y: auto;
    overflow-x: auto;
    padding: 0 8px 10px 15px;

    scrollbar-width: thin;
    scrollbar-color: #888 #e9ecef;
}

/* Login view - smaller contact section */
.login-contact-scroll {
    height: 350px;
    max-height: 350px;
}

/* Registration view */
.registration-contact-scroll {
    height: 510px;
    max-height: 510px;
}

/* Contact content */
.mahindra-contact-info {
    width: 100%;
    height: auto;
    overflow: visible;
}

/* Heading */
.mahindra-contact-info h4 {
    font-size: 20px;
    margin-top: 0;
    margin-bottom: 15px;
}

/* Contact details */
.mahindra-query-details {
    font-size: 14px;
    line-height: 1.6;
    overflow-wrap: anywhere;
}

/* Table */
.mahindra-table-wrapper {
    width: 100%;
    margin-top: 20px;
}

.mahindra-contact-table {
    width: 100%;
    table-layout: fixed;
    font-size: 12px;
}

/* Scrollbar */
.mahindra-contact-scroll::-webkit-scrollbar {
    width: 7px;
}

.mahindra-contact-scroll::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 10px;
}

/* Mobile */
@media (max-width: 767px) {
    .login-contact-scroll {
        height: 300px;
    }

    .registration-contact-scroll {
        height: 400px;
    }
}