/* =========================================================
   EduPro Clean Responsive UI - 01/06
   Mục tiêu: tách scope, chống trùng class, chống lố width,
   giữ hover/action hiện có và tối ưu laptop.
   ========================================================= */

:root{
    --edu-clean-primary:#5b4bff;
    --edu-clean-primary-2:#7c3aed;
    --edu-clean-text:#07142f;
    --edu-clean-muted:#64748b;
    --edu-clean-border:#dbeafe;
    --edu-clean-card:#f4f8ff;
    --edu-clean-white:#fff;
    --edu-clean-radius:18px;
    --edu-clean-shadow:0 12px 28px rgba(15,23,42,.06);
}

.edupro-material-page,
.edupro-material-page *,
.edupro-class-form,
.edupro-class-form *,
.edupro-admin-page,
.edupro-admin-page *{
    box-sizing:border-box;
}

.edupro-teacher-material-layout,
.edupro-teacher-material-main,
.edupro-material-page,
.edupro-admin-page,
.edupro-main{
    min-width:0 !important;
    max-width:100% !important;
    overflow-x:hidden !important;
}

/* Thanh tải lên / bộ lọc tài liệu: không đẩy nút ra ngoài */
.edupro-material-page .edupro-upload-bar{
    width:100% !important;
    max-width:100% !important;
    display:grid !important;
    grid-template-columns:minmax(240px,.36fr) minmax(0,.64fr) !important;
    align-items:center !important;
    gap:18px !important;
    padding:24px !important;
    overflow:hidden !important;
}
.edupro-material-page .edupro-upload-actions{
    width:100% !important;
    min-width:0 !important;
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:12px !important;
    align-items:center !important;
}
.edupro-material-page .edupro-upload-actions input,
.edupro-material-page .edupro-upload-actions select,
.edupro-material-page .edupro-upload-actions button{
    max-width:100% !important;
    min-width:0 !important;
}
.edupro-material-page .edupro-upload-actions #edupro-open-upload-modal,
.edupro-material-page .edupro-upload-actions .edupro-btn-upload{
    min-width:132px !important;
    height:46px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:8px !important;
    white-space:nowrap !important;
}

/* Kho tài liệu: chỉ scope trong #edupro-material-list */
#edupro-material-list{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    overflow-x:hidden !important;
}
#edupro-material-list .edupro-material-folder-list,
#edupro-material-list .edupro-folder-browser{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    display:flex !important;
    flex-direction:column !important;
    gap:12px !important;
    overflow-x:hidden !important;
}
#edupro-material-list .edupro-folder-group{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    overflow:hidden !important;
    border:1px solid var(--edu-clean-border) !important;
    border-radius:var(--edu-clean-radius) !important;
    background:var(--edu-clean-card) !important;
    box-shadow:var(--edu-clean-shadow) !important;
}
#edupro-material-list .edupro-folder-head{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    min-height:70px !important;
    display:grid !important;
    align-items:center !important;
    gap:12px !important;
    padding:14px 16px !important;
    overflow:hidden !important;
    border:0 !important;
    border-radius:var(--edu-clean-radius) !important;
    background:var(--edu-clean-card) !important;
    color:var(--edu-clean-text) !important;
    text-align:left !important;
    cursor:pointer !important;
}
#edupro-material-list .edupro-folder-head .edupro-folder-icon{
    width:46px !important;
    height:46px !important;
    min-width:46px !important;
    border-radius:14px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    background:#fff !important;
    color:var(--edu-clean-primary) !important;
}
#edupro-material-list .edupro-folder-head .edupro-folder-title,
#edupro-material-list .edupro-folder-head .edupro-folder-title strong{
    min-width:0 !important;
    max-width:100% !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
    color:var(--edu-clean-text) !important;
    font-weight:800 !important;
}
#edupro-material-list .edupro-folder-head em,
#edupro-material-list .edupro-folder-head .edupro-folder-count{
    max-width:118px !important;
    height:32px !important;
    padding:0 12px !important;
    border-radius:999px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    background:#f0eaff !important;
    color:var(--edu-clean-primary) !important;
    font-style:normal !important;
    font-weight:800 !important;
    font-size:13px !important;
    line-height:1 !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
}
#edupro-material-list .edupro-folder-head .edupro-folder-quick-add{
    width:34px !important;
    height:34px !important;
    min-width:34px !important;
    max-width:34px !important;
    padding:0 !important;
    margin:0 !important;
    border:0 !important;
    border-radius:999px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    background:linear-gradient(135deg,var(--edu-clean-primary-2),var(--edu-clean-primary)) !important;
    color:#fff !important;
    font-size:0 !important;
    font-weight:900 !important;
    line-height:1 !important;
    box-shadow:0 8px 18px rgba(79,70,229,.22) !important;
    cursor:pointer !important;
    position:static !important;
    transform:none !important;
}
#edupro-material-list .edupro-folder-head .edupro-folder-quick-add::before{
    content:'+' !important;
    font-size:20px !important;
    line-height:1 !important;
    font-weight:900 !important;
}
#edupro-material-list .edupro-folder-head .edupro-folder-toggle,
#edupro-material-list .edupro-folder-head .edupro-folder-toggle-text{
    min-width:58px !important;
    max-width:76px !important;
    height:36px !important;
    padding:0 14px !important;
    border:1px solid #c7d2fe !important;
    border-radius:999px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    background:#fff !important;
    color:var(--edu-clean-primary) !important;
    font-weight:800 !important;
    white-space:nowrap !important;
    overflow:hidden !important;
}
#edupro-material-list .edupro-folder-body{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    overflow:hidden !important;
    padding:0 14px 14px !important;
}

