/* ════════════════════════════════════════════════════════════
 * ui-feedback.css — Biosis RCL component stilleri
 * Bölümler: UiAlert, UiSpinner
 * (ui-components.css monolitinden bölündü — 2026-06-02)
 * ════════════════════════════════════════════════════════════ */

/*
 * UiAlert — scoped styling. The icon is sized via this rule rather than via
 * Tailwind utilities so the SVG path stroke renders at a consistent weight
 * across viewports.
 */

.ui-alert__icon {
    flex-shrink: 0;
    width: 1.25rem;
    height: 1.25rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding-top: 1px;
}

.ui-alert__icon svg {
    width: 1rem;
    height: 1rem;
}

.ui-alert__body {
    flex: 1 1 auto;
    line-height: 1.5;
}

/* === Ui/Feedback/UiSpinner.razor.css === */
/*
 * UiSpinner — scoped styling. The animation is suppressed when the user
 * has prefers-reduced-motion enabled.
 */

.ui-spinner {
    display: inline-block;
    border-radius: 9999px;
    border: 2px solid currentColor;
    border-top-color: transparent;
    animation: ui-spinner-rotate 700ms linear infinite;
}

.ui-spinner--sm { width: 0.75rem; height: 0.75rem; border-width: 1.5px; }
.ui-spinner--md { width: 1rem;    height: 1rem;    border-width: 2px;   }
.ui-spinner--lg { width: 1.5rem;  height: 1.5rem;  border-width: 2.5px; }

@keyframes ui-spinner-rotate {
    to { transform: rotate(360deg); }
}

@media (prefers-reduced-motion: reduce) {
    .ui-spinner { animation: none; }
}

/* === Ui/Inputs/UiInput.razor.css === */