.edupro-teacher-material-layout {
    min-height: 100vh;
    display: flex;
    background: #f5f8fc;
    color: #0f172a;
}

.edupro-teacher-material-main {
    flex: 1;
    min-height: 100vh;
    margin-left: 270px;
    padding: 40px 52px;
    box-sizing: border-box;
}

.edupro-material-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 34px;
}

.edupro-material-header h1 {
    margin: 0 0 8px;
    font-size: 32px;
    color: #061733;
    font-weight: 900;
}

.edupro-material-header p {
    margin: 0;
    color: #526783;
    font-size: 16px;
}

.edupro-material-select-small,
.edupro-upload-actions select,
.edupro-form-group input,
.edupro-form-group select {
    height: 48px;
    border: 1px solid #bfd0e4;
    border-radius: 12px;
    background: #fff;
    color: #142846;
    padding: 0 14px;
    outline: none;
    box-sizing: border-box;
}

.edupro-material-select-small:focus,
.edupro-upload-actions select:focus,
.edupro-form-group input:focus,
.edupro-form-group select:focus {
    border-color: #4f46e5;
    box-shadow: 0 0 0 3px rgba(79, 70, 229, 0.12);
}

.edupro-upload-bar {
    background: #fff;
    border: 1px solid #d8e1ec;
    border-radius: 16px;
    padding: 26px;
    box-shadow: 0 3px 10px rgba(15, 23, 42, .08);
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 24px;
    margin-bottom: 34px;
}

.edupro-upload-bar h2 {
    margin: 0 0 8px;
    font-size: 20px;
    color: #061733;
    font-weight: 900;
}

.edupro-upload-bar p {
    margin: 0;
    color: #526783;
}

.edupro-upload-actions {
    display: flex;
    align-items: center;
    gap: 12px;
}

.edupro-upload-actions select {
    min-width: 190px;
}

.edupro-btn-upload,
.edupro-btn-listening {
    height: 48px;
    border: 0;
    border-radius: 12px;
    padding: 0 20px;
    color: #fff;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    transition: all .2s ease;
    white-space: nowrap;
}

.edupro-btn-upload svg {
    width: 19px;
    height: 19px;
}

.edupro-btn-upload {
    background: #4f46e5;
    box-shadow: 0 10px 22px rgba(79, 70, 229, .22);
}

.edupro-btn-listening {
    background: #059669;
    box-shadow: 0 10px 22px rgba(5, 150, 105, .2);
}

.edupro-btn-upload:hover,
.edupro-btn-listening:hover {
    transform: translateY(-1px);
}

.edupro-material-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
}

.edupro-material-card {
    position: relative;
    background: #fff;
    border: 1px solid #d8e1ec;
    border-radius: 16px;
    min-height: 104px;
    box-shadow: 0 3px 10px rgba(15, 23, 42, .07);
    transition: all .25s ease;
    overflow: hidden;
}

.edupro-material-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 16px 30px rgba(15, 23, 42, .1);
}

.edupro-material-card-link {
    padding: 22px;
    display: flex;
    gap: 18px;
    align-items: center;
    text-decoration: none;
    color: #061733;
}

.edupro-material-card-icon {
    width: 52px;
    height: 52px;
    border-radius: 13px;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 52px;
}

.edupro-material-card-icon svg {
    width: 25px;
    height: 25px;
}

.edupro-material-card-icon.file-red {
    background: #fff1f2;
    color: #f43f5e;
}

.edupro-material-card-icon.file-blue {
    background: #eff6ff;
    color: #2563eb;
}

.edupro-material-card-icon.file-gray,
.edupro-material-card-icon.link {
    background: #f1f5f9;
    color: #64748b;
}

.edupro-material-card-icon.video {
    background: #faf5ff;
    color: #9333ea;
}

.edupro-material-card-icon.screen {
    background: #ecfdf5;
    color: #059669;
}

