/* TOP BAR */
.topbar {
    height: 56px;
    background-color: #0d6efd;
    border-bottom: 2px solid #003f9e;
    color: white;
}

/* LAYOUT */
.layout-container {
    display: flex;
    height: calc(100vh - 56px);
    overflow-x: hidden !important;
}

/* SIDEBAR */
.sidebar {
    width: 260px;
    background-color: #0d6efd;
    color: white;
    border-right: 2px solid #444;
    overflow-x: hidden !important;
    transition: width 0.25s ease, opacity 0.25s ease;
    padding: 10px;
}

    /* Sidebar chiusa */
    .sidebar.collapsed {
        width: 0 !important;
        opacity: 0;
        padding: 0 !important;
        overflow: hidden !important;
    }

/* CONTENUTO */
.content {
    flex: 1;
    padding: 20px;
    background-color: #f5f5f5;
    transition: margin-left 0.25s ease;
}

    /* Quando la sidebar è chiusa, il contenuto si espande */
    .content.expanded {
        margin-left: 0 !important;
    }

/* HAMBURGER BUTTON */
.hamburger-btn {
    background: none;
    border: none;
    color: white;
    font-size: 26px;
    cursor: pointer;
    padding: 0 10px;
}

    .hamburger-btn:hover {
        opacity: 0.8;
    }