/* Consent templates (MedOps) and tracked changes on drafts. Colors come from the theme tokens, so light and dark follow; every state also has a word and a mark. */
.cs-text { white-space: pre-wrap; overflow-wrap: anywhere; border: 1px solid var(--color-border); border-radius: var(--radius-md); padding: var(--space-3); background: var(--color-surface-2); margin: 0 0 var(--space-3); max-height: 24rem; overflow: auto; }
.cs-ph { width: 100%; border-collapse: collapse; margin: 0 0 var(--space-3); }
.cs-ph th, .cs-ph td { text-align: left; padding: .25rem .5rem; border-bottom: 1px solid var(--color-border); overflow-wrap: anywhere; }
.cs-reviews { list-style: none; padding: 0; margin: 0 0 var(--space-3); display: grid; gap: var(--space-3); }
.cs-review { border: 1px solid var(--color-border); border-radius: var(--radius-md); padding: var(--space-3); background: var(--color-surface); }
.cs-review h4 { margin: 0 0 .3rem; display: flex; flex-wrap: wrap; gap: .5rem; align-items: center; }
.cs-review.approved { border-left: 4px solid var(--color-accent); }
.cs-review.changes_requested { border-left: 4px dashed var(--color-danger-text); }
.cs-review.waiting { border-left: 4px dotted var(--color-border); }
.cs-review p { margin: .2rem 0; overflow-wrap: anywhere; }
.cs-choice { display: flex; flex-wrap: wrap; gap: .4rem 1.2rem; border: 0; padding: 0; margin: 0 0 var(--space-3); }
.cs-choice legend { font-weight: 600; padding: 0; margin-bottom: .3rem; }
.cs-text-input { width: 100%; font-family: inherit; }
/* tracked changes: what a draft changes against what is in force */
.tc-changes { list-style: none; padding: 0; margin: 0 0 var(--space-3); display: grid; gap: var(--space-3); }
.tc-change { border: 1px solid var(--color-border); border-radius: var(--radius-md); padding: var(--space-3); background: var(--color-surface); }
.tc-change h4 { margin: 0 0 .4rem; display: flex; flex-wrap: wrap; gap: .5rem; align-items: center; }
.tc-kind { padding: 0 .5rem; border-radius: 999px; font-size: .74rem; line-height: 1.3rem; font-weight: 700; border: 1px solid var(--color-border); background: var(--color-surface-2); color: var(--color-text); }
.tc-added { border-left: 4px solid var(--color-accent); }
.tc-removed { border-left: 4px dashed var(--color-danger-text); }
.tc-changed { border-left: 4px double var(--color-text-muted); }
.tc-now, .tc-was { margin: .2rem 0; white-space: pre-wrap; overflow-wrap: anywhere; }
.tc-was { color: var(--color-text-muted); }
.tc-was del, .tc-now ins { text-decoration-thickness: 2px; }
.tc-now ins { text-decoration: underline; background: transparent; }
.tc-who { margin: 0 0 var(--space-3); }
.tc-comments { list-style: none; padding: 0; margin: .5rem 0 0; display: grid; gap: .3rem; }
.tc-comments li { border-top: 1px solid var(--color-border); padding-top: .3rem; overflow-wrap: anywhere; }