/* MOBILE ONLY STYLES */
.app-container {
    height: 100dvh; /* fixes mobile browser height issue */
}

/* Reduce sidebar width */
.sidebar {
    width: 25px !important;
}

/* When expanded on mobile, full width */
.sidebar.expanded {
    width: 100% !important;
}

.icon-btn {
    font-size: 12px;
    padding: 9px 5px;
}

/* Make content scroll inside */
.content-area {
    overflow-y: auto !important;
}

/* Reduce header height */
.header {
    height: 35px;
    font-size: 14px;
}

/* Smaller logo */
.logo-text {
    font-size: 16px;
}

/* Footer tweaks */
.footer {
    font-size: 10px;
    padding: 0 5px;
}