.material-notice{padding:12px 15px;border-left:3px solid #bc9660;background:#faf6ee;border-radius:4px;color:#775b32!important;font-size:.85rem;line-height:1.7}
.material-search{display:grid;gap:8px;font-size:.85rem;color:var(--muted);max-width:420px;margin-bottom:18px}
.material-source-group{border-top:1px solid var(--line);padding:15px 0}
.material-group-heading{display:flex;align-items:center;gap:10px;margin-bottom:12px;flex-wrap:wrap}
.material-group-heading h3{margin:0 auto 0 0;font-size:.95rem}.material-group-heading small{color:var(--muted);font-weight:400;margin-left:5px}
.material-group-heading button{font-size:.8rem;padding:5px 8px}
.material-source-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.material-source-grid label{display:flex;flex-direction:row;align-items:flex-start;gap:10px;padding:11px;border:1px solid var(--line);border-radius:6px;cursor:pointer;font-size:.85rem;line-height:1.5;min-width:0}
.material-source-grid label:has(:checked){border-color:var(--brand-muted);background:var(--accent-soft)}
.material-source-grid input{margin-top:3px!important}.material-source-grid span{min-width:0;overflow-wrap:anywhere}
.material-source-grid small{display:block;color:var(--muted);font-size:.72rem;margin-top:4px}
.material-records{margin:18px 0}.material-record{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;padding:16px 0;border-bottom:1px solid var(--line);font-size:.85rem;line-height:1.6}
.material-record:last-child{border:0}.material-record strong{font-weight:550}.material-record small{display:block;color:var(--muted);margin-top:5px;overflow-wrap:anywhere}
.material-history .report-row{padding:18px 0}.material-history .report-row:focus-visible{outline-offset:3px}
.material-detail-status{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.material-detail-status>span:last-child{font-size:.8rem;color:var(--muted)}
#material-preview{scroll-margin-top:24px}#material-preview h2{outline:none}
@media(max-width:1100px){.material-source-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){#collection-form .report-form-grid{grid-template-columns:1fr;}.material-source-grid{grid-template-columns:1fr}.material-record{grid-template-columns:1fr;gap:8px}.material-history .report-row{gap:8px}.material-history .report-row-end{padding-left:0}.material-history .report-row-end time{font-size:.68rem}.material-group-heading{gap:4px}}
#materials-root .report-heading h1:focus-visible,#material-preview h2:focus-visible{outline:none!important;box-shadow:none}

.source-filters{display:flex;gap:18px;margin:20px 0}.source-filters label{display:grid;gap:7px;color:var(--muted);font-size:.8rem}.source-filters label:first-child{flex:1}.source-filters input,.source-filters select{padding:9px 12px;border:1px solid var(--line);border-radius:6px;background:var(--surface,#fff);color:var(--ink);font:inherit}
#source-list{max-height:540px;overflow:auto;padding-right:14px;overscroll-behavior:contain}