html,
 body {
    height: 100%;
    margin: 0;
}
.min-vh-100 {
    min-height: 100vh;
}
.description {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #0097dc;
    font-family: "Device Model", Roboto, sans-serif;
    text-align: center;

    /* This single line fixes the newline issue */
    white-space: pre-wrap;
}
.we-primary {
    background-color: #0097dc !important; /* Явно задаем синий фон Bootstrap */
    color: white;
}
h2 {
    color: white;
    margin: 0; /* Убираем отступы у h2 для точного центрирования */
}

.login {
    display: flex;
    align-items: center;    /* Вертикальное выравнивание */
    justify-content: center; /* Горизонтальное выравнивание */
}

/* Адаптивные стили для сайдбара */
@media (max-width: 900px) {
    .sidebar-collapse {
        width: 80px !important;
    }
    .sidebar-text {
        display: none !important;
    }
    .list-group-item, .btn {
        text-align: center;
        padding: 0.5rem !important;
    }
    .list-group-item b, .list-group-item p, .list-group-item small {
        display: none;
    }
    .bi {
        font-size: 1.3rem;
        margin-right: 0 !important;
    }
    .btn .bi {
        font-size: 1.1rem;
    }
}

@media (min-width: 1025px) {
    .sidebar-collapse {
        width: 300px !important;
    }
    .sidebar-text {
        display: inline !important;
    }
}