/* CSR Generator: form fields and the result. Loaded only on /tools/csr-generate/. */
.csr-label { font-weight: 600; }
.csr-names { width: 100%; font-family: var(--matrix-font-mono); }
.csr-hint { margin: 0; font-size: var(--matrix-type-caption); }
.csr-hint-bad { color: var(--matrix-danger); }
.csr-subject summary { cursor: pointer; font-weight: 600; min-height: 32px; }
.csr-subject[open] { display: grid; gap: var(--matrix-space-8); }
.csr-field { display: grid; gap: 4px; }
.csr-field .matrix-input { width: min(100%, 26em); }
.csr-output { width: 100%; font-family: var(--matrix-font-mono); font-size: 0.8125rem; white-space: pre; }
.csr-summary { display: grid; grid-template-columns: minmax(8em, max-content) 1fr; gap: 4px var(--matrix-space-12); margin: var(--matrix-space-12) 0; }
.csr-summary dt { font-weight: 600; }
.csr-summary dd { margin: 0; overflow-wrap: anywhere; }
.csr-mono { font-family: var(--matrix-font-mono); font-size: 0.875rem; }
.csr-good { color: var(--matrix-success); }
.csr-bad { color: var(--matrix-danger); }
.csr-warning { border-left: 4px solid var(--matrix-warning); padding: var(--matrix-space-8) var(--matrix-space-12); background: var(--matrix-warning-background); }
@media (max-width: 600px) { .csr-summary { grid-template-columns: 1fr; } }