.scrollable-container,
.scrollable-container-buy-sell,
.scrollable-container-help {
    /* max-height: calc(100dvh - 280px); /* Nowoczesne podejście */
    /* max-height: calc(-webkit-fill-available - 280px); /* iOS Safari */
    max-height: 80dvh;
    min-height: 560px;
    overflow-y: auto; /* Włącz przewijanie w pionie */
    padding: 10px; /* Opcjonalne odstępy wewnętrzne */
    border: 1px solid #ddd; /* Opcjonalna ramka dla lepszej widoczności */
    border-radius: 5px;
    background-size: cover; /* Dopasowanie zdjęcia do rozmiaru kontenera */
    background-position: center; /* Wyrównanie zdjęcia na środku */
    background-repeat: no-repeat; /* Zapobieganie powtarzaniu tła */
}

.scrollable-container {
    background-image: url('/assets/images/bg/chat_background.webp'); /* Ścieżka do zdjęcia */
}

.scrollable-container-buy-sell {
    background-image: url('/assets/images/bg/chat_buysell.webp'); /* Ścieżka do zdjęcia */
}

.scrollable-container-help {
    background-image: url('/assets/images/bg/chat_help.webp'); /* Ścieżka do zdjęcia */
}

.clock {
    color: var(--vz-success);
    letter-spacing: 3px;
    font-weight: bold;
    font-family: Arial;
}

@media (max-width: 350px) {
    .clock {
        color: var(--vz-success);
        letter-spacing: 1px;
        font-weight: bold;
        font-family: Arial;
        font-size: x-small;
    }
}