/* Thẻ file tài liệu: action tách riêng, không trùng folder */
#edupro-material-list .edupro-material-card.edupro-material-folder-row,
#edupro-material-list .edupro-material-card.edupro-loose-material-card{
    position:relative !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    min-height:96px !important;
    overflow:hidden !important;
    border-radius:18px !important;
}
#edupro-material-list .edupro-material-card.edupro-material-folder-row .edupro-material-card-link,
#edupro-material-list .edupro-material-card.edupro-loose-material-card .edupro-material-card-link{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    display:grid !important;
    grid-template-columns:56px minmax(0,1fr) minmax(96px,135px) minmax(110px,170px) minmax(80px,120px) !important;
    align-items:center !important;
    gap:16px !important;
    padding:18px 260px 18px 18px !important;
    box-sizing:border-box !important;
}
#edupro-material-list .edupro-material-card-info,
#edupro-material-list .edupro-material-card-info h3,
#edupro-material-list .edupro-material-card-info p,
#edupro-material-list .edupro-material-folder-meta,
#edupro-material-list .edupro-material-folder-meta strong,
#edupro-material-list .edupro-material-folder-meta span{
    min-width:0 !important;
    max-width:100% !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
}
#edupro-material-list .edupro-material-owner-badge{
    position:absolute !important;
    right:18px !important;
    top:16px !important;
    z-index:5 !important;
    margin:0 !important;
}
#edupro-material-list .edupro-material-card .edupro-material-print,
#edupro-material-list .edupro-material-card .edupro-material-edit,
#edupro-material-list .edupro-material-card .edupro-material-delete{
    position:absolute !important;
    top:50% !important;
    bottom:auto !important;
    transform:translateY(-50%) !important;
    z-index:8 !important;
    margin:0 !important;
    opacity:0 !important;
    visibility:hidden !important;
    pointer-events:none !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    box-sizing:border-box !important;
    border-radius:12px !important;
    font-weight:800 !important;
    line-height:1 !important;
    white-space:nowrap !important;
}
#edupro-material-list .edupro-material-card:hover .edupro-material-print,
#edupro-material-list .edupro-material-card:hover .edupro-material-edit,
#edupro-material-list .edupro-material-card:hover .edupro-material-delete{
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
}
#edupro-material-list .edupro-material-card .edupro-material-print{
    right:166px !important;
    width:56px !important;
    height:38px !important;
    padding:0 12px !important;
    background:#dcfce7 !important;
    border:1px solid #86efac !important;
    color:#047857 !important;
}
#edupro-material-list .edupro-material-card .edupro-material-edit{
    right:72px !important;
    width:86px !important;
    height:38px !important;
    padding:0 12px !important;
    background:#eaf3ff !important;
    border:1px solid #bfdbfe !important;
    color:#2563eb !important;
}
#edupro-material-list .edupro-material-card .edupro-material-delete{
    right:18px !important;
    width:42px !important;
    height:42px !important;
    padding:0 !important;
    background:#fff1f2 !important;
    border:0 !important;
    color:#e11d48 !important;
}
#edupro-material-list .edupro-material-card .edupro-material-delete svg{
    width:18px !important;
    height:18px !important;
}

