.material-upload{padding:1.25rem;background:#171614;border:1px solid #51402e;border-radius:14px;margin:1.5rem 0;max-width:680px}.material-upload input{max-width:100%}.material-row,.material-chosen-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 0;border-bottom:1px solid #38322c}.material-row>div{min-width:0}.material-row a,.material-chosen-row a{overflow-wrap:anywhere}.material-row button,.material-chosen-row button{flex-shrink:0}.material-row p{margin:4px 0 0}.material-picker{border:1px solid #51402e;border-radius:10px;padding:12px;margin:12px 0}.material-picker summary{cursor:pointer;color:#e4b783}.material-picker[open] summary{margin-bottom:16px}.material-options{max-height:280px;overflow:auto}.material-options label{padding:10px 0;border-bottom:1px solid #38322c;overflow-wrap:anywhere}.material-chosen:empty{display:none}#portal-materialien{max-width:960px}#material-status{white-space:pre-line}#material-search{max-width:540px}@media(max-width:540px){.material-row{align-items:flex-start}.material-row button{font-size:.8rem;padding:10px}.material-upload{padding:16px}.material-chosen-row{flex-wrap:wrap}}
.pupil-documents{padding:16px 0;border-block:1px solid #38322c;margin:20px 0}.pupil-documents>summary{cursor:pointer;color:#e4b783;font-weight:600}.pupil-documents .material-row{align-items:flex-start;flex-wrap:wrap}.pupil-documents .material-row>div{flex:1;min-width:180px}#portal-dokumente{max-width:900px}
.material-tools{display:flex;gap:12px;align-items:flex-start;flex-wrap:wrap}.material-tools>.material-picker{flex:1;min-width:240px}.material-upload{margin:0;padding:0;border:0;background:none}.material-crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:16px 0}.material-crumbs button{padding:6px 10px;font-size:.9rem;border-color:transparent}.material-crumbs button:last-child{color:#f2c695}.material-folders{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;margin-bottom:20px}.material-folder{display:flex;flex-direction:column;gap:8px;align-items:flex-start;text-align:left;background:#171614;border:1px solid #51402e;color:#f3eee6;border-radius:12px;padding:18px;min-height:90px}.material-folder:hover{background:#262019;border-color:#c87a3b}.material-folder span{font-weight:600;overflow-wrap:anywhere}.material-folder small{font-weight:400;color:#bcb4aa}.material-option{display:flex;align-items:center;gap:16px;border-bottom:1px solid #38322c}.material-option label{flex:1;margin:0;border:0}.material-option>a{font-size:.85rem;flex-shrink:0}.material-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.material-edit{width:min(560px,90vw);border:1px solid #51402e;border-radius:16px;padding:24px;background:#171614;color:#f3eee6}.material-edit h2{font-size:1.35rem}.material-edit form{margin-bottom:24px}.pdf-preview{box-sizing:border-box;width:min(1200px,96vw);max-width:96vw;height:94dvh;max-height:94dvh;padding:20px;border:1px solid #51402e;border-radius:14px;background:#171614;color:#f3eee6}.pdf-preview[open]{display:flex;flex-direction:column;gap:12px}.pdf-preview::backdrop,.material-edit::backdrop{background:#000b}.pdf-preview-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.pdf-preview h2{font-size:1.1rem;margin:0;overflow-wrap:anywhere;flex:1;min-width:180px}.pdf-preview .small{margin:0}.pdf-preview iframe{display:block;border:0;width:100%;flex:1;min-height:0;background:#fff}.pdf-preview a{font-size:.85rem}.pdf-preview button{padding:10px 16px}.material-row>div{flex:1}.material-row>button{font-size:.8rem;padding:9px 12px}@media(max-width:540px){.material-tools{gap:0}.material-tools>.material-picker{width:100%;min-width:0}.material-folders{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.material-folder{padding:14px;min-height:90px}.pdf-preview{padding:12px;width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;border-radius:0}.pdf-preview-bar{gap:12px}.pdf-preview .material-actions{gap:12px}.pdf-preview h2{flex-basis:100%}.material-crumbs{gap:2px}.material-crumbs button{font-size:.8rem;padding:6px}.material-option{gap:10px}}
.pdf-viewer{flex:1;min-height:0;display:flex;flex-direction:column;gap:10px}.pdf-page-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.pdf-page-controls label{display:flex;align-items:center;gap:8px;margin:0;font-size:.85rem}.pdf-page-controls input{width:65px;padding:8px;margin:0}.pdf-page-controls select{width:auto;padding:8px;margin:0}.pdf-page-controls button{font-size:.85rem}.pdf-canvas-scroll{flex:1;min-height:0;overflow:auto;background:#302d29;overscroll-behavior:contain;padding:12px;text-align:center}.pdf-canvas-scroll canvas{display:block;max-width:none;margin:auto;background:white;box-shadow:0 2px 12px #0005}.pdf-text{font-size:.8rem}.pdf-text summary{cursor:pointer;color:#d6ad85}.pdf-text p{white-space:pre-wrap;max-height:140px;overflow:auto}@media(max-width:540px){.pdf-page-controls{gap:8px}.pdf-page-controls button{padding:8px}.pdf-page-controls label{font-size:.75rem;gap:4px}.pdf-page-controls input{width:48px}.pdf-canvas-scroll{padding:6px}}
.pdf-page-controls label{flex-direction:row;align-items:center}.pdf-page-controls button{background:#262019;border:1px solid #51402e;color:#f3eee6}.pdf-page-controls button:disabled{opacity:.45}.pdf-page-controls input{min-height:38px}.pdf-page-controls select{min-height:38px}
#portal-pdfs{max-width:920px}.pupil-materials{border-block:1px solid #38322c;padding:18px 0;margin:20px 0}.pupil-materials>summary{cursor:pointer;font-weight:600;color:#e4b783}.student-material-overview{margin-top:20px;min-width:0}.student-material-tools{display:grid;grid-template-columns:2fr 1fr;gap:16px}.student-material-tools label{min-width:0}.student-material-tools input,.student-material-tools select{width:100%;box-sizing:border-box}.student-material-item{padding:20px 0;border-bottom:1px solid #38322c}.student-material-heading{display:flex;justify-content:space-between;align-items:start;gap:16px}.student-material-name{font-weight:600;overflow-wrap:anywhere;line-height:1.5}.student-material-preview{flex-shrink:0;border:1px solid #51402e;border-radius:8px;padding:8px 12px;text-decoration:none;font-size:.85rem}.student-material-item>.small{margin:8px 0 12px;overflow-wrap:anywhere}.student-material-uses>summary,.unlinked-lessons>summary{cursor:pointer;font-size:.9rem;color:#e4b783}.student-material-reference{padding:12px 0;display:flex;flex-direction:column;align-items:flex-start;gap:6px;border-bottom:1px solid #38322c}.student-material-reference span{overflow-wrap:anywhere;white-space:pre-line;font-size:.9rem}.student-material-reference small{color:#bcb4aa}.student-material-reference button{font-size:.85rem;padding:8px 12px}.student-material-overview>button{margin:16px 10px 12px 0;font-size:.85rem}.unlinked-lessons{margin-top:22px;padding-top:20px;border-top:1px solid #51402e}.student-material-list{min-width:0}@media(max-width:480px){.student-material-tools{grid-template-columns:1fr;gap:0}.student-material-heading{gap:10px}.student-material-name{font-size:.95rem}.student-material-preview{padding:8px;font-size:.8rem}.student-material-item{padding:18px 0}}
