/* ==========================================================================
   ==========================================================================
   PRINCIPAL PROFILE PAGE STYLES (principal.css)
   ==========================================================================
   ========================================================================== */

/* Main Card Wrapper */
.m_sms_pr_card {
    background-color: #ffffff;
    border-radius: 8px;
    overflow: hidden;
    border: 1px solid #e2e8f0 !important;
    font-family: 'Noto Sans Bengali', sans-serif;
}

/* Custom Typography Helpers */
.fs-7 {
    font-size: 13.5px !important;
}

.fs-8 {
    font-size: 12px !important;
}

/* --- Left Column: Full Image Container --- */
.m_sms_pr_full_img_wrap {
    width: 100%;
    max-width: 240px; /* নির্দিষ্ট ফিক্সড ম্যাক্স উইডথ */
    height: 280px;    /* প্রপার পোট্রেট হাইট */
    overflow: hidden;
    border-radius: 6px;
}

.m_sms_pr_full_img_wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* ছবিকে না কেটে সুন্দরভাবে ফ্রেমের ভেতর ফিট করবে */
    object-position: top center;
}

.m_sms_pr_info_list li {
    color: #334155;
}

/* --- Right Column: Qualification Table & Exp --- */
.m_sms_pr_qual_box {
    border-color: #e2e8f0 !important;
}

.m_sms_pr_qual_box .table th {
    font-size: 13px;
    font-weight: 600;
}

.m_sms_pr_qual_box .table td {
    color: #475569;
}

/* --- Bottom Full Width Message Box --- */
.m_sms_pr_msg_box {
    background-color: #f8fafc !important;
    border-color: #cbd5e1 !important;
}

.m_sms_pr_msg_text p {
    margin-bottom: 1rem;
    text-align: justify;
    line-height: 1.7;
}

.m_sms_pr_msg_text p:last-child {
    margin-bottom: 0;
}

/* ==========================================================================
   RESPONSIVE MEDIA QUERIES (Mobile, Tablet & Laptop)
   ========================================================================== */

/* Laptop Screens (992px to 1199px) */
@media (max-width: 1199.98px) {
    .m_sms_pr_full_img_wrap {
        max-width: 220px;
        height: 260px;
    }
}

/* Tablet Screens (768px to 991.98px) */
@media (max-width: 991.98px) {
    .m_sms_pr_profile_box, 
    .m_sms_pr_qual_box {
        height: auto !important;
    }
    .m_sms_pr_full_img_wrap {
        max-width: 200px;
        height: 240px;
    }
}

/* Mobile Devices (Max 575.98px) */
@media (max-width: 575.98px) {
    .m_sms_pr_full_img_wrap {
        max-width: 180px;
        height: 220px;
    }

    .m_sms_pr_msg_text p {
        text-align: left;
        font-size: 13px;
    }

    .m_sms_pr_qual_box .table {
        min-width: 480px; /* মোবাইলে টেবিল স্ক্রোলযোগ্য রাখার জন্য */
    }
}