/* Case Workspace page-specific styles, extracted from complaint.html,
     already scoped under .cx-scope */
  .cx-scope .detail-header { display: flex; flex-direction: column; gap: var(--space-3); margin-bottom: var(--space-5); }
  .cx-scope .detail-meta { display: flex; flex-wrap: wrap; gap: var(--space-2); align-items: center; }
  .cx-scope .detail-grid { display: grid; grid-template-columns: 2fr 1fr; gap: var(--space-5); align-items: flex-start; }
  @media (max-width: 900px) { .cx-scope .detail-grid { grid-template-columns: 1fr; } }
  .cx-scope .info-row { display: flex; justify-content: space-between; padding: var(--space-3) 0; border-bottom: 1px solid var(--border); font-size: 13.5px; }
  .cx-scope .info-row:last-child { border-bottom: none; }
  .cx-scope .info-row dt { color: var(--text-secondary); }
  .cx-scope .info-row dd { font-weight: 600; text-align: right; }
  .cx-scope .note-item { padding: var(--space-4) 0; border-bottom: 1px solid var(--border); }
  .cx-scope .note-item:last-child { border-bottom: none; }
  .cx-scope .activity-item { display: flex; gap: var(--space-3); padding: var(--space-3) 0; }
  .cx-scope .activity-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--accent); margin-top: 5px; flex-shrink: 0; }
  .cx-scope .activity-line { flex: 1; border-left: 1.5px dashed var(--border); margin-left: 3px; padding-bottom: var(--space-3); }