/* Form tạo/sửa lớp: chọn khối dạng list, không có thanh kéo ngang */
.edupro-class-fixed-picker,
.edupro-class-fixed-options,
.edupro-class-fixed-list,
.edupro-class-fixed-checklist{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    overflow-x:hidden !important;
}
.edupro-class-fixed-options,
.edupro-class-fixed-list,
.edupro-class-fixed-checklist{
    display:flex !important;
    flex-direction:column !important;
    gap:10px !important;
    max-height:260px !important;
    overflow-y:auto !important;
    padding:10px !important;
    border:1px solid #e0e7ff !important;
    border-radius:16px !important;
    background:#f8fbff !important;
}
.edupro-class-fixed-option{
    width:100% !important;
    max-width:100% !important;
    min-height:54px !important;
    display:flex !important;
    align-items:center !important;
    gap:12px !important;
    padding:12px 14px !important;
    border:1px solid #e0e7ff !important;
    border-radius:14px !important;
    background:#fff !important;
    color:#ef0b55 !important;
    font-weight:800 !important;
    overflow:hidden !important;
}
.edupro-class-fixed-option input{
    flex:0 0 18px !important;
    width:18px !important;
    height:18px !important;
    margin:0 !important;
}
.edupro-class-fixed-option[hidden],
.edupro-class-fixed-option.is-filter-hidden{
    display:none !important;
}

/* Chọn tài liệu/folder trong tạo lớp admin */
.edupro-class-material-list,
.edupro-class-material-folder-list{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    display:flex !important;
    flex-direction:column !important;
    gap:10px !important;
    overflow-x:hidden !important;
}
.edupro-class-material-folder{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    overflow:hidden !important;
    border:1px solid #dbeafe !important;
    border-radius:16px !important;
    background:#f8fbff !important;
}
.edupro-class-material-folder-head-wrap{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    display:grid !important;
    grid-template-columns:46px minmax(0,1fr) !important;
    gap:10px !important;
    align-items:stretch !important;
    overflow:hidden !important;
    padding:8px !important;
}
.edupro-class-material-folder-select{
    width:46px !important;
    min-width:46px !important;
    max-width:46px !important;
    min-height:58px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    padding:0 !important;
    margin:0 !important;
    border:1px solid #dbeafe !important;
    border-radius:14px !important;
    background:#fff !important;
    cursor:pointer !important;
}
.edupro-class-material-folder-select span{display:none !important;}
.edupro-class-material-folder-select input{
    width:18px !important;
    height:18px !important;
    margin:0 !important;
    cursor:pointer !important;
}
.edupro-class-material-folder-head{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    min-height:58px !important;
    display:grid !important;
    grid-template-columns:42px minmax(0,1fr) max-content max-content !important;
    align-items:center !important;
    gap:12px !important;
    padding:12px 14px !important;
    border:0 !important;
    border-radius:14px !important;
    background:#f4f8ff !important;
    text-align:left !important;
    overflow:hidden !important;
    cursor:pointer !important;
}
.edupro-class-material-folder-head .edupro-folder-title{
    min-width:0 !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
    color:#07142f !important;
    font-weight:800 !important;
}
.edupro-class-material-folder-head .edupro-folder-count,
.edupro-class-material-folder-head .edupro-folder-toggle{
    max-width:95px !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
}
.edupro-class-material-folder-body{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    padding:0 10px 10px 64px !important;
    overflow:hidden !important;
}
.edupro-class-material-item{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    display:grid !important;
    grid-template-columns:24px minmax(0,1fr) !important;
    gap:10px !important;
    align-items:center !important;
    padding:12px !important;
    border:1px solid #e2e8f0 !important;
    border-radius:14px !important;
    background:#fff !important;
    overflow:hidden !important;
}
.edupro-class-material-item [class*="title"],
.edupro-class-material-item strong,
.edupro-class-material-item span{
    min-width:0 !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
}

