/*  ────────────────────────────────────────────────
    custom.css – небольшие доработки поверх
    Bootswatch Flatly.  Все цвета берутся из темы.
   ──────────────────────────────────────────────── */

/* Навбар: увеличим высоту и немного “сожмём” элементы справа */
.navbar {
    padding-top: .65rem;
    padding-bottom: .65rem;
}
.navbar-nav .nav-link {
    font-weight: 600;
    letter-spacing: .02rem;
}

/* Логотип (brand) чуть крупнее */
.navbar-brand {
    font-size: 1.35rem;
}

/* Анимация появления карточек/форм */
@keyframes fade-in-up {
    from { opacity: 0; transform: translateY(12px); }
    to   { opacity: 1; transform: translateY(0);    }
}
.animate-fadein   { animation: fade-in-up .4s ease-out both; }

/* Флеш-сообщения – уберём лишнюю толщину */
.alert {
    padding-top: .55rem;
    padding-bottom: .55rem;
}

/* Кнопки у табличных действий (Редагувати / Видалити) */
.table .btn-sm i { margin-right: .20rem; }

/* Карточка авторизации – фикс ширины и центрирование заголовка */
.card-auth { max-width: 420px; margin: 0 auto; }
.card-auth .card-header { font-size: .95rem; }

/* Тёмные иконки Bootstrap-icons в nav-е смотрелись “легче” */
.navbar .bi { font-size: .92rem; vertical-align: -.05em; }

/* Мини-фикс: скрытый спиннер (парсинг) */
#loadingIndicator { font-size: .875rem; }