/* ============================================================
   Krolikx Eat OS — общие стили всех страниц.
   Страничные стили живут в @push('head') соответствующего шаблона.
   При изменении файла меняйте ?v= в layouts/app.blade.php,
   чтобы браузеры клиентов забрали свежую версию.
   ============================================================ */

/* Всплывающие уведомления (тосты) */
.krx-toast {
    position: fixed;
    bottom: 25px;
    right: 25px;
    z-index: 5000;
    color: #fff;
    padding: 14px 22px;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 600;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.25);
    display: flex;
    align-items: center;
    gap: 10px;
    max-width: 360px;
    animation: krxSlideIn 0.4s ease;
    background: #16a34a;
    font-family: 'Segoe UI', Roboto, sans-serif;
}

.krx-toast--error {
    background: #dc2626;
}

@keyframes krxSlideIn {
    from { transform: translateY(80px); opacity: 0; }
    to   { transform: translateY(0);    opacity: 1; }
}