.material-details{padding:16px 0 22px;border-bottom:1px solid var(--line);margin-bottom:16px;white-space:normal}
.production-schedule-scroll{container-type:inline-size}
.production-schedule-scroll .material-details{width:calc(100cqw - 64px);max-width:100%}
.material-details h4,.material-editor h4{margin:0 0 8px;font-size:14px;color:var(--text)}
.material-details p,.material-editor p{font-size:12px;line-height:1.7;color:#4c607c;white-space:normal;margin:8px 0 12px}
.material-items-scroll,.material-editor-scroll{max-height:320px;overflow:auto;overscroll-behavior:contain;border:1px solid var(--line);border-radius:8px;background:var(--surface)}
.material-items-table{width:100%;min-width:260px!important;table-layout:fixed}
.material-items-table th:first-child{width:75%}.material-items-table th{position:sticky!important;top:0;z-index:1}
.material-items-table td{white-space:normal;overflow-wrap:anywhere}.material-items-table td,.material-items-table th{padding:10px 14px}
.material-legacy{margin:12px 0;color:#4c607c;font-size:12px}.material-legacy summary{cursor:pointer;padding:8px 0}.material-legacy pre{font:inherit;white-space:pre-wrap;overflow-wrap:anywhere;max-height:180px;overflow:auto;padding:10px;background:#f5f7fa}
.material-details p.material-warning{color:#8a3c08;background:#fff5e5;padding:10px;border-radius:6px}
.material-editor{min-width:0}.material-editor-scroll{padding:12px}
.material-editor-row{display:grid;grid-template-columns:minmax(160px,1fr) 140px auto;gap:12px;align-items:end;padding:8px 0;border-bottom:1px solid var(--line)}
.material-editor-row:last-child{border-bottom:0}.material-editor-row label{min-width:0;font-size:12px}.material-editor-row button{min-height:38px}
.material-editor-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.material-detail-toggle{margin-top:8px;font-size:12px;text-align:left;white-space:normal;line-height:1.5;max-width:100%;padding:6px 8px}
.production-schedule-table .material-count{white-space:normal;overflow-wrap:anywhere}
.material-details:focus-visible,.material-items-scroll:focus-visible,.material-editor-scroll:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
@media(max-width:600px){.material-editor-row{grid-template-columns:minmax(0,1fr) 100px}.material-editor-row button{grid-column:2}.material-editor-scroll{max-height:300px;padding:8px}.material-details{padding:12px 0}}