.stage-materials [hidden]{display:none!important}
.material-toolbar,.material-tools,.material-tools>div,.material-tools nav,.material-tabs,.material-pages{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.material-toolbar{justify-content:space-between;margin:22px 0 14px}
.material-toolbar label{display:grid;gap:6px;font-size:12px;color:#63736c}
.material-toolbar select{min-width:260px;max-width:100%;background:white;border:1px solid #dce5df;padding:11px;border-radius:10px;color:#203a2b}
.material-tabs{padding:5px;background:#edf2ee;border-radius:14px}
.material-tabs button{border:0;background:transparent;padding:12px 16px;border-radius:10px;color:#4b5c51;cursor:pointer}
.material-tabs button.active{background:#fff;color:#194e32;box-shadow:0 2px 8px #1b3b2210}
.material-tabs span{display:block;font-size:10px;margin-top:3px}
.material-tools{justify-content:space-between;margin:24px 0 16px}
.material-tools nav{min-width:0;overflow-wrap:anywhere}
.material-tools .search{width:260px;max-width:100%}
.material-folders{display:grid;grid-template-columns:repeat(auto-fill,minmax(235px,1fr));gap:14px;margin-bottom:24px}.material-folder-card{min-width:0;border:1px solid #dbe5dd;background:#f8fbf7;border-radius:15px;overflow:hidden}.material-folder-card .material-folder{border:0;border-radius:0;background:linear-gradient(130deg,#fff,#f0f6f0);width:100%}
.material-folder{position:relative;display:grid;gap:10px;text-align:left;border:1px solid #dbe5dd;background:linear-gradient(130deg,#fff,#f0f6f0);padding:20px;border-radius:15px;color:#253f30;cursor:pointer;min-width:0}
.material-folder strong{overflow-wrap:anywhere}
.material-folder-icon{width:30px;height:30px;flex-shrink:0;color:#538266}
.material-folder-card.is-selected{border-color:#47865a;box-shadow:0 0 0 1px #47865a}
.material-folder-select{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid #dbe5dd;font-size:12px;color:#345943;cursor:pointer;min-height:46px}
.material-folder-select input[type="checkbox"]{width:20px;height:20px;min-width:20px;padding:0;margin:0;accent-color:#327448;cursor:pointer}
.material-folder-select:has(input:disabled){opacity:.65;cursor:wait}
.material-folder-select input:focus-visible{outline:2px solid #387447;outline-offset:3px}
.material-folder small{color:#6d7d73}.material-folder>span:last-child{position:absolute;right:18px;top:22px}
.material-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:16px}
.material-card{border:1px solid #e0e6e1;background:#fff;border-radius:14px;overflow:hidden;min-width:0;contain:layout}
.material-open{display:flex;flex-direction:column;gap:8px;width:100%;text-align:left;border:0;background:none;color:#263c2e;cursor:pointer;padding:12px}
.material-open strong{overflow-wrap:anywhere;font-size:14px}.material-open small{color:#758077;font-size:11px}
.material-preview{display:flex;align-items:center;justify-content:center;width:100%;height:150px;background:#f4f6f2;border-radius:8px;color:#798d7a;font-size:23px}
.material-preview img{width:100%;height:100%;object-fit:contain}
.material-description{font-size:11px;color:#7a867c;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:27px}
.material-card-actions{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:0 12px 12px;font-size:12px}
.material-card-actions a{color:#526d5b}.material-card-actions button{padding:7px;font-size:11px}.material-card-actions .chosen{background:#e7f2e8;color:#2a6a3c;border-color:#b5d5bd}
.material-pages{justify-content:flex-end;margin-top:24px;font-size:13px}.material-pages>span{margin-right:auto;color:#728076}
.material-folder-form{display:flex;align-items:flex-end;flex-wrap:wrap;gap:10px;padding:18px;background:#f0f5ee;border-radius:12px}
.material-folder-form label{display:grid;gap:8px;flex:1;min-width:180px}
.material-selections{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}
.material-selections>span{display:flex;align-items:center;max-width:100%;border-radius:9px;background:#f0f5ee;padding:3px 6px}
.material-name{border:0;background:none;color:#345943;cursor:pointer;overflow-wrap:anywhere;text-align:left;font-size:12px;display:flex;align-items:center;gap:9px;min-width:0}.material-name>span{min-width:0;max-width:340px}.material-name small{display:block;margin-top:4px;font-size:10px;color:#61766a}.material-name img{object-fit:contain;flex-shrink:0;border-radius:5px;background:#fff}
.stage-materials details{border:1px solid #dde8de;border-radius:12px;padding:14px;margin-top:18px}.stage-materials summary{cursor:pointer;font-size:13px;color:#42614d}
.stage-materials button:focus-visible,.stage-materials a:focus-visible{outline:2px solid #387447;outline-offset:3px}
@media(max-width:600px){.material-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.material-card-actions{flex-wrap:wrap}.material-preview{height:125px}.material-toolbar>*{max-width:100%}.material-tools>div,.material-tools .search{width:100%}.material-toolbar select{min-width:0;width:100%}.material-folders{grid-template-columns:1fr}}