.conversation-note-modal { width: min(940px, calc(100vw - 32px)); max-height: calc(100dvh - 32px); display: flex; flex-direction: column; }
.conversation-note-modal .modal-header h2 { font-size: 24px; }
.conversation-note-modal .modal-header { flex-shrink: 0; }
.conversation-note-modal .modal-footer { flex-shrink: 0; border-top: 1px solid #d3dbe0; padding: 16px 24px; }
.conversation-note-body { overflow: auto; padding: 24px; min-height: 0; }
.conversation-content, .conversation-footer-controls { border: 0; margin: 0; padding: 0; min-width: 0; }
.conversation-footer-controls { display: flex; justify-content: flex-end; gap: 12px; flex-wrap: wrap; width: 100%; }
.conversation-fields { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; margin: 16px 0; }
.conversation-fields .full { grid-column: 1 / -1; }
.conversation-note-modal .field { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.conversation-note-modal input:not([type=radio]):not([type=checkbox]), .conversation-note-modal textarea, .conversation-note-modal select { width: 100%; min-width: 0; font: inherit; padding: 10px; border: 1px solid #b8c5d0; border-radius: 4px; color: #253944; background: #fff; }
.conversation-note-modal input[type=radio], .conversation-note-modal input[type=checkbox] { width: 18px; height: 18px; accent-color: #315a85; vertical-align: middle; flex-shrink: 0; }
.conversation-note-modal textarea { min-height: 84px; resize: vertical; }
.conversation-business { display: flex; gap: 8px; align-items: center; padding: 8px 0 16px; }
.conversation-group { border-top: 1px solid #d3dbe0; }
.conversation-group summary { display: flex; justify-content: space-between; align-items: center; gap: 12px; cursor: pointer; font-weight: 650; padding: 15px 0; }
.conversation-group summary::before { content: '+'; color: #446684; }
.conversation-group[open] summary::before { content: '-'; }
.conversation-group summary span { margin-left: auto; }
.conversation-topic { padding: 12px 0; border-top: 1px solid #e4e9ed; display: grid; grid-template-columns: minmax(160px,1fr) minmax(0,2fr); align-items: center; gap: 10px; }
.conversation-topic > strong { overflow-wrap: anywhere; font-size: 14px; font-weight: 600; }
.conversation-topic > input { grid-column: 1 / -1; }
.conversation-status { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); }
.conversation-status button { min-height: 44px; padding: 6px; font: inherit; font-size: 12px; border: 1px solid #bac8d2; background: #fff; color: #344e60; cursor: pointer; overflow-wrap: anywhere; }
.conversation-status button + button { border-left: 0; }
.conversation-status button[aria-pressed=true] { background: #315a85; color: #fff; }
.conversation-note-modal button:focus-visible, .conversation-group summary:focus-visible { outline: 3px solid #638ab2; outline-offset: 3px; }
.conversation-next-choice { display: flex; gap: 14px; flex-wrap: wrap; border: 0; border-top: 1px solid #d3dbe0; padding: 18px 0; margin-top: 20px; }
.conversation-next-choice legend { font-weight: 650; padding-top: 12px; }
.conversation-next-choice label { display: flex; gap: 6px; align-items: center; }
.conversation-summary h1 { font-size: 19px; }
.conversation-summary h2 { font-size: 15px; margin: 18px 0 6px; }
.conversation-summary dl { display: grid; grid-template-columns: 90px 1fr; }
.conversation-summary dd { margin: 0; }
.conversation-summary p { white-space: pre-wrap; overflow-wrap: anywhere; margin: 6px 0; }
.conversation-calendar-preview { white-space: pre-wrap; overflow-wrap: anywhere; background: #eef2f6; padding: 16px; font: inherit; margin-top: 20px; }
.conversation-error { background: #fff1f1; border-left: 3px solid #ac3333; padding: 12px; color: #802c2c; }
.conversation-history .drawer-section-heading { flex-wrap: wrap; gap: 12px; }
.conversation-history-row { display: flex; gap: 12px; align-items: center; justify-content: space-between; padding: 14px 0; border-bottom: 1px solid #d3dbe0; }
.conversation-history-row > div { min-width: 0; overflow-wrap: anywhere; }
.conversation-history-row small { display: block; margin-top: 4px; }
@media(max-width:650px) { .conversation-note-modal { width: calc(100vw - 16px); max-height: calc(100dvh - 16px); } .conversation-note-body { padding: 16px; } .conversation-note-modal .modal-header { padding: 16px; } .conversation-note-modal .modal-header h2 { font-size: 20px; } .conversation-fields, .conversation-topic { grid-template-columns: minmax(0,1fr); } .conversation-status { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 4px; } .conversation-status button + button { border-left: 1px solid #bac8d2; } .conversation-next-choice { flex-direction: column; } }