/* Scoped to case notes; saved note text and other workspaces are unaffected. */
.case-note-card[data-compact-note="1"] {padding:16px 18px; min-width:0}
.case-note-card[data-compact-note="1"] .case-note-head > div {min-width:0}
.case-note-card[data-compact-note="1"] .compact-note-title {margin:8px 0 0; font-size:17px; line-height:1.4; overflow-wrap:anywhere; color:var(--navy)}
.case-note-card[data-compact-note="1"] .compact-note-preview {margin:8px 0 0; font-size:14px; line-height:1.6; max-height:3.2em; overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow-wrap:anywhere; color:var(--muted)}
.case-note-card[data-compact-note="1"] .case-note-details {margin-top:12px; padding-top:0; border-top:1px solid var(--line)}
.case-note-card[data-compact-note="1"] .case-note-details > summary {padding:12px 0 4px; min-height:44px; line-height:1.5}
.case-note-card[data-compact-note="1"] .case-note-details > summary:focus-visible {outline:3px solid var(--sage); outline-offset:3px; border-radius:4px}
.case-note-card[data-compact-note="1"] .case-note-details[open] > summary {padding-bottom:12px}
.case-note-card[data-compact-note="1"] .compact-note-full {white-space:pre-wrap; overflow-wrap:anywhere; max-height:none; overflow:visible; font-size:14px; line-height:1.7; color:var(--ink); padding:16px; margin:0 0 4px; border:1px solid var(--line); border-radius:8px; background:var(--cream)}
@media(max-width:700px) {.case-note-card[data-compact-note="1"] {padding:14px} .case-note-card[data-compact-note="1"] .compact-note-title {font-size:16px}}