.ai-draft-workspace { display: grid; gap: 13px; }
.ai-draft-banner { display: flex; align-items: flex-start; gap: 10px; padding: 12px 14px; border: 1px solid #ddd5f7; border-radius: 10px; color: var(--ink-700); background: #faf8ff; }
.ai-draft-banner__icon { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 31px; width: 31px; height: 31px; border-radius: 9px; color: var(--clinova-purple); background: var(--clinova-purple-soft); }
.ai-draft-banner strong { display: block; color: var(--ink-900); font-size: 11px; }
.ai-draft-banner span:last-child { display: block; margin-top: 3px; color: var(--ink-600); font-size: 9px; }
.ai-metadata { display: flex; flex-wrap: wrap; gap: 5px; margin-top: 7px; }

.ai-draft-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.ai-draft-column { display: grid; gap: 9px; align-content: start; min-width: 0; }
.ai-draft-column__header { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 11px 12px; border: 1px solid var(--border); border-radius: 9px; background: #fff; }
.ai-draft-column__title { color: var(--ink-800); font-size: 11px; font-weight: 800; }
.ai-section { display: grid; gap: 8px; padding: 11px; border: 1px solid var(--border); border-radius: 9px; background: #fff; }
.ai-section--accepted { border-color: #cce8d6; background: #f8fdf9; }
.ai-section--rejected { border-color: #f0cbd0; background: #fff7f8; }
.ai-section__header { display: flex; align-items: center; justify-content: space-between; gap: 7px; }
.ai-section__title { color: var(--ink-800); font-size: 10px; font-weight: 800; }
.ai-section__actions { display: flex; flex-wrap: wrap; gap: 4px; }
.ai-section__actions .btn { min-height: 25px; padding: 0 6px; font-size: 8px; }
.ai-text { min-height: 110px; padding: 9px; border: 1px solid var(--border); border-radius: 7px; color: var(--ink-700); background: var(--surface-muted); font-size: 10px; line-height: 1.45; white-space: pre-wrap; }
.ai-text--editable { width: 100%; min-height: 110px; resize: vertical; outline: none; }
.ai-text--editable:focus { border-color: var(--clinova-blue); box-shadow: 0 0 0 3px rgba(27,91,215,.1); }

.diff-view { display: grid; gap: 7px; padding: 10px; border: 1px dashed #cdd9eb; border-radius: 8px; background: var(--surface-muted); }
.diff-line { padding: 4px 6px; border-radius: 4px; font-size: 9px; line-height: 1.4; }
.diff-line--ai { color: #80531a; background: #fff1cc; }
.diff-line--clinician { color: #17613c; background: #e9f7ef; }
.diff-line--removed { color: #92323e; background: #ffebed; text-decoration: line-through; }

.ai-empty { display: grid; justify-items: center; gap: 10px; padding: 35px 20px; border: 1px dashed #d5ddec; border-radius: 11px; background: #fbfcfe; text-align: center; }
.ai-empty__icon { display: inline-flex; align-items: center; justify-content: center; width: 45px; height: 45px; border-radius: 14px; color: var(--clinova-purple); background: var(--clinova-purple-soft); }
.ai-empty__title { color: var(--ink-800); font-size: 13px; font-weight: 800; }
.ai-empty__body { max-width: 400px; color: var(--ink-500); font-size: 10px; }

@media (max-width: 840px) { .ai-draft-grid { grid-template-columns: minmax(0, 1fr); } }