@layer components {
  .confirm-dialog-body {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 22px 24px;
  }
  .confirm-dialog-title { font-weight: 600; font-size: 17px; color: var(--text); }
  .confirm-dialog-desc { font-size: 14px; color: var(--muted); line-height: 1.4; }
  .confirm-dialog-actions {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    margin-top: 8px;
  }
}