/* TR: Paylaşılan operasyon-geri-bildirimi modalı — cx-dialog tabanının üstünde mod ikonu/rengi. Yalnız token'lar; yeni modal tasarımı yok.
   EN: Shared operation-feedback modal — mode icon/color on top of the cx-dialog base. Tokens only; no new modal design. */
.cx-operation-feedback .cx-dialog__header {
    gap: var(--cx-space-2);
}

.cx-operation-feedback__icon {
    display: inline-grid;
    flex: 0 0 auto;
    place-items: center;
    width: 24px;
    height: 24px;
}

.cx-operation-feedback__icon--error {
    color: var(--cx-color-danger);
}

.cx-operation-feedback__icon--success {
    color: var(--cx-color-success);
}

.cx-operation-feedback__icon--confirm {
    color: var(--cx-color-primary);
}

/* Title takes remaining space so the close button stays right-aligned next to the icon. */
.cx-operation-feedback .cx-dialog__title {
    flex: 1 1 auto;
}

.cx-operation-feedback__message {
    margin: 0;
    color: var(--cx-color-text);
    line-height: var(--cx-line-height-snug);
}