/* ============================================
   Lớp học — Học sinh (THAT)
   CSS bổ sung riêng cho trang Lớp học phía HS
   Reference gốc: style-reference/lop-hoc.css
   ============================================ */

/* --- Phosphor icon sizing inside item-tk-class --- */
.item-tk-class .flex-1-name .icon i {
    font-size: 18px;
    color: #858D9A;
}

/* --- Phosphor icon sizing for box-action-dots --- */
.box-action-dots>.icon i {
    font-size: 16px;
    color: #858D9A;
}

/* --- Button icon (arrow-right) --- */
.btn-ql-class .btn-bg-icon .icon i {
    font-size: 16px;
    color: #4141A8;
    transition: all .3s;
}

/* --- Pulse Dot & Blue Badge --- */
.label-category.label-blue {
    background: #2D8CFF;
    gap: 0 6px;
}

.dot-pulse {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #fff;
    position: relative;
    display: inline-block;
}

.dot-pulse::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: inherit;
    animation: pulse 1.5s infinite;
}

@keyframes pulse {
    0% {
        width: 100%;
        height: 100%;
        opacity: 0.6;
    }

    100% {
        width: 250%;
        height: 250%;
        opacity: 0;
    }
}


.number-process {
    color: #db902b;
    font-size: 16px;
    font-weight: 700;
}