/* ค่า default ของทุกแท็บ */
.colored-tabs .mud-tab .mud-icon-root {
    width: 28px;
    height: 28px;
    padding: 4px;
    border-radius: 50%;
/*    color: #fff !important;*/
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: all 0.25s ease;
    border: 2px solid transparent; /* มี border โปร่งใสไว้ก่อน */
}

/* สีพื้นหลังตามแท็บ */
.tab-success1 .mud-icon-root {
    background-color: #4CAF50 !important;
}

.tab-success .mud-icon-root {
    background-color: #2196F3 !important;
}
.tab-error .mud-icon-root {
    background-color: red !important;
}
.tab-warning .mud-icon-root {
    background-color: #FFB54D !important;
}


.tab-course .mud-icon-root {
    background-color: #F59E72 !important;
}

.tab-admission .mud-icon-root {
    background-color: #9C27B0 !important;
}

/* Hover → เปลี่ยนสีพื้นหลัง + แสดงกรอบบาง */
.tab-edu:hover .mud-icon-root {
    background-color: #66BB6A !important;
    border-color: #2E7D32;
}

.tab-success:hover .mud-icon-root {
    background-color: #42A5F5 !important;
    border-color: #1565C0;
}

.tab-course:hover .mud-icon-root {
    background-color: #FFB085 !important;
    border-color: #E65100;
}

.tab-admission:hover .mud-icon-root {
    background-color: #AB47BC !important;
    border-color: #6A1B9A;
}

/* Active (แท็บที่ถูกเลือก) → เน้นกรอบหนา + glow */
.colored-tabs .mud-tab.mud-tab-active .mud-icon-root {
    border: 2px solid currentColor;
    box-shadow: 0 0 6px rgba(0,0,0,0.25), 0 0 10px currentColor;
    transform: scale(1.15);
}


.modern-btn {
    border-radius: 8px !important;
    font-weight: 600 !important;
    letter-spacing: .4px;
   
    font-size: 0.85rem !important; /* ลดขนาดข้อความ */
    transition: all 0.20s ease-in-out;
    box-shadow: 0 2px 4px rgba(0,0,0,0.12); /* เงาเบาลง */
}

    /* hover effect */
    .modern-btn:hover {
        transform: translateY(-1px);
        box-shadow: 0 4px 8px rgba(0,0,0,0.18);
    }

    /* active (ตอนกด) */
    .modern-btn:active {
        transform: scale(0.96);
    }

    /* สีตัวอักษร */
    .modern-btn .mud-button-label {
        font-size: 0.85rem;
    }



/* สีพื้นฐานสำหรับกล่อง Breadcrumb */
/*.breadcrumb-light {
    color: #ffffff;
}*/

    /* 1) ลิงก์ (path ปกติ) */
    /*.breadcrumb-light .mud-breadcrumb-item a {
        color: #b0eaff !important;*/ /* สีฟ้าอ่อนสำหรับลิงก์ */
    /*}*/

        /* 2) Hover ให้ชัดขึ้น */
        /*.breadcrumb-light .mud-breadcrumb-item a:hover {
            color: #ffffff !important;
            text-decoration: underline;
        }*/

    /* 3) Active Path (เป็นตัวสุดท้ายใน breadcrumb) */
    /*.breadcrumb-light .mud-breadcrumb-item:last-child {
        color: #ffeb3b !important;*/ /* เหลืองสว่าง */
        /*font-weight: bold;*/ /* ขยายความเด่น */
    /*}*/

    /* 4) Disabled Item */
    /*.breadcrumb-light .mud-breadcrumb-item-disabled {
        color: #888888 !important;*/ /* เทาอ่อน */
    /*}*/