/* Laptop: nhỏ padding/margin/card, không phá chức năng */
@media (max-width:1500px){
    .edupro-main,
    .edupro-teacher-main,
    .edupro-teacher-material-main,
    .edupro-admin-page{
        padding-left:28px !important;
        padding-right:28px !important;
    }
    .edupro-material-page .edupro-upload-bar{
        padding:20px !important;
        gap:16px !important;
    }
    .edupro-material-page .edupro-upload-actions{
        grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    }
    .edupro-material-page .edupro-upload-actions #edupro-open-upload-modal,
    .edupro-material-page .edupro-upload-actions .edupro-btn-upload{
        width:100% !important;
    }
    #edupro-material-list .edupro-folder-head{
        grid-template-columns:46px minmax(0,1fr) max-content 34px !important;
        min-height:64px !important;
        padding:12px 14px !important;
        gap:10px !important;
    }
    #edupro-material-list .edupro-folder-head .edupro-folder-toggle,
    #edupro-material-list .edupro-folder-head .edupro-folder-toggle-text{
        display:none !important;
    }
    #edupro-material-list .edupro-material-card.edupro-material-folder-row .edupro-material-card-link,
    #edupro-material-list .edupro-material-card.edupro-loose-material-card .edupro-material-card-link{
        grid-template-columns:52px minmax(0,1fr) minmax(90px,120px) minmax(100px,150px) minmax(70px,105px) !important;
        padding-right:235px !important;
        gap:12px !important;
    }
}
@media (max-width:1280px){
    .edupro-main,
    .edupro-teacher-main,
    .edupro-teacher-material-main,
    .edupro-admin-page{
        padding-left:20px !important;
        padding-right:20px !important;
    }
    .edupro-material-page .edupro-upload-bar{
        grid-template-columns:1fr !important;
    }
    .edupro-material-page .edupro-upload-actions{
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    }
    #edupro-material-list .edupro-material-card.edupro-material-folder-row .edupro-material-card-link,
    #edupro-material-list .edupro-material-card.edupro-loose-material-card .edupro-material-card-link{
        grid-template-columns:52px minmax(0,1fr) !important;
        padding:16px 18px 72px 16px !important;
    }
    #edupro-material-list .edupro-material-folder-meta{display:none !important;}
    #edupro-material-list .edupro-material-owner-badge{right:18px !important;top:14px !important;}
    #edupro-material-list .edupro-material-card .edupro-material-print,
    #edupro-material-list .edupro-material-card .edupro-material-edit,
    #edupro-material-list .edupro-material-card .edupro-material-delete{
        top:auto !important;
        bottom:14px !important;
        transform:none !important;
        opacity:1 !important;
        visibility:visible !important;
        pointer-events:auto !important;
    }
    #edupro-material-list .edupro-material-card .edupro-material-print{left:16px !important;right:auto !important;}
    #edupro-material-list .edupro-material-card .edupro-material-edit{left:80px !important;right:auto !important;}
    #edupro-material-list .edupro-material-card .edupro-material-delete{left:176px !important;right:auto !important;}
}
@media (max-width:760px){
    .edupro-main,
    .edupro-teacher-main,
    .edupro-teacher-material-main,
    .edupro-admin-page{padding-left:12px !important;padding-right:12px !important;}
    .edupro-material-page .edupro-upload-actions{grid-template-columns:1fr !important;}
    #edupro-material-list .edupro-folder-head{grid-template-columns:42px minmax(0,1fr) 32px !important;}
    #edupro-material-list .edupro-folder-head em,
    #edupro-material-list .edupro-folder-head .edupro-folder-count{display:none !important;}
    .edupro-class-material-folder-head{grid-template-columns:36px minmax(0,1fr) max-content !important;}
    .edupro-class-material-folder-head .edupro-folder-toggle{display:none !important;}
    .edupro-class-material-folder-body{padding-left:10px !important;}
}

/* =========================================================
   01/06 FINAL: cố định lại cụm nút nổi file tài liệu
   - Không để rule responsive cũ kéo nút về bên trái
   - Không đè lên icon/tên tài liệu trong folder
   - Giữ hover trên PC, hiện ổn trên laptop nhỏ
========================================================= */
#edupro-material-list .edupro-material-card.edupro-material-folder-row,
#edupro-material-list .edupro-material-card.edupro-loose-material-card{
    position:relative !important;
    overflow:hidden !important;
    isolation:isolate !important;
}

#edupro-material-list .edupro-material-card.edupro-material-folder-row .edupro-material-card-link,
#edupro-material-list .edupro-material-card.edupro-loose-material-card .edupro-material-card-link{
    position:relative !important;
    z-index:1 !important;
    box-sizing:border-box !important;
}

#edupro-material-list .edupro-material-card.edupro-material-folder-row .edupro-material-print,
#edupro-material-list .edupro-material-card.edupro-material-folder-row .edupro-material-edit,
#edupro-material-list .edupro-material-card.edupro-material-folder-row .edupro-material-delete,
#edupro-material-list .edupro-material-card.edupro-loose-material-card .edupro-material-print,
#edupro-material-list .edupro-material-card.edupro-loose-material-card .edupro-material-edit,
#edupro-material-list .edupro-material-card.edupro-loose-material-card .edupro-material-delete{
    position:absolute !important;
    left:auto !important;
    top:50% !important;
    bottom:auto !important;
    transform:translateY(-50%) !important;
    z-index:20 !important;
    margin:0 !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    white-space:nowrap !important;
    line-height:1 !important;
    opacity:0 !important;
    visibility:hidden !important;
    pointer-events:none !important;
    box-sizing:border-box !important;
}

#edupro-material-list .edupro-material-card.edupro-material-folder-row:hover .edupro-material-print,
#edupro-material-list .edupro-material-card.edupro-material-folder-row:hover .edupro-material-edit,
#edupro-material-list .edupro-material-card.edupro-material-folder-row:hover .edupro-material-delete,
#edupro-material-list .edupro-material-card.edupro-loose-material-card:hover .edupro-material-print,
#edupro-material-list .edupro-material-card.edupro-loose-material-card:hover .edupro-material-edit,
#edupro-material-list .edupro-material-card.edupro-loose-material-card:hover .edupro-material-delete{
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
}

