.material-dialog{box-sizing:border-box;width:min(720px,calc(100vw - 32px));max-height:85vh;padding:24px;border:1px solid #dce4ee;border-radius:20px;background:#fff;color:#24334a;box-shadow:0 24px 80px #14233a33;overflow:auto}.material-dialog::backdrop{background:#14233a66}.material-dialog button{cursor:pointer;font:inherit}.material-dialog-top{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px}.material-dialog-top h2{margin:0;overflow-wrap:anywhere;font-size:22px}.material-dialog-top>button{flex:none;width:36px;height:36px;border:1px solid #dce4ee;border-radius:10px;background:#f4f7fb;font-size:25px}.material-search{box-sizing:border-box;width:100%;border:1px solid #dce4ee;border-radius:10px;padding:10px 12px;font:inherit;margin-bottom:12px}.material-dialog .material-breadcrumbs{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:16px}.material-dialog .material-breadcrumbs button{padding:6px 10px;border:1px solid #dce4ee;border-radius:8px;background:#f4f7fb}.material-picker-list{display:grid;gap:10px;max-height:48vh;overflow:auto}.material-choice{display:grid;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px;text-align:left;border:1px solid #dce4ee;border-radius:12px;background:#fafcff;color:inherit;white-space:normal}.material-choice:hover,.material-choice:focus-visible{border-color:#2864d2;background:#edf3ff;outline:2px solid #b9cdfa}.material-choice strong{overflow-wrap:anywhere}.material-choice-symbol{font-size:15px;color:#2864d2;font-weight:700}.material-choice-folder{display:block}.material-picker-error{color:#a93737;overflow-wrap:anywhere}.material-preview-dialog{width:min(1000px,calc(100vw - 32px))}.material-dialog .material-preview-image{display:block;max-width:100%;max-height:65vh;object-fit:contain;margin:auto}.material-dialog .material-preview-pdf{width:100%;height:65vh;border:0}.material-attachment{display:flex;gap:10px;align-items:center;flex-wrap:wrap;min-width:0;padding:12px;border:1px solid #dce4ee;border-radius:12px;margin-top:10px}.material-attachment-name{flex:1;min-width:100px;overflow-wrap:anywhere}.ws-file-widget{display:flex;flex-direction:column;gap:12px;min-width:0}.ws-file-widget strong{overflow-wrap:anywhere}.material-attachment button{font:inherit}@media(max-width:550px){.material-dialog{padding:16px}.material-choice{grid-template-columns:40px minmax(0,1fr)}.material-choice small{grid-column:2}}

/* Pictures attached to tasks appear directly in the lesson, without a modal. */
.lesson-inline-attachment{display:block;width:auto;max-width:100%;max-height:720px;height:auto;object-fit:contain;margin:12px 0;border-radius:12px;border:1px solid #e3eaf4;background:#fff}
.attachment-section .lesson-inline-attachment{max-height:580px;margin:4px 0 12px}
@media(max-width:600px){.lesson-inline-attachment,.attachment-section .lesson-inline-attachment{max-height:none;width:100%;object-fit:contain}}