.edupro-material-card-info h3 {
    margin: 0 0 8px;
    font-size: 17px;
    color: #061733;
    max-width: 260px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.edupro-material-meta {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #526783;
    font-size: 13px;
    flex-wrap: wrap;
}

.edupro-material-meta .category {
    border-radius: 999px;
    padding: 5px 11px;
    font-size: 10px;
}

.edupro-material-meta .giao_trinh {
    background: #eef2ff;
    color: #4f46e5;
}

.edupro-material-meta .tham_khao {
    background: #fef3c7;
    color: #d97706;
}

.edupro-material-meta .bai_tap {
    background: #dcfce7;
    color: #059669;
}

.edupro-material-meta .khac {
    background: #f1f5f9;
    color: #475569;
}

.edupro-material-card-info p {
    margin: 7px 0 0;
    color: #7890ad;
    font-size: 12px;
}

.edupro-material-delete {
    position: absolute;
    right: 10px;
    top: 10px;
    width: 34px;
    padding: 8px 0px !important;
    height: 34px;
    border: 0;
    border-radius: 10px;
    background: #fff1f2;
    color: #e11d48;
    display: none;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.edupro-material-delete svg {
    width: 17px;
    height: 17px;
}

.edupro-material-card:hover .edupro-material-delete {
    display: flex;
}

.edupro-material-loading,
.edupro-material-empty {
    background: #fff;
    border: 1px solid #d8e1ec;
    color: #526783;
    border-radius: 14px;
    padding: 24px;
    font-weight: 700;
}

.edupro-modal-open {
    overflow: hidden;
}

.edupro-modal-overlay {
    position: fixed;
    inset: 0;
    background: rgba(15, 23, 42, .48);
    backdrop-filter: blur(6px);
    z-index: 9999;
    display: none;
    align-items: center;
    justify-content: center;
    padding: 20px;
}

.edupro-modal-overlay.is-open {
    display: flex;
}

.edupro-modal {
    width: 100%;
    max-width: 560px;
    background: #fff;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 22px 60px rgba(15, 23, 42, .26);
}
@media (min-width: 1200px) and (max-width: 1500px) {
	.edupro-modal {
		max-height: 500px;
		overflow: scroll;
	}
}
.edupro-modal-listening {
    max-width: 660px;
}

.edupro-modal-head {
    min-height: 68px;
    padding: 0 24px;
    border-bottom: 1px solid #eef2f7;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.edupro-modal-head h2 {
    margin: 0;
    font-size: 21px;
    display: flex;
    align-items: center;
    gap: 8px;
    color: #061733;
}

.edupro-modal-head h2 svg {
    width: 20px;
    height: 20px;
    color: #059669;
}

.edupro-modal-close {
    border: 0;
    background: #f8fafc;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    cursor: pointer;
    color: #94a3b8;
    font-size: 26px;
    line-height: 1;
}

.edupro-modal form {
    padding: 24px;
}

.edupro-upload-tabs {
    background: #f1f5f9;
    border-radius: 12px;
    padding: 4px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin-bottom: 22px;
}

.edupro-upload-tabs button {
    height: 44px;
    border: 0;
    border-radius: 10px;
    background: transparent;
    color: #526783;
    font-weight: 900;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.edupro-upload-tabs button svg {
    width: 18px;
    height: 18px;
}

.edupro-upload-tabs button.active {
    background: #fff;
    color: #4f46e5;
    box-shadow: 0 2px 7px rgba(15, 23, 42, .08);
}

.edupro-form-group {
    margin-bottom: 18px;
}

.edupro-form-group label {
    display: block;
    margin-bottom: 9px;
    color: #142846;
    font-weight: 900;
    font-size: 14px;
}

.edupro-form-group label span {
    color: #ec0044;
}

.edupro-form-group input,
.edupro-form-group select {
    width: 100%;
    font-size: 15px;
}

.edupro-form-group small {
    display: block;
    margin-top: 7px;
    color: #64748b;
    line-height: 1.4;
}

.edupro-file-picker {
    width: 100%;
    min-height: 52px;
    border: 1px solid #bfd0e4;
    border-radius: 12px;
    background: #fff;
    display: flex !important;
    align-items: center;
    gap: 14px;
    padding: 8px 14px;
    box-sizing: border-box;
    cursor: pointer;
    margin: 0 !important;
}

.edupro-file-picker input {
    display: none;
}

.edupro-file-picker span {
    min-height: 34px;
    padding: 0 18px;
    border-radius: 999px;
    background: #eef2ff;
    color: #4f46e5;
    display: inline-flex;
    align-items: center;
}

.edupro-file-picker strong {
    color: #64748b;
    font-weight: 600;
    font-size: 14px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.edupro-listening-files {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
}

.edupro-listening-files .edupro-form-group {
    min-width: 0;
}

.edupro-file-picker {
    width: 100%;
    min-height: 54px;
    border: 1px solid #bfd0e4;
    border-radius: 12px;
    background: #fff;
    display: flex !important;
    align-items: center;
    gap: 12px;
    padding: 8px 12px;
    box-sizing: border-box;
    cursor: pointer;
    margin: 0 !important;
    overflow: hidden;
}

.edupro-file-picker input[type="file"] {
    display: none;
}

.edupro-file-picker span {
    height: 36px;
    min-width: 96px;
    padding: 0 14px;
    border-radius: 999px;
    background: #eef2ff;
    color: #ec0044;
    font-weight: 900;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1.15;
    text-align: center;
    flex-shrink: 0;
}

.edupro-file-picker strong {
    flex: 1;
    min-width: 0;
    color: #64748b;
    font-weight: 700;
    font-size: 14px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.edupro-form-group label small {
    color: #64748b;
    font-weight: 700;
}

.edupro-modal-footer {
    background: #f8fafc;
    margin: 22px -24px -24px;
    padding: 18px 24px;
    border-top: 1px solid #eef2f7;
    display: flex;
    justify-content: flex-end;
    gap: 12px;
}

.edupro-btn-cancel,
.edupro-btn-submit-upload,
.edupro-btn-submit-listening {
    height: 42px;
    border-radius: 9px;
    padding: 0 18px;
    font-weight: 900;
    cursor: pointer;
}

.edupro-btn-cancel {
    background: #fff;
    border: 1px solid #bfd0e4;
    color: #193455;
}

.edupro-btn-submit-upload {
    border: 0;
    background: #a78bfa;
    color: #fff;
}

.edupro-btn-submit-upload:hover {
    background: #8b5cf6;
}

.edupro-btn-submit-listening {
    border: 0;
    background: #6ee7b7;
    color: #fff;
}

.edupro-btn-submit-listening:hover {
    background: #10b981;
}

.edupro-btn-submit-upload:disabled,
.edupro-btn-submit-listening:disabled {
    opacity: .65;
    cursor: not-allowed;
}

.edupro-animate-item {
    opacity: 0;
    transform: translateY(22px);
    transition: all .5s ease;
}

.edupro-animate-item.is-visible {
    opacity: 1;
    transform: translateY(0);
}

@media (max-width: 1100px) {
    .edupro-material-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .edupro-upload-bar {
        flex-direction: column;
        align-items: stretch;
    }

    .edupro-upload-actions {
        flex-wrap: wrap;
    }
}

@media (max-width: 768px) {
    .edupro-teacher-material-layout {
        flex-direction: column;
    }

    .edupro-teacher-material-main {
        margin-left: 0;
        padding: 24px 18px;
    }

    .edupro-material-header {
        flex-direction: column;
    }

    .edupro-material-grid,
    .edupro-listening-files {
        grid-template-columns: 1fr;
    }

    .edupro-upload-actions {
        flex-direction: column;
        align-items: stretch;
    }

    .edupro-upload-actions select,
    .edupro-btn-upload,
    .edupro-btn-listening {
        width: 100%;
    }
}

@media (max-width: 680px) {
    .edupro-listening-files {
        grid-template-columns: 1fr;
    }

    .edupro-file-picker span {
        min-width: 86px;
    }
}

/* EduPro update: tài liệu dạng list/folder */
.edupro-material-folder-list {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important
}

.edupro-material-folder-list .edupro-material-card {
    width: unset !important;
    border-radius: 16px !important
}

.edupro-material-folder-list .edupro-material-card-link {
    display: grid !important;
    grid-template-columns: 48px minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 14px !important;
    padding: 14px 58px 14px 14px !important
}

.edupro-material-folder-list .edupro-material-card-icon {
    width: 48px !important;
    height: 48px !important;
    border-radius: 14px !important
}

.edupro-material-folder-list .edupro-material-card-info h3 {
    margin: 0 0 6px !important
}

.edupro-material-folder-list .edupro-material-delete {
    right: 12px !important;
    top: 50% !important;
    transform: translateY(-50%) !important
}

.edupro-btn-listening, #edupro-listening-modal {
    display: none !important
}
/* ===== EduPro final: quản lý tài liệu admin full width và không bị bó cột ===== */
.edupro-teacher-material-layout .edupro-teacher-material-main,
.edupro-teacher-material-layout .edupro-material-page{
    width:100% !important;
    max-width:none !important;
}
body:not(.edupro-smart-sidebar-teacher) .edupro-teacher-material-layout{
    display:block !important;
    width:100% !important;
    max-width:none !important;
}
body:not(.edupro-smart-sidebar-teacher) .edupro-teacher-material-layout .edupro-teacher-material-main{
    margin:0 auto !important;
    padding-left:0 !important;
    padding-right:0 !important;
}
.edupro-material-page .edupro-upload-bar{
    display:grid !important;
    grid-template-columns:minmax(260px,.42fr) minmax(0,.58fr) !important;
    gap:22px !important;
    align-items:center !important;
}
.edupro-material-page .edupro-upload-actions{
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) auto !important;
    gap:12px !important;
    align-items:center !important;
}
.edupro-material-page .edupro-upload-actions select,
.edupro-material-page .edupro-upload-actions input{min-width:0 !important;width:100% !important;box-sizing:border-box !important;}
@media(max-width:1180px){.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}}
@media(max-width:720px){.edupro-material-page .edupro-upload-actions{grid-template-columns:1fr !important}}

/* Fix chữ nút chọn tệp trong form tài liệu */
.edupro-file-picker span,
.edupro-file-picker button,
.edupro-upload-box span {
    font-family: inherit !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    letter-spacing: normal !important;
    word-spacing: normal !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
}

/* EduPro folder material browser */
.edupro-folder-select-row{display:flex;gap:10px;align-items:center}
.edupro-folder-select-row select{flex:1}
.edupro-folder-browser{display:flex;flex-direction:column;gap:14px}
.edupro-folder-group{border:1px solid #dbe7f8;border-radius:18px;background:#fff;overflow:hidden;box-shadow:0 10px 28px rgba(15,23,42,.06)}
.edupro-folder-head{width:100%;border:0;background:linear-gradient(135deg,#f8fbff,#eef4ff);padding:16px 18px;display:flex;align-items:center;gap:12px;cursor:pointer;text-align:left;color:#0f1f3d}
.edupro-folder-head strong{font-size:17px;font-weight:800;flex:1}
.edupro-folder-head em{font-style:normal;background:#eef2ff;color:#4f46e5;border-radius:999px;padding:6px 12px;font-weight:800;font-size:13px}
.edupro-folder-icon{width:42px;height:42px;border-radius:14px;background:#fff;display:grid;place-items:center;box-shadow:0 8px 20px rgba(99,91,255,.12)}
.edupro-folder-body{padding:12px;display:grid;gap:10px}
.edupro-material-card[data-folder-id]{border-left:4px solid #635bff}
.edupro-fixed-class-page,.edupro-bank-page{margin:0 auto;padding:36px 24px}
.edupro-fixed-class-form,.edupro-bank-form{background:#fff;border:1px solid #dbe7f8;border-radius:22px;padding:20px;display:grid;grid-template-columns:1fr auto;gap:14px;margin:20px 0;box-shadow:0 14px 35px rgba(15,23,42,.06)}
.edupro-fixed-class-form input,.edupro-bank-form input,.edupro-bank-form select,.edupro-bank-form textarea{border:1px solid #cfe0f6;border-radius:14px;padding:12px 14px;font-weight:700}
.edupro-fixed-class-list,.edupro-bank-list{display:grid;gap:12px}
.edupro-fixed-class-card,.edupro-bank-card{background:#fff;border:1px solid #dbe7f8;border-radius:18px;padding:16px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 10px 28px rgba(15,23,42,.05)}
.edupro-fixed-class-card button,.edupro-bank-card button{border:1px solid #fecaca;background:#fff1f2;color:#e11d48;border-radius:999px;padding:8px 14px;font-weight:800}
.edupro-bank-panel{background:#fff;border:1px solid #dbe7f8;border-radius:24px;padding:22px;box-shadow:0 14px 35px rgba(15,23,42,.06)}
.edupro-bank-form{grid-template-columns:repeat(3,minmax(0,1fr));align-items:end}
.edupro-bank-form .full{grid-column:1/-1}
.edupro-bank-form button{grid-column:1/-1;width:max-content}
.edupro-bank-note{margin-top:14px;color:#64748b;font-weight:700}

/* EduPro fix: popup tải/chỉnh sửa tài liệu ngắn gọn, body scroll riêng */
.edupro-material-upload-modal,
#edupro-upload-modal .edupro-modal {
    max-height: min(82vh, 720px) !important;
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important;
}
#edupro-upload-modal .edupro-modal-head {
    flex: 0 0 auto !important;
}
#edupro-upload-modal #edupro-upload-form {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    overflow-y: auto !important;
    padding: 18px 22px 0 !important;
}
#edupro-upload-modal .edupro-modal-footer {
    position: sticky !important;
    bottom: 0 !important;
    z-index: 5 !important;
    margin: 18px -22px 0 !important;
    padding: 14px 22px !important;
}
#edupro-upload-modal .edupro-form-group {
    margin-bottom: 14px !important;
}
#edupro-upload-modal .edupro-upload-tabs {
    margin-bottom: 14px !important;
}
#edupro-upload-modal .edupro-edit-file-note {
    display: block;
    margin-top: 8px;
    color: #64748b;
    font-weight: 700;
}

/* EduPro fix: nút chỉnh sửa tài liệu */
.edupro-material-folder-row .edupro-material-edit {
    position: absolute;
    right: 148px;
    top: 50%;
    transform: translateY(-50%);
    min-height: 34px;
    padding: 0 13px;
    border: 1px solid #bfdbfe;
    border-radius: 999px;
    background: #eff6ff;
    color: #2563eb;
    font-weight: 900;
    cursor: pointer;
    z-index: 3;
}
.edupro-material-folder-row .edupro-material-edit:hover {
    background: #dbeafe;
    border-color: #93c5fd;
}
.edupro-material-folder-row .edupro-material-send-student {
    right: 140px;
}
.edupro-material-folder-row .edupro-material-card-link {
    padding-right: 245px !important;
}
@media (max-width: 1100px) {
    .edupro-material-folder-row .edupro-material-edit,
    .edupro-material-folder-row .edupro-material-send-student,
    .edupro-material-folder-row .edupro-material-delete,
    .edupro-material-folder-row .edupro-material-owner-badge {
        position: static !important;
        transform: none !important;
        margin: 8px 0 0 12px;
        display: inline-flex;
    }
    .edupro-material-folder-row .edupro-material-card-link {
        padding-right: 16px !important;
    }
}
/* Folder accordion header */
.edupro-folder-head {
    width: 100% !important;
    border: 1px solid #dbe7fb !important;
    background: linear-gradient(135deg, #f8fbff 0%, #eef4ff 100%) !important;
    border-radius: 18px !important;
    padding: 16px 18px !important;
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    cursor: pointer !important;
    text-align: left !important;
    color: #0f1f3d !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    box-shadow: 0 10px 28px rgba(15, 31, 61, 0.06) !important;
}

.edupro-folder-head:hover {
    border-color: #8b7cff !important;
    background: linear-gradient(135deg, #ffffff 0%, #f2f0ff 100%) !important;
    transform: translateY(-1px);
}

.edupro-folder-head .edupro-folder-icon {
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    border-radius: 14px !important;
    background: #ffffff !important;
    color: #5b4bff !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: 0 8px 20px rgba(91, 75, 255, 0.12) !important;
}

.edupro-folder-head .edupro-folder-title {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    font-size: 17px !important;
    font-weight: 800 !important;
    color: #071735 !important;
    line-height: 1.25 !important;
}

.edupro-folder-head .edupro-folder-count {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 32px !important;
    padding: 0 13px !important;
    border-radius: 999px !important;
    background: #edeaff !important;
    color: #5b4bff !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    white-space: nowrap !important;
}

.edupro-folder-head .edupro-folder-toggle {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 32px !important;
    padding: 0 13px !important;
    border-radius: 999px !important;
    background: #ffffff !important;
    color: #5b4bff !important;
    border: 1px solid #d9d5ff !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    white-space: nowrap !important;
}
/* EduPro v9 - giao diện Kho bài tập: bộ lọc + phân trang 10 item/trang */
.edupro-bank-page{
    max-width:1560px !important;
    padding:36px 42px 60px !important;
}
.edupro-bank-hero{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:24px !important;
    background:linear-gradient(135deg,#ffffff 0%,#f7f9ff 54%,#eef2ff 100%) !important;
    border:1px solid #dbe7f8 !important;
    border-radius:24px !important;
    box-shadow:0 18px 46px rgba(15,23,42,.08) !important;
}
.edupro-bank-eyebrow{
    display:inline-flex !important;
    align-items:center !important;
    width:max-content !important;
    padding:7px 12px !important;
    border-radius:999px !important;
    background:#eef2ff !important;
    color:#4f46e5 !important;
    font-size:13px !important;
    font-weight:900 !important;
    margin-bottom:8px !important;
}
.edupro-bank-stats{
    display:grid !important;
    grid-template-columns:repeat(3,minmax(96px,1fr)) !important;
    gap:12px !important;
    min-width:330px !important;
}
.edupro-bank-stats div{
    background:#fff !important;
    border:1px solid #dbe7f8 !important;
    border-radius:18px !important;
    padding:14px 16px !important;
    text-align:center !important;
    box-shadow:0 12px 30px rgba(99,91,255,.08) !important;
}
.edupro-bank-stats strong{
    display:block !important;
    color:#111c38 !important;
    font-size:26px !important;
    line-height:1 !important;
    font-weight:900 !important;
}
.edupro-bank-stats span{
    display:block !important;
    margin-top:6px !important;
    color:#64748b !important;
    font-size:12px !important;
    font-weight:900 !important;
}
.edupro-bank-create-card,
.edupro-bank-panel{
    background:#fff !important;
    border:1px solid #dbe7f8 !important;
    border-radius:26px !important;
    padding:24px !important;
    margin-top:22px !important;
    box-shadow:0 18px 45px rgba(15,23,42,.06) !important;
}
.edupro-bank-section-title{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:16px !important;
    margin-bottom:16px !important;
}
.edupro-bank-section-title h2{
    margin:0 !important;
    color:#0f1f3d !important;
    font-size:22px !important;
    font-weight:900 !important;
}
.edupro-bank-section-title p{
    margin:5px 0 0 !important;
    color:#64748b !important;
    font-size:14px !important;
    font-weight:700 !important;
}
.edupro-bank-form{
    margin:0 !important;
    background:linear-gradient(135deg,#fbfdff,#f8fbff) !important;
    box-shadow:none !important;
    border-radius:22px !important;
    grid-template-columns:1.25fr .75fr .9fr !important;
    gap:16px !important;
}
.edupro-bank-form label,
.edupro-bank-filter label{
    display:block !important;
    margin:0 0 8px !important;
    color:#17233d !important;
    font-size:13px !important;
    font-weight:900 !important;
}
.edupro-bank-form input,
.edupro-bank-form select,
.edupro-bank-form textarea,
.edupro-bank-filter input,
.edupro-bank-filter select{
    width:100% !important;
    min-height:48px !important;
    border:1px solid #cfe0f6 !important;
    border-radius:16px !important;
    background:#fff !important;
    color:#17233d !important;
    font-weight:800 !important;
    outline:none !important;
    transition:.18s ease !important;
}
.edupro-bank-form textarea{
    min-height:82px !important;
    resize:vertical !important;
}
.edupro-bank-form input:focus,
.edupro-bank-form select:focus,
.edupro-bank-form textarea:focus,
.edupro-bank-filter input:focus,
.edupro-bank-filter select:focus{
    border-color:#635bff !important;
    box-shadow:0 0 0 4px rgba(99,91,255,.12) !important;
}
.edupro-bank-submit{
    height:48px !important;
    padding:0 20px !important;
    border-radius:15px !important;
    box-shadow:0 14px 30px rgba(99,91,255,.22) !important;
}
.edupro-bank-filter{
    display:grid !important;
    grid-template-columns:minmax(260px,1fr) 220px 240px auto auto !important;
    align-items:end !important;
    gap:14px !important;
    padding:16px !important;
    border:1px solid #dbe7f8 !important;
    border-radius:22px !important;
    background:#f8fbff !important;
    margin:0 0 18px !important;
}
.edupro-bank-filter-btn,
.edupro-bank-reset{
    height:48px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    border-radius:15px !important;
    padding:0 18px !important;
    font-size:14px !important;
    font-weight:900 !important;
    text-decoration:none !important;
    white-space:nowrap !important;
}
.edupro-bank-filter-btn{
    border:0 !important;
    background:#635bff !important;
    color:#fff !important;
    cursor:pointer !important;
    box-shadow:0 12px 28px rgba(99,91,255,.20) !important;
}
.edupro-bank-reset{
    border:1px solid #fecaca !important;
    color:#dc2626 !important;
    background:#fff !important;
}
.edupro-bank-list-head{
    display:flex !important;
    justify-content:space-between !important;
    align-items:center !important;
    gap:12px !important;
    margin:0 0 12px !important;
    color:#64748b !important;
    font-size:13px !important;
    font-weight:900 !important;
}
.edupro-bank-list{
    gap:12px !important;
}
.edupro-bank-card{
    border-radius:20px !important;
    padding:16px !important;
    background:linear-gradient(135deg,#fff,#fbfdff) !important;
    transition:.18s ease !important;
}
.edupro-bank-card:hover{
    transform:translateY(-1px) !important;
    border-color:#c4d7ff !important;
    box-shadow:0 18px 40px rgba(15,23,42,.08) !important;
}
.edupro-bank-card-main{
    display:flex !important;
    align-items:flex-start !important;
    gap:14px !important;
    min-width:0 !important;
}
.edupro-bank-card-icon{
    width:48px !important;
    height:48px !important;
    border-radius:16px !important;
    display:grid !important;
    place-items:center !important;
    background:#eef2ff !important;
    flex:0 0 auto !important;
    box-shadow:0 10px 24px rgba(99,91,255,.10) !important;
}
.edupro-bank-card strong{
    display:block !important;
    color:#0f1f3d !important;
    font-size:16px !important;
    font-weight:900 !important;
    margin-bottom:5px !important;
}
.edupro-bank-card p{
    margin:0 0 9px !important;
    color:#64748b !important;
    font-size:13px !important;
    font-weight:700 !important;
}
.edupro-bank-card-meta{
    display:flex !important;
    align-items:center !important;
    flex-wrap:wrap !important;
    gap:8px !important;
}
.edupro-bank-card-meta span{
    display:inline-flex !important;
    align-items:center !important;
    min-height:28px !important;
    padding:5px 10px !important;
    border-radius:999px !important;
    background:#f1f5f9 !important;
    color:#475569 !important;
    font-size:12px !important;
    font-weight:900 !important;
}
.edupro-bank-card-meta span:first-child{
    background:#eef2ff !important;
    color:#4f46e5 !important;
}
.edupro-bank-card-actions{
    margin-left:auto !important;
    justify-content:flex-end !important;
}
.edupro-edit-bank-item,
.edupro-delete-bank-item{
    border-radius:999px !important;
    padding:10px 16px !important;
    font-size:13px !important;
    box-shadow:none !important;
}
.edupro-edit-bank-item{
    border:1px solid #c7d2fe !important;
    background:#eef2ff !important;
    color:#4f46e5 !important;
}
.edupro-delete-bank-item{
    border:1px solid #fecaca !important;
    background:#fff1f2 !important;
    color:#e11d48 !important;
}
.edupro-bank-pagination{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:8px !important;
    margin:22px 0 0 !important;
    flex-wrap:wrap !important;
}
.edupro-bank-pagination a,
.edupro-bank-pagination span{
    min-width:40px !important;
    height:40px !important;
    padding:0 12px !important;
    border-radius:13px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    border:1px solid #dbe7f8 !important;
    background:#fff !important;
    color:#475569 !important;
    font-weight:900 !important;
    text-decoration:none !important;
}
.edupro-bank-pagination a.active{
    border-color:#635bff !important;
    background:#635bff !important;
    color:#fff !important;
    box-shadow:0 12px 26px rgba(99,91,255,.20) !important;
}
.edupro-bank-pagination a.disabled{
    opacity:.45 !important;
    pointer-events:none !important;
}
.edupro-bank-empty{
    border:1px dashed #cfe0f6 !important;
    border-radius:18px !important;
    background:#f8fbff !important;
    padding:28px !important;
    text-align:center !important;
    font-weight:900 !important;
}
@media(max-width:1100px){
    .edupro-bank-page{padding:26px 18px 50px !important;}
    .edupro-bank-hero{align-items:flex-start !important;flex-direction:column !important;}
    .edupro-bank-stats{width:100% !important;min-width:0 !important;}
    .edupro-bank-form{grid-template-columns:1fr !important;}
    .edupro-bank-filter{grid-template-columns:1fr 1fr !important;}
    .edupro-bank-search{grid-column:1/-1 !important;}
}
@media(max-width:720px){
    .edupro-bank-stats{grid-template-columns:1fr !important;}
    .edupro-bank-filter{grid-template-columns:1fr !important;}
    .edupro-bank-card{align-items:flex-start !important;flex-direction:column !important;}
    .edupro-bank-card-actions{width:100% !important;margin-left:0 !important;justify-content:flex-start !important;}
}

/* EduPro v10 - sửa giao diện Kho bài tập: không chèn khung + chữ nhẹ hơn */
.edupro-bank-page,
.edupro-bank-page *{
    box-sizing:border-box !important;
}
.edupro-bank-page{
    max-width:1480px !important;
    padding:34px 34px 64px !important;
}
.edupro-bank-hero,
.edupro-bank-create-card,
.edupro-bank-panel{
    overflow:hidden !important;
}
.edupro-bank-hero h1,
.edupro-bank-section-title h2{
    font-weight:700 !important;
}
.edupro-bank-hero p,
.edupro-bank-section-title p,
.edupro-bank-note,
.edupro-bank-list-head,
.edupro-bank-card p,
.edupro-bank-card-meta span,
.edupro-bank-form label,
.edupro-bank-filter label,
.edupro-bank-form input,
.edupro-bank-form select,
.edupro-bank-form textarea,
.edupro-bank-filter input,
.edupro-bank-filter select{
    font-weight:400 !important;
}
.edupro-bank-eyebrow,
.edupro-bank-stats span{
    font-weight:500 !important;
}
.edupro-bank-stats strong{
    font-weight:700 !important;
}
.edupro-bank-create-card,
.edupro-bank-panel{
    padding:22px !important;
}
.edupro-bank-form{
    display:grid !important;
    grid-template-columns:minmax(0,1.15fr) minmax(220px,.7fr) minmax(240px,.85fr) !important;
    align-items:start !important;
    gap:16px !important;
    width:100% !important;
    padding:18px !important;
    margin:0 !important;
}
.edupro-bank-form > div,
.edupro-bank-filter > div{
    min-width:0 !important;
    display:flex !important;
    flex-direction:column !important;
    gap:8px !important;
}
.edupro-bank-form .full{
    grid-column:1 / -1 !important;
    width:100% !important;
}
.edupro-bank-form label,
.edupro-bank-filter label{
    margin:0 !important;
    line-height:1.3 !important;
}
.edupro-bank-form input,
.edupro-bank-form select,
.edupro-bank-form textarea,
.edupro-bank-filter input,
.edupro-bank-filter select{
    min-width:0 !important;
    max-width:100% !important;
    height:auto !important;
    min-height:46px !important;
    padding:11px 14px !important;
    line-height:1.35 !important;
    box-shadow:none !important;
}
.edupro-bank-form textarea{
    min-height:96px !important;
    display:block !important;
}
.edupro-bank-submit{
    grid-column:1 / -1 !important;
    width:max-content !important;
    max-width:100% !important;
    height:46px !important;
    font-weight:600 !important;
}
.edupro-bank-filter{
    display:grid !important;
    grid-template-columns:minmax(260px,1fr) minmax(180px,220px) minmax(180px,220px) auto auto !important;
    gap:14px !important;
    align-items:end !important;
    width:100% !important;
    padding:16px !important;
    overflow:visible !important;
}
.edupro-bank-filter-btn,
.edupro-bank-reset{
    height:46px !important;
    min-width:72px !important;
    font-weight:600 !important;
}
.edupro-bank-list-head{
    font-size:13px !important;
}
.edupro-bank-card{
    display:flex !important;
    align-items:center !important;
    gap:16px !important;
    padding:16px 18px !important;
}
.edupro-bank-card strong{
    font-weight:600 !important;
}
.edupro-bank-card-actions{
    flex:0 0 auto !important;
    display:flex !important;
    align-items:center !important;
    gap:8px !important;
}
.edupro-edit-bank-item,
.edupro-delete-bank-item{
    font-weight:500 !important;
}
.edupro-bank-pagination a,
.edupro-bank-pagination span{
    font-weight:500 !important;
}
@media(max-width:1180px){
    .edupro-bank-form{
        grid-template-columns:1fr 1fr !important;
    }
    .edupro-bank-form > div:first-of-type,
    .edupro-bank-form .full{
        grid-column:1 / -1 !important;
    }
    .edupro-bank-filter{
        grid-template-columns:1fr 1fr !important;
    }
    .edupro-bank-search,
    .edupro-bank-filter button,
    .edupro-bank-filter .edupro-bank-reset{
        grid-column:auto !important;
    }
}
@media(max-width:760px){
    .edupro-bank-page{padding:22px 14px 48px !important;}
    .edupro-bank-form,
    .edupro-bank-filter{
        grid-template-columns:1fr !important;
    }
    .edupro-bank-form > div:first-of-type,
    .edupro-bank-form .full,
    .edupro-bank-search,
    .edupro-bank-filter button,
    .edupro-bank-filter .edupro-bank-reset{
        grid-column:1 / -1 !important;
    }
    .edupro-bank-card{
        align-items:flex-start !important;
        flex-direction:column !important;
    }
    .edupro-bank-card-actions{
        width:100% !important;
        justify-content:flex-start !important;
    }
}

/* EduPro v13 - sửa Kho bài tập: không bị chồng khung sau khi mở popup + thêm sửa thông tin */
.edupro-bank-hero,
.edupro-bank-create-card,
.edupro-bank-panel,
.edupro-bank-form{
    overflow:visible !important;
    height:auto !important;
    min-height:0 !important;
}
.edupro-bank-create-card{
    position:relative !important;
    z-index:2 !important;
    margin-bottom:22px !important;
}
.edupro-bank-panel{
    position:relative !important;
    z-index:1 !important;
    margin-top:22px !important;
    clear:both !important;
}
.edupro-bank-form{
    display:grid !important;
    grid-template-columns:minmax(0,1.15fr) minmax(220px,.7fr) minmax(240px,.85fr) !important;
    align-items:start !important;
    gap:16px !important;
}
.edupro-bank-form .full{
    grid-column:1 / -1 !important;
}
.edupro-bank-form-actions{
    grid-column:1 / -1 !important;
    display:flex !important;
    align-items:center !important;
    gap:10px !important;
    flex-wrap:wrap !important;
}
.edupro-bank-form-actions .edupro-bank-submit{
    grid-column:auto !important;
    width:auto !important;
}
.edupro-bank-cancel-edit{
    height:46px !important;
    padding:0 18px !important;
    border-radius:15px !important;
    border:1px solid #cbd5e1 !important;
    background:#fff !important;
    color:#475569 !important;
    font-weight:500 !important;
    cursor:pointer !important;
}
.edupro-bank-card-actions{
    flex-wrap:wrap !important;
}
.edupro-edit-bank-info{
    border:1px solid #bfdbfe !important;
    background:#eff6ff !important;
    color:#2563eb !important;
    border-radius:999px !important;
    padding:10px 16px !important;
    font-size:13px !important;
    font-weight:500 !important;
    box-shadow:none !important;
    cursor:pointer !important;
}
.edupro-bank-page input,
.edupro-bank-page select,
.edupro-bank-page textarea,
.edupro-bank-page label,
.edupro-bank-page p,
.edupro-bank-page span,
.edupro-bank-page button,
.edupro-bank-page a{
    font-weight:400 !important;
}
.edupro-bank-page h1,
.edupro-bank-page h2,
.edupro-bank-card strong,
.edupro-bank-stats strong{
    font-weight:600 !important;
}
.edupro-bank-submit,
.edupro-bank-filter-btn{
    font-weight:500 !important;
}
@media(max-width:1180px){
    .edupro-bank-form{grid-template-columns:1fr 1fr !important;}
    .edupro-bank-form > div:first-of-type,
    .edupro-bank-form .full,
    .edupro-bank-form-actions{grid-column:1 / -1 !important;}
}
@media(max-width:760px){
    .edupro-bank-form{grid-template-columns:1fr !important;}
    .edupro-bank-form > div,
    .edupro-bank-form .full,
    .edupro-bank-form-actions{grid-column:1 / -1 !important;}
}

/* EduPro v14 - sửa Kho bài tập: tách popup sửa thông tin, không chồng layout sau khi đóng popup câu hỏi */
body:not(.edupro-modal-open) .edupro-modal-overlay:not(.is-open){
    display:none !important;
}
.edupro-bank-page{
    overflow:visible !important;
}
.edupro-bank-create-card,
.edupro-bank-panel{
    position:relative !important;
    float:none !important;
    clear:both !important;
    overflow:visible !important;
    height:auto !important;
}
.edupro-bank-create-card{
    z-index:1 !important;
}
.edupro-bank-panel{
    z-index:1 !important;
    margin-top:24px !important;
}
.edupro-bank-form-actions{
    grid-column:1 / -1 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:10px !important;
    min-height:auto !important;
}
.edupro-bank-cancel-edit{
    display:none !important;
}
.edupro-edit-bank-info,
.edupro-edit-bank-item,
.edupro-delete-bank-item{
    line-height:1.2 !important;
    white-space:nowrap !important;
}
.edupro-bank-edit-swal{
    border-radius:22px !important;
    padding:22px !important;
}
.edupro-bank-edit-popup{
    text-align:left !important;
    display:grid !important;
    gap:12px !important;
    margin-top:8px !important;
}
.edupro-bank-edit-popup label{
    display:block !important;
    margin:0 0 6px !important;
    color:#17233d !important;
    font-size:13px !important;
    font-weight:500 !important;
}
.edupro-bank-edit-row{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:12px !important;
}
.edupro-bank-edit-popup .swal2-input,
.edupro-bank-edit-popup .swal2-select,
.edupro-bank-edit-popup .swal2-textarea{
    width:100% !important;
    max-width:100% !important;
    margin:0 !important;
    border:1px solid #cfe0f6 !important;
    border-radius:14px !important;
    box-shadow:none !important;
    color:#17233d !important;
    font-size:14px !important;
    font-weight:400 !important;
}
.edupro-bank-edit-popup .swal2-input,
.edupro-bank-edit-popup .swal2-select{
    height:46px !important;
    min-height:46px !important;
    padding:0 14px !important;
}
.edupro-bank-edit-popup .swal2-textarea{
    min-height:110px !important;
    padding:12px 14px !important;
    resize:vertical !important;
}
@media(max-width:720px){
    .edupro-bank-edit-row{
        grid-template-columns:1fr !important;
    }
}

/* EduPro - nút xem kho bài tập + popup xem trước giống giao diện học viên */
.edupro-view-bank-item{
    border:1px solid #bbf7d0 !important;
    background:#f0fdf4 !important;
    color:#15803d !important;
    border-radius:999px !important;
    padding:10px 16px !important;
    font-size:13px !important;
    font-weight:600 !important;
    box-shadow:none !important;
    cursor:pointer !important;
}
.edupro-view-bank-item:hover{
    background:#dcfce7 !important;
    color:#166534 !important;
}
.edupro-bank-preview-swal{
    border-radius:24px !important;
    overflow:hidden !important;
}
.edupro-bank-preview-swal .swal2-close{
    width:42px !important;
    height:42px !important;
    border-radius:999px !important;
    background:#eef2ff !important;
    color:#64748b !important;
    top:14px !important;
    right:14px !important;
    z-index:5 !important;
}
.edupro-bank-preview-swal-html{
    margin:0 !important;
    padding:0 !important;
    overflow:visible !important;
}
.edupro-bank-preview-shell{
    max-height:88vh !important;
    overflow:auto !important;
    background:#f4f7fb !important;
    text-align:left !important;
}
.edupro-bank-preview-shell .edupro-student-page{
    padding:24px !important;
    max-width:none !important;
    margin:0 !important;
}
.edupro-bank-preview-shell .edupro-student-homework-detail-head{
    padding-right:56px !important;
}
.edupro-bank-preview-shell .edupro-student-homework-form,
.edupro-bank-preview-shell .edupro-student-homework-form *{
    pointer-events:none !important;
}
.edupro-bank-preview-label{
    display:inline-flex !important;
    width:auto !important;
    margin:0 0 8px !important;
    color:#4f46e5 !important;
    background:#eef2ff !important;
    border-radius:999px !important;
    padding:6px 12px !important;
    font-weight:700 !important;
}
.edupro-bank-student-preview .edupro-student-homework-detail-card{
    margin-bottom:0 !important;
}
@media(max-width:768px){
    .edupro-bank-preview-shell .edupro-student-page{padding:14px !important;}
    .edupro-bank-preview-swal{width:98vw !important;}
}


/* Fix popup xem kho bài tập rộng/cao 95% màn hình */
.edupro-bank-preview-swal{
    width:95vw !important;
    max-width:95vw !important;
    height:95vh !important;
    max-height:95vh !important;
}
.edupro-bank-preview-swal .swal2-html-container{
    height:100% !important;
    max-height:none !important;
}
.edupro-bank-preview-swal-html{
    height:100% !important;
    max-height:none !important;
}
.edupro-bank-preview-shell{
    height:95vh !important;
    max-height:95vh !important;
    overflow:auto !important;
}
@media(max-width:768px){
    .edupro-bank-preview-swal{
        width:96vw !important;
        max-width:96vw !important;
        height:94vh !important;
        max-height:94vh !important;
    }
    .edupro-bank-preview-shell{
        height:94vh !important;
        max-height:94vh !important;
    }
}

/* Fix preview kho bài tập: cột câu hỏi bên phải scroll riêng trong popup 95% */
@media (min-width: 901px) {
    .edupro-bank-preview-shell .edupro-student-page,
    .edupro-bank-preview-shell .edupro-bank-student-preview,
    .edupro-bank-preview-shell .edupro-student-homework-detail-card,
    .edupro-bank-preview-shell .edupro-student-homework-form {
        min-height: 0 !important;
    }

    .edupro-bank-preview-shell .edupro-student-homework-form,
    .edupro-bank-preview-shell .edupro-student-homework-form *,
    .edupro-bank-preview-shell .edupro-student-homework-workspace,
    .edupro-bank-preview-shell .edupro-student-homework-question-list,
    .edupro-bank-preview-shell .edupro-student-assignment-passage,
    .edupro-bank-preview-shell .edupro-student-question-passage,
    .edupro-bank-preview-shell .edupro-student-assignment-content {
        pointer-events: auto !important;
    }

    .edupro-bank-preview-shell input,
    .edupro-bank-preview-shell textarea,
    .edupro-bank-preview-shell select,
    .edupro-bank-preview-shell button,
    .edupro-bank-preview-shell .edupro-reorder-token,
    .edupro-bank-preview-shell .edupro-matching-item,
    .edupro-bank-preview-shell .edupro-drag-item,
    .edupro-bank-preview-shell .edupro-drop-zone {
        pointer-events: none !important;
    }

    .edupro-bank-preview-shell .edupro-student-homework-workspace.has-passage,
    .edupro-bank-preview-shell .edupro-ielts-workspace.has-passage,
    .edupro-bank-preview-shell .edupro-layout-mode-reading .edupro-student-homework-workspace.has-passage,
    .edupro-bank-preview-shell .edupro-layout-mode-listening .edupro-student-homework-workspace.has-passage {
        height: calc(95vh - 285px) !important;
        max-height: calc(95vh - 285px) !important;
        min-height: 420px !important;
        overflow: hidden !important;
        align-items: stretch !important;
    }

    .edupro-bank-preview-shell .edupro-student-homework-question-list {
        height: 100% !important;
        max-height: 100% !important;
        min-height: 0 !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
        padding-right: 12px !important;
        overscroll-behavior: contain !important;
        scrollbar-width: thin !important;
    }

    .edupro-bank-preview-shell .edupro-student-assignment-passage,
    .edupro-bank-preview-shell .edupro-student-question-passage.edupro-student-assignment-passage {
        height: 100% !important;
        max-height: 100% !important;
        min-height: 0 !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
        overscroll-behavior: contain !important;
        scrollbar-width: thin !important;
    }

    .edupro-bank-preview-shell .edupro-student-homework-question-list::-webkit-scrollbar,
    .edupro-bank-preview-shell .edupro-student-assignment-passage::-webkit-scrollbar {
        width: 7px !important;
    }

    .edupro-bank-preview-shell .edupro-student-homework-question-list::-webkit-scrollbar-track,
    .edupro-bank-preview-shell .edupro-student-assignment-passage::-webkit-scrollbar-track {
        background: transparent !important;
    }

    .edupro-bank-preview-shell .edupro-student-homework-question-list::-webkit-scrollbar-thumb,
    .edupro-bank-preview-shell .edupro-student-assignment-passage::-webkit-scrollbar-thumb {
        background: rgba(79, 70, 229, .35) !important;
        border-radius: 999px !important;
    }
}

@media (max-width: 900px) {
    .edupro-bank-preview-shell .edupro-student-homework-workspace.has-passage,
    .edupro-bank-preview-shell .edupro-ielts-workspace.has-passage,
    .edupro-bank-preview-shell .edupro-student-homework-question-list,
    .edupro-bank-preview-shell .edupro-student-assignment-passage {
        height: auto !important;
        max-height: none !important;
        overflow: visible !important;
    }
}

/* EduPro 28/05 fix: tài liệu - nút chỉnh sửa/xóa chỉ hiện khi hover và nằm chung hàng dưới */
.edupro-material-card.edupro-material-folder-row,
.edupro-material-folder-row.edupro-student-materials-file-row,
.edupro-material-file-row,
.edupro-teacher-material-row,
.edupro-admin-material-row{
    position:relative!important;
    padding-bottom:52px!important;
}
.edupro-material-folder-row .edupro-material-card-link,
.edupro-student-materials-file-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{
    padding-right:170px!important;
}
.edupro-material-folder-row .edupro-material-edit,
.edupro-material-folder-row .edupro-material-delete,
.edupro-material-file-row .edupro-material-edit,
.edupro-material-file-row .edupro-material-delete,
.edupro-teacher-material-row .edupro-material-edit,
.edupro-teacher-material-row .edupro-material-delete,
.edupro-admin-material-row .edupro-material-edit,
.edupro-admin-material-row .edupro-material-delete{
    position:absolute!important;
    top:auto!important;
    right:auto!important;
    bottom:14px!important;
    transform:none!important;
    z-index:20!important;
    margin:0!important;
    display:none!important;
    align-items:center!important;
    justify-content:center!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{
    left:22px!important;
    width:38px!important;
    height:38px!important;
    min-width:38px!important;
    padding:0!important;
    border-radius:12px!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{
    left:72px!important;
    height:38px!important;
    min-height:38px!important;
    padding:0 18px!important;
    border-radius:12px!important;
}
.edupro-material-card:hover .edupro-material-edit,
.edupro-material-card:hover .edupro-material-delete,
.edupro-material-folder-row:hover .edupro-material-edit,
.edupro-material-folder-row:hover .edupro-material-delete,
.edupro-material-file-row:hover .edupro-material-edit,
.edupro-material-file-row:hover .edupro-material-delete,
.edupro-teacher-material-row:hover .edupro-material-edit,
.edupro-teacher-material-row:hover .edupro-material-delete,
.edupro-admin-material-row:hover .edupro-material-edit,
.edupro-admin-material-row:hover .edupro-material-delete{
    display:inline-flex!important;
}
@media(max-width:900px){
    .edupro-material-card.edupro-material-folder-row,
    .edupro-material-folder-row.edupro-student-materials-file-row,
    .edupro-material-file-row,
    .edupro-teacher-material-row,
    .edupro-admin-material-row{padding-bottom:62px!important;}
    .edupro-material-folder-row .edupro-material-card-link,
    .edupro-student-materials-file-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{padding-right:16px!important;}
}


/* EduPro 28/05 CLEAN: material action buttons in normal flow, no absolute overlap */
.edupro-material-card.edupro-material-folder-row,
.edupro-material-folder-row.edupro-student-materials-file-row,
.edupro-material-file-row,
.edupro-teacher-material-row,
.edupro-admin-material-row{
    display:flex!important;
    flex-wrap:wrap!important;
    align-items:flex-start!important;
    position:relative!important;
    overflow:visible!important;
    height:auto!important;
    min-height:0!important;
    padding:0!important;
    gap:0 12px!important;
    transition:box-shadow .18s ease, transform .18s ease!important;
}
.edupro-material-card.edupro-material-folder-row:hover,
.edupro-material-folder-row.edupro-student-materials-file-row:hover,
.edupro-material-file-row:hover,
.edupro-teacher-material-row:hover,
.edupro-admin-material-row:hover{
    height:auto!important;
    min-height:0!important;
    padding-bottom:16px!important;
}
.edupro-material-folder-row .edupro-material-card-link,
.edupro-student-materials-file-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:0 0 100%!important;
    width:100%!important;
    max-width:100%!important;
    min-height:104px!important;
    padding:18px 28px!important;
    padding-right:28px!important;
    box-sizing:border-box!important;
    order:1!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,
.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,
.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{
    position:static!important;
    top:auto!important;
    right:auto!important;
    bottom:auto!important;
    left:auto!important;
    transform:none!important;
    z-index:auto!important;
    margin:0 0 0 28px!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    display:none!important;
    align-items:center!important;
    justify-content:center!important;
    white-space:nowrap!important;
}
.edupro-material-card.edupro-material-folder-row:hover .edupro-material-print,
.edupro-material-folder-row.edupro-student-materials-file-row:hover .edupro-material-print,
.edupro-material-file-row:hover .edupro-material-print,
.edupro-teacher-material-row:hover .edupro-material-print,
.edupro-admin-material-row:hover .edupro-material-print,
.edupro-material-card.edupro-material-folder-row:hover .edupro-material-edit,
.edupro-material-folder-row.edupro-student-materials-file-row:hover .edupro-material-edit,
.edupro-material-file-row:hover .edupro-material-edit,
.edupro-teacher-material-row:hover .edupro-material-edit,
.edupro-admin-material-row:hover .edupro-material-edit,
.edupro-material-card.edupro-material-folder-row:hover .edupro-material-delete,
.edupro-material-folder-row.edupro-student-materials-file-row:hover .edupro-material-delete,
.edupro-material-file-row:hover .edupro-material-delete,
.edupro-teacher-material-row:hover .edupro-material-delete,
.edupro-admin-material-row:hover .edupro-material-delete{
    display:inline-flex!important;
}
/* order: In -> Chỉnh sửa -> Xóa */
.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;
    height:38px!important;
    min-height:38px!important;
    min-width:82px!important;
    padding:0 20px!important;
    border-radius:12px!important;
    border:1px solid #bbf7d0!important;
    background:#ecfdf5!important;
    color:#059669!important;
    font-weight:900!important;
    box-shadow:none!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;
    height:38px!important;
    min-height:38px!important;
    min-width:122px!important;
    padding:0 20px!important;
    border-radius:12px!important;
    border:1px solid #bfdbfe!important;
    background:#eff6ff!important;
    color:#2563eb!important;
    font-weight:900!important;
    box-shadow:none!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;
    width:38px!important;
    height:38px!important;
    min-width:38px!important;
    padding:0!important;
    border-radius:12px!important;
    border:0!important;
    background:#fff1f2!important;
    color:#e11d48!important;
    box-shadow:none!important;
}
.edupro-material-folder-row .edupro-material-print:hover,
.edupro-material-file-row .edupro-material-print:hover,
.edupro-teacher-material-row .edupro-material-print:hover,
.edupro-admin-material-row .edupro-material-print:hover{background:#dcfce7!important;}
.edupro-material-folder-row .edupro-material-edit:hover,
.edupro-material-file-row .edupro-material-edit:hover,
.edupro-teacher-material-row .edupro-material-edit:hover,
.edupro-admin-material-row .edupro-material-edit:hover{background:#dbeafe!important;}
.edupro-material-folder-row .edupro-material-delete:hover,
.edupro-material-file-row .edupro-material-delete:hover,
.edupro-teacher-material-row .edupro-material-delete:hover,
.edupro-admin-material-row .edupro-material-delete:hover{background:#ffe4e6!important;}
@media(max-width:900px){
    .edupro-material-folder-row .edupro-material-card-link,
    .edupro-student-materials-file-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{padding:16px!important;min-height:112px!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,
    .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,
    .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{margin-left:16px!important;}
}

/* EduPro CSS cleanup: các patch 01/06 bị trùng class đã được chuyển sang edupro-clean-responsive.css */