#edupro-material-list .edupro-material-card.edupro-material-folder-row .edupro-material-delete,
#edupro-material-list .edupro-material-card.edupro-loose-material-card .edupro-material-delete{
    right:18px !important;
    width:42px !important;
    min-width:42px !important;
    height:42px !important;
    padding:0 !important;
    border:0 !important;
    border-radius:14px !important;
    background:#fff1f2 !important;
    color:#e11d48 !important;
    box-shadow:0 8px 18px rgba(225,29,72,.12) !important;
}

#edupro-material-list .edupro-material-card.edupro-material-folder-row .edupro-material-edit,
#edupro-material-list .edupro-material-card.edupro-loose-material-card .edupro-material-edit{
    right:68px !important;
    width:106px !important;
    min-width:106px !important;
    height:40px !important;
    padding:0 16px !important;
    border:1px solid #bfdbfe !important;
    border-radius:14px !important;
    background:#eff6ff !important;
    color:#2563eb !important;
    font-weight:800 !important;
    box-shadow:0 8px 18px rgba(37,99,235,.10) !important;
}

#edupro-material-list .edupro-material-card.edupro-material-folder-row .edupro-material-print,
#edupro-material-list .edupro-material-card.edupro-loose-material-card .edupro-material-print{
    right:182px !important;
    width:62px !important;
    min-width:62px !important;
    height:40px !important;
    padding:0 14px !important;
    border:1px solid #86efac !important;
    border-radius:14px !important;
    background:#dcfce7 !important;
    color:#047857 !important;
    font-weight:800 !important;
    box-shadow:0 8px 18px rgba(4,120,87,.10) !important;
}

#edupro-material-list .edupro-material-card.edupro-material-folder-row .edupro-material-delete svg,
#edupro-material-list .edupro-material-card.edupro-loose-material-card .edupro-material-delete svg{
    width:18px !important;
    height:18px !important;
}

@media (min-width:1281px){
    #edupro-material-list .edupro-material-card.edupro-material-folder-row .edupro-material-card-link,
    #edupro-material-list .edupro-material-card.edupro-loose-material-card .edupro-material-card-link{
        padding-right:270px !important;
    }
}

@media (max-width:1280px){
    #edupro-material-list .edupro-material-card.edupro-material-folder-row,
    #edupro-material-list .edupro-material-card.edupro-loose-material-card{
        min-height:132px !important;
    }
    #edupro-material-list .edupro-material-card.edupro-material-folder-row .edupro-material-card-link,
    #edupro-material-list .edupro-material-card.edupro-loose-material-card .edupro-material-card-link{
        padding:16px 16px 68px 16px !important;
    }
    #edupro-material-list .edupro-material-card.edupro-material-folder-row .edupro-material-print,
    #edupro-material-list .edupro-material-card.edupro-material-folder-row .edupro-material-edit,
    #edupro-material-list .edupro-material-card.edupro-material-folder-row .edupro-material-delete,
    #edupro-material-list .edupro-material-card.edupro-loose-material-card .edupro-material-print,
    #edupro-material-list .edupro-material-card.edupro-loose-material-card .edupro-material-edit,
    #edupro-material-list .edupro-material-card.edupro-loose-material-card .edupro-material-delete{
        top:auto !important;
        bottom:16px !important;
        transform:none !important;
        opacity:1 !important;
        visibility:visible !important;
        pointer-events:auto !important;
    }
    #edupro-material-list .edupro-material-card.edupro-material-folder-row .edupro-material-delete,
    #edupro-material-list .edupro-material-card.edupro-loose-material-card .edupro-material-delete{
        right:16px !important;
        left:auto !important;
    }
    #edupro-material-list .edupro-material-card.edupro-material-folder-row .edupro-material-edit,
    #edupro-material-list .edupro-material-card.edupro-loose-material-card .edupro-material-edit{
        right:66px !important;
        left:auto !important;
    }
    #edupro-material-list .edupro-material-card.edupro-material-folder-row .edupro-material-print,
    #edupro-material-list .edupro-material-card.edupro-loose-material-card .edupro-material-print{
        right:180px !important;
        left:auto !important;
    }
}

