/* Private class teaching materials, shown within the Add/Edit Class form. */
.class-materials-section{margin-top:17px;padding:15px 16px;border:1px solid #dde7f6;border-radius:14px;background:linear-gradient(135deg,#f7faff,#ffffff)}
.material-label-row h3{margin:0 0 5px;font-size:15px;font-weight:800;color:#233d69;display:flex;align-items:center;gap:8px}
.material-label-row h3 .ico{width:17px;height:17px}
.material-label-row p{font-size:12px;line-height:1.5;color:#697c99;margin:0 0 12px}
.material-upload-button{display:inline-flex;gap:6px;align-items:center;border:1px solid #b7cafa;border-radius:10px;background:#eef4ff;color:#284e9d;padding:10px 14px;font-size:13px;font-weight:750;cursor:pointer;position:relative}
.material-upload-button:hover{background:#e1ebff}
.material-upload-button input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}
.material-upload-button:focus-within{outline:2px solid #4277eb;outline-offset:3px}
.material-upload-button .ico{height:16px;width:16px}
.material-count{margin-left:10px;display:inline-block;color:#687b92;font-size:11px}
.material-list{display:grid;gap:7px;margin-top:12px}
.material-empty{border:1px dashed #d5def0;border-radius:10px;padding:12px;color:#7b8ba1;font-size:12px;text-align:center;background:#fff}
.material-file-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:9px 11px;border:1px solid #e3eaf6;border-radius:10px;background:#fff;min-width:0}
.material-file-name{display:flex;align-items:center;min-width:0;gap:9px;flex:1}
.material-file-name .ico{width:17px;height:17px;color:#567ac0;flex-shrink:0}
.material-file-name>div{min-width:0}
.material-file-name strong{font-size:12px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:360px;color:#263c58}
.material-file-name small{font-size:11px;color:#8693a5}
.material-file-actions{display:flex;align-items:center;gap:6px}
.material-file-actions button{cursor:pointer;border-radius:7px;border:1px solid #d7e0f2;background:#fff;padding:6px 8px;min-height:30px;color:#4367b4;font-size:12px;font-weight:700}
.material-file-actions button:hover{background:#f0f5fe}
.material-file-actions .material-remove{color:#b45466;padding:6px 7px;display:flex;align-items:center}
.material-file-actions .material-remove .ico{height:13px;width:13px}
.class-material-indicator{position:absolute;right:8px;bottom:6px;font-size:10px;line-height:1.1;color:#37506c;background:#ffffffc7;border-radius:6px;padding:3px 5px}
.table-material-label{font-size:11px;color:#426cab;display:inline-block;white-space:nowrap;margin-left:5px}
@media(max-width:560px){.material-count{margin:8px 0 0;display:block}.material-file-name strong{max-width:160px}.material-file-row{gap:5px}}