.document-inputs { display: grid; gap: 8px; margin: 3px 0 5px; min-width: 0; }
.document-inputs label { color: var(--muted); font-size: .87rem; }
.document-inputs input, .document-inputs select { width: 100%; min-width: 0; padding: 7px 9px; border: 1px solid var(--line); border-radius: 7px; font: inherit; }
.document-fields { display: grid; gap: 9px; grid-template-columns: repeat(auto-fit, minmax(min(100%, 145px), 1fr)); }
.document-fields label { display: grid; gap: 3px; }
.document-actions, .material-actions { display: flex; flex-wrap: wrap; gap: 9px 14px; align-items: center; }
.document-actions select { flex: 1 1 185px; }
.document-inputs a, .material-references a, .material-panel a { color: #80501e; text-decoration: underline; text-underline-offset: 3px; overflow-wrap: anywhere; }
.document-inputs p { overflow-wrap: anywhere; }
.material-references { list-style: none; padding: 0; margin: 6px 0 0; display: grid; gap: 5px; }
.material-references li { display: grid; gap: 3px; font-size: .91rem; }
.composer-attachments { display: flex; flex-wrap: wrap; gap: 6px; margin: 0; padding: 0 16px 10px; }
.composer-attachments:empty, .attachment-status:empty { display: none; }
.composer-attachments li { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; max-width: 100%; padding: 3px 8px; border: 1px solid var(--line); border-radius: 7px; background: var(--canvas); }
.attachment-status { padding: 0 16px 8px; font-size: 13px; overflow-wrap: anywhere; }
.attachment-status a { text-decoration: underline; color: var(--gold-dark); }
.document-inputs .material-references li { display: flex; gap: 8px; align-items: center; }
.material-references blockquote, .material-passages blockquote { margin: 4px 0; padding-inline-start: 10px; border-inline-start: 2px solid var(--line); white-space: pre-wrap; overflow-wrap: anywhere; text-align: start; }
.material-panel h1 { overflow-wrap: anywhere; }
.material-panel #material-body { display: grid; gap: 8px; min-width: 0; }
.material-panel #material-body > h2 { margin: 13px 0 1px; font: 600 22px/1.4 var(--serif); }
.material-actions a { display: inline-flex; align-items: center; min-height: 37px; padding: 5px 10px; border: 1px solid var(--gold-line); border-radius: var(--control-radius); background: var(--paper); text-decoration: none; }
.material-version { overflow-wrap: anywhere; font-size: .82rem; }
.material-issue { color: #8b2925; }
.material-page { margin: 10px 0; border: 1px solid var(--line); border-radius: 8px; overflow: hidden; }
.material-page figcaption { padding: 8px 12px; background: var(--sidebar); color: var(--muted); }
.material-page img { display: block; max-width: 100%; height: auto; margin: auto; }
.material-image-stage { position: relative; background: var(--paper); }
.material-image-stage img { width: 100%; }
.material-region { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; }
.material-region rect { fill: #e9b44740; stroke: #80501e; stroke-width: 2; }
.material-region-warning rect { fill: #d75b453d; stroke: #8b2925; stroke-dasharray: 5 3; }
.material-passages { padding: 0; list-style: none; display: grid; gap: 8px; }
.material-passages li { border: 1px solid var(--line); border-radius: 8px; padding: 11px 13px; background: var(--paper); line-height: 1.65; }
.material-passages li > span { margin-inline-start: 10px; font-size: .88rem; }
.material-passages .material-highlight { border-color: var(--gold); background: var(--gold-soft); }