body {
    font-family: var(--bs-font-monospace), SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important;
}

html, body {
    height: 100%;
    height: 100dvh;
    margin: 0;
    overflow: hidden;
}

.offcanvas {
    --bs-offcanvas-width: 280px; 
}

.navbar, .offcanvas-header {
    height: 52px;
    display: flex;
    align-items: center;
}

.custom-toggler {
    border: none !important;
    padding: 0.5rem;
    border-radius: 8px;
    transition: background-color 0.2s;
}

.custom-toggler:hover {
    background-color: #f3f4f6;
}

.custom-toggler:focus {
    box-shadow: none;
}

.main-wrapper {
    flex: 1 1 auto;
    min-height: 0; 
    position: relative;
    overflow: hidden;
}

.login-card {
    max-width: 400px;
    width: 90%;
}

.login-logo {
    height: 64px;
    object-fit: contain;
}

.chat-container {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}

flowise-fullchatbot {
    display: block;
    width: 100%;
    height: 100%;
}

.menu-section-title {
    font-size: 0.75rem;
    letter-spacing: 0.5px;
    text-transform: uppercase;
}

.menu-chat-btn {
    font-size: 0.95rem;
}

@media (max-height: 550px) and (orientation: landscape) {
    .navbar {
        display: none !important;
    }
}