@media (max-width:640px){
    #edupro-material-list .edupro-material-card.edupro-material-folder-row,
    #edupro-material-list .edupro-material-card.edupro-loose-material-card{
        min-height:170px !important;
    }
    #edupro-material-list .edupro-material-card.edupro-material-folder-row .edupro-material-card-link,
    #edupro-material-list .edupro-material-card.edupro-loose-material-card .edupro-material-card-link{
        padding-bottom:112px !important;
    }
    #edupro-material-list .edupro-material-card.edupro-material-folder-row .edupro-material-print,
    #edupro-material-list .edupro-material-card.edupro-material-folder-row .edupro-material-edit,
    #edupro-material-list .edupro-material-card.edupro-material-folder-row .edupro-material-delete,
    #edupro-material-list .edupro-material-card.edupro-loose-material-card .edupro-material-print,
    #edupro-material-list .edupro-material-card.edupro-loose-material-card .edupro-material-edit,
    #edupro-material-list .edupro-material-card.edupro-loose-material-card .edupro-material-delete{
        bottom:18px !important;
    }
    #edupro-material-list .edupro-material-card.edupro-material-folder-row .edupro-material-print,
    #edupro-material-list .edupro-material-card.edupro-loose-material-card .edupro-material-print{
        left:16px !important;
        right:auto !important;
    }
    #edupro-material-list .edupro-material-card.edupro-material-folder-row .edupro-material-edit,
    #edupro-material-list .edupro-material-card.edupro-loose-material-card .edupro-material-edit{
        left:86px !important;
        right:auto !important;
    }
    #edupro-material-list .edupro-material-card.edupro-material-folder-row .edupro-material-delete,
    #edupro-material-list .edupro-material-card.edupro-loose-material-card .edupro-material-delete{
        left:202px !important;
        right:auto !important;
    }
}

/* =========================================================
   01/06 FINAL PATCH: sắp xếp tag Admin/Giáo viên + cụm nút nổi
   - Tag luôn nằm góc trên phải, không chen vào cụm nút
   - Nút In / Chỉnh sửa / Xóa nằm một hàng gọn ở dưới phải
   - Không đè icon, tên file, meta và không tràn width laptop
========================================================= */
#edupro-material-list .edupro-material-card.edupro-material-folder-row,
#edupro-material-list .edupro-material-card.edupro-loose-material-card{
    position:relative !important;
    min-height:128px !important;
    overflow:hidden !important;
    padding:0 !important;
}

#edupro-material-list .edupro-material-card.edupro-material-folder-row .edupro-material-card-link,
#edupro-material-list .edupro-material-card.edupro-loose-material-card .edupro-material-card-link{
    padding:22px 280px 22px 22px !important;
    min-height:128px !important;
}

#edupro-material-list .edupro-material-card.edupro-material-folder-row > .edupro-material-owner-badge,
#edupro-material-list .edupro-material-card.edupro-loose-material-card > .edupro-material-owner-badge,
#edupro-material-list .edupro-material-card > .edupro-material-owner-badge{
    position:absolute !important;
    top:18px !important;
    right:24px !important;
    left:auto !important;
    bottom:auto !important;
    transform:none !important;
    z-index:18 !important;
    min-width:auto !important;
    width:auto !important;
    height:34px !important;
    padding:0 16px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    border-radius:999px !important;
    margin:0 !important;
    white-space:nowrap !important;
    pointer-events:none !important;
    font-size:14px !important;
    line-height:1 !important;
}

#edupro-material-list .edupro-material-card.edupro-material-folder-row > .edupro-material-print,
#edupro-material-list .edupro-material-card.edupro-material-folder-row > .edupro-material-edit,
#edupro-material-list .edupro-material-card.edupro-material-folder-row > .edupro-material-delete,
#edupro-material-list .edupro-material-card.edupro-loose-material-card > .edupro-material-print,
#edupro-material-list .edupro-material-card.edupro-loose-material-card > .edupro-material-edit,
#edupro-material-list .edupro-material-card.edupro-loose-material-card > .edupro-material-delete,
#edupro-material-list .edupro-material-card > .edupro-material-print,
#edupro-material-list .edupro-material-card > .edupro-material-edit,
#edupro-material-list .edupro-material-card > .edupro-material-delete{
    position:absolute !important;
    top:auto !important;
    bottom:22px !important;
    left:auto !important;
    transform:none !important;
    z-index:22 !important;
    margin:0 !important;
    opacity:0 !important;
    visibility:hidden !important;
    pointer-events:none !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    box-sizing:border-box !important;
    white-space:nowrap !important;
}

#edupro-material-list .edupro-material-card:hover > .edupro-material-print,
#edupro-material-list .edupro-material-card:hover > .edupro-material-edit,
#edupro-material-list .edupro-material-card:hover > .edupro-material-delete{
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
}

#edupro-material-list .edupro-material-card > .edupro-material-delete{
    right:24px !important;
    width:44px !important;
    min-width:44px !important;
    height:44px !important;
    padding:0 !important;
    border-radius:16px !important;
}

