#modal:has(#material-editor){width:min(1000px,calc(100vw - 24px));max-width:1000px;padding:30px;max-height:calc(100dvh - 24px)}
.material-editor{margin-top:22px;min-width:0}.material-editor-columns{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:28px}.material-editor-fields,.material-editor-image{min-width:0}.material-editor .form-grid{gap:18px}.material-editor input,.material-editor select,.material-editor textarea{min-width:0;max-width:100%}.material-field-note{font-size:.8rem;color:var(--muted);align-self:center;line-height:1.5}.material-editor-image{background:#fff8f2;border:1px solid #f2d9c5;border-radius:14px;padding:18px}.material-image-preview{width:100%;height:clamp(360px,50vh,560px);background:white;border:1px solid var(--line);border-radius:12px;overflow:hidden;margin-bottom:10px;display:grid;place-items:center}.material-image-preview img{width:100%;height:100%;object-fit:contain}.material-image-preview .no-photo{padding:20px;overflow-wrap:anywhere}.material-image-drop{width:100%;border:2px dashed #e9b287;background:#fffaf6;margin-top:12px;display:block;font-size:.85rem;line-height:1.6;padding:16px}.material-fieldset{border:1px solid var(--line);border-radius:12px;margin:24px 0;padding:18px;min-width:0}.material-fieldset legend{font-weight:700;padding:0 8px}.material-variant-row{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) minmax(90px,.7fr);gap:14px;align-items:end;padding-bottom:18px}.material-row-note{font-size:.75rem;color:var(--muted);align-self:center;line-height:1.5}.material-category-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.material-category-options label{overflow-wrap:anywhere}.material-editor-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:12px;padding-top:15px;border-top:1px solid var(--line)}.material-editor-error[hidden]{display:none}.material-editor-error{color:#992f21;overflow-wrap:anywhere}.material-editor input[readonly]{background:#f5f5f5;color:#555}.material-editor .tiny{margin-bottom:0}.material-editor-image input[type=file]{font-size:.75rem;padding:8px}
@media(max-width:720px){#modal:has(#material-editor){padding:24px 16px}.material-editor-columns{grid-template-columns:minmax(0,1fr)}.material-editor-image{order:-1}.material-image-preview{height:min(42vh,340px);min-height:220px}.material-category-options{grid-template-columns:repeat(2,minmax(0,1fr))}.material-variant-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.material-row-note,.material-variant-row>button{grid-column:1/-1}.material-editor .form-grid{grid-template-columns:minmax(0,1fr)}.material-editor .span-2{grid-column:auto}.material-fieldset{padding:12px}.material-editor-actions>button{flex:1}}
@media(max-width:370px){.material-category-options,.material-variant-row{grid-template-columns:minmax(0,1fr)}}

.material-gallery-upload{display:block;margin-top:18px}.material-gallery-preview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px}.material-gallery-item{margin:0;min-width:0;border:1px solid var(--line);border-radius:10px;padding:7px;background:#fff}.material-gallery-item img{display:block;width:100%;aspect-ratio:1;object-fit:contain;background:#faf8f5;border-radius:7px}.material-gallery-item figcaption{font-size:.7rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:6px 0}.material-gallery-item button{width:100%;padding:6px}.material-gallery-preview>p{grid-column:1/-1}@media(max-width:720px){.material-gallery-preview{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:430px){.material-gallery-preview{grid-template-columns:repeat(3,minmax(0,1fr))}}

.material-gallery-drop{margin-top:9px;border-color:#8caa9d;background:#fbfdfb}.material-gallery-preview{grid-template-columns:repeat(4,minmax(0,1fr));max-height:210px;overflow:auto;padding:2px}.material-gallery-item img{aspect-ratio:4/5;object-fit:contain}

/* Keep category membership visible before price, images and stock controls. */
.material-category-overview{padding:16px 18px;background:#f1f7f4;border:1px solid #c4d8cd;border-left:4px solid #24634b;border-radius:12px;min-width:0}
.material-category-overview h3{font-size:1rem;margin:0 0 10px;color:#194b38}
.material-category-paths{list-style:none;padding:0;margin:0;display:grid;gap:8px}
.material-category-paths li{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;overflow-wrap:anywhere;font-weight:600;line-height:1.6}
.material-category-paths small{font-size:.75rem;font-weight:400;background:#fff1d8;color:#704500;border-radius:6px;padding:2px 8px}
.material-category-empty{margin:0;line-height:1.6;color:#76501e}
#material-category-fold{margin:10px 0 24px}
#material-category-fold .material-category-options{grid-template-columns:repeat(2,minmax(0,1fr));max-height:320px;overflow:auto;padding:4px}
@media(max-width:720px){.material-category-overview{padding:14px}#material-category-fold .material-category-options{grid-template-columns:minmax(0,1fr)}}

.material-category-tree{max-height:340px;overflow:auto;overscroll-behavior:contain;display:grid;gap:7px;padding:4px}
.material-category-choice{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;border:1px solid #e0e6e1;border-radius:8px;background:#fff;line-height:1.5;cursor:pointer}
.material-category-choice input[type=checkbox]{flex:0 0 auto;margin-top:3px;width:18px;height:18px}
.material-category-choice span{min-width:0;overflow-wrap:anywhere}
.material-category-choice small{font-size:.75rem;font-weight:400;color:#76501e}
.material-category-branch{min-width:0;border:1px solid #dbe3dc;border-radius:9px;background:#f8faf8;padding:0}
.material-category-branch>summary{cursor:pointer;padding:12px;font-weight:600;line-height:1.5}
.material-category-branch>summary>small{font-size:.75rem;font-weight:400;color:#62746a;margin-left:12px}
.material-category-children{display:grid;gap:7px;margin:0 10px 10px 22px;padding-left:10px;border-left:2px solid #c5d8cc}
@media(max-width:720px){.material-category-children{margin-left:10px;padding-left:8px}.material-category-branch>summary>small{display:block;margin-left:16px}}