/* Explain: Gaya untuk halaman obrolan langsung petugas desa. */
/* Halaman obrolan langsung warga dengan petugas */
.chat-page-room {
    overflow: hidden;
}

.chat-page-thread {
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
    min-height: 20rem;
    max-height: 60vh;
    overflow-y: auto;
    padding: 1.1rem;
    background: color-mix(in srgb, var(--primary-color) 5%, var(--surface-color));
}

.chat-page-active .chat-widget {
    display: none !important;
}

@media (min-width: 640px) {
    .chat-page-thread {
        min-height: 26rem;
    }
}