#edupro-material-list .edupro-material-card > .edupro-material-edit{
    right:78px !important;
    width:128px !important;
    min-width:128px !important;
    height:44px !important;
    padding:0 18px !important;
    border-radius:16px !important;
}

#edupro-material-list .edupro-material-card > .edupro-material-print{
    right:216px !important;
    width:78px !important;
    min-width:78px !important;
    height:44px !important;
    padding:0 16px !important;
    border-radius:16px !important;
}

@media (max-width:1500px){
    #edupro-material-list .edupro-material-card.edupro-material-folder-row,
    #edupro-material-list .edupro-material-card.edupro-loose-material-card{
        min-height:118px !important;
    }
    #edupro-material-list .edupro-material-card.edupro-material-folder-row .edupro-material-card-link,
    #edupro-material-list .edupro-material-card.edupro-loose-material-card .edupro-material-card-link{
        padding:18px 248px 18px 18px !important;
        min-height:118px !important;
        gap:12px !important;
        grid-template-columns:52px minmax(0,1fr) minmax(92px,125px) minmax(100px,150px) minmax(76px,110px) !important;
    }
    #edupro-material-list .edupro-material-card > .edupro-material-owner-badge{
        top:14px !important;
        right:18px !important;
        height:32px !important;
        padding:0 14px !important;
        font-size:13px !important;
    }
    #edupro-material-list .edupro-material-card > .edupro-material-delete{
        right:18px !important;
        bottom:18px !important;
        width:40px !important;
        min-width:40px !important;
        height:40px !important;
    }
    #edupro-material-list .edupro-material-card > .edupro-material-edit{
        right:66px !important;
        bottom:18px !important;
        width:112px !important;
        min-width:112px !important;
        height:40px !important;
    }
    #edupro-material-list .edupro-material-card > .edupro-material-print{
        right:186px !important;
        bottom:18px !important;
        width:66px !important;
        min-width:66px !important;
        height:40px !important;
    }
}

@media (max-width:1180px){
    #edupro-material-list .edupro-material-card.edupro-material-folder-row,
    #edupro-material-list .edupro-material-card.edupro-loose-material-card{
        min-height:152px !important;
    }
    #edupro-material-list .edupro-material-card.edupro-material-folder-row .edupro-material-card-link,
    #edupro-material-list .edupro-material-card.edupro-loose-material-card .edupro-material-card-link{
        display:grid !important;
        grid-template-columns:52px minmax(0,1fr) minmax(80px,110px) !important;
        padding:16px 18px 72px 18px !important;
        min-height:152px !important;
    }
    #edupro-material-list .edupro-material-card > .edupro-material-owner-badge{
        top:16px !important;
        right:18px !important;
    }
    #edupro-material-list .edupro-material-card > .edupro-material-print,
    #edupro-material-list .edupro-material-card > .edupro-material-edit,
    #edupro-material-list .edupro-material-card > .edupro-material-delete{
        opacity:1 !important;
        visibility:visible !important;
        pointer-events:auto !important;
        bottom:16px !important;
    }
}

/* EduPro clean 02/06: dropdown điều hướng câu hỏi chỉ hiện Part - Kỹ năng, bỏ số câu đã làm */
.edupro-student-question-bottom-dropdown .edupro-student-question-bottom-option,
.edupro-bank-preview-shell .edupro-student-question-bottom-dropdown .edupro-student-question-bottom-option,
.edupro-student-homework-detail-card .edupro-student-question-bottom-dropdown .edupro-student-question-bottom-option{
    justify-content:flex-start!important;
    text-align:left!important;
}
.edupro-student-question-bottom-dropdown .edupro-student-question-bottom-option strong,
.edupro-bank-preview-shell .edupro-student-question-bottom-dropdown .edupro-student-question-bottom-option strong,
.edupro-student-homework-detail-card .edupro-student-question-bottom-dropdown .edupro-student-question-bottom-option strong{
    display:block!important;
    width:100%!important;
    min-width:0!important;
    font-size:15px!important;
    line-height:1.35!important;
    font-weight:900!important;
    white-space:normal!important;
}
.edupro-student-question-bottom-dropdown .edupro-student-question-bottom-option span{
    display:none!important;
}
.edupro-student-question-bottom-part [data-question-part-current]{
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
}

/* =========================================================
   04/06 v10: Không dùng position:absolute cho nút chỉnh sửa folder/tài liệu
   - Tránh nút Chỉnh sửa đè lên nội dung folder cha
   - Đưa cụm In / Chỉnh sửa / Xóa về flow thường dưới card
========================================================= */
#edupro-material-list .edupro-material-card.edupro-material-folder-row,
#edupro-material-list .edupro-material-card.edupro-loose-material-card,
#edupro-material-list .edupro-material-card.edupro-material-file-row,
#edupro-material-list .edupro-material-card.edupro-teacher-material-row,
#edupro-material-list .edupro-material-card.edupro-admin-material-row{
    overflow:visible!important;
    min-height:auto!important;
    padding:18px 60px 18px 18px!important;
    display:flex!important;
    flex-wrap:wrap!important;
    align-items:center!important;
    gap:10px!important;
}
#edupro-material-list .edupro-material-card.edupro-material-folder-row .edupro-material-card-link,
#edupro-material-list .edupro-material-card.edupro-loose-material-card .edupro-material-card-link,
#edupro-material-list .edupro-material-card.edupro-material-file-row .edupro-material-card-link,
#edupro-material-list .edupro-material-card.edupro-teacher-material-row .edupro-material-card-link,
#edupro-material-list .edupro-material-card.edupro-admin-material-row .edupro-material-card-link,
.edupro-material-folder-row .edupro-material-card-link,
.edupro-material-file-row .edupro-material-card-link,
.edupro-teacher-material-row .edupro-material-card-link,
.edupro-admin-material-row .edupro-material-card-link{
    flex:1 1 100%!important;
    width:100%!important;
    min-height:auto!important;
    padding:0!important;
    padding-right:0!important;
}
#edupro-material-list .edupro-material-card.edupro-material-folder-row > .edupro-material-print,
#edupro-material-list .edupro-material-card.edupro-material-folder-row > .edupro-material-edit,
#edupro-material-list .edupro-material-card.edupro-material-folder-row > .edupro-material-delete,
#edupro-material-list .edupro-material-card.edupro-loose-material-card > .edupro-material-print,
#edupro-material-list .edupro-material-card.edupro-loose-material-card > .edupro-material-edit,
#edupro-material-list .edupro-material-card.edupro-loose-material-card > .edupro-material-delete,
#edupro-material-list .edupro-material-card.edupro-material-file-row > .edupro-material-print,
#edupro-material-list .edupro-material-card.edupro-material-file-row > .edupro-material-edit,
#edupro-material-list .edupro-material-card.edupro-material-file-row > .edupro-material-delete,
#edupro-material-list .edupro-material-card.edupro-teacher-material-row > .edupro-material-print,
#edupro-material-list .edupro-material-card.edupro-teacher-material-row > .edupro-material-edit,
#edupro-material-list .edupro-material-card.edupro-teacher-material-row > .edupro-material-delete,
#edupro-material-list .edupro-material-card.edupro-admin-material-row > .edupro-material-print,
#edupro-material-list .edupro-material-card.edupro-admin-material-row > .edupro-material-edit,
#edupro-material-list .edupro-material-card.edupro-admin-material-row > .edupro-material-delete,
.edupro-material-folder-row > .edupro-material-print,
.edupro-material-folder-row > .edupro-material-edit,
.edupro-material-folder-row > .edupro-material-delete,
.edupro-material-file-row > .edupro-material-print,
.edupro-material-file-row > .edupro-material-edit,
.edupro-material-file-row > .edupro-material-delete,
.edupro-teacher-material-row > .edupro-material-print,
.edupro-teacher-material-row > .edupro-material-edit,
.edupro-teacher-material-row > .edupro-material-delete,
.edupro-admin-material-row > .edupro-material-print,
.edupro-admin-material-row > .edupro-material-edit,
.edupro-admin-material-row > .edupro-material-delete{
    position:static!important;
    inset:auto!important;
    left:auto!important;
    right:auto!important;
    top:auto!important;
    bottom:auto!important;
    transform:none!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    display:inline-flex!important;
    margin:8px 8px 0 0!important;
    z-index:1!important;
}
#edupro-material-list .edupro-material-card > .edupro-material-owner-badge{
    position:static!important;
    order:5!important;
    margin:8px 0 0 auto!important;
    pointer-events:none!important;
}
.edupro-material-folder-row > .edupro-material-print,
.edupro-material-file-row > .edupro-material-print,
.edupro-teacher-material-row > .edupro-material-print,
.edupro-admin-material-row > .edupro-material-print{
    order:2!important;
}
.edupro-material-folder-row > .edupro-material-edit,
.edupro-material-file-row > .edupro-material-edit,
.edupro-teacher-material-row > .edupro-material-edit,
.edupro-admin-material-row > .edupro-material-edit{
    order:3!important;
}
.edupro-material-folder-row > .edupro-material-delete,
.edupro-material-file-row > .edupro-material-delete,
.edupro-teacher-material-row > .edupro-material-delete,
.edupro-admin-material-row > .edupro-material-delete{
    order:4!important;
}