/*
  template.css
  Generic layout chrome extracted from the original app's shared layout
  (colors, sidebar skin, mobile menu toggle). Kept free of any
  app-specific/business styling so it can be reused as-is in another project.
*/

:root,
[data-bs-theme="light"] {
    --bs-primary: #2e717c;
    --bs-primary-rgb: 47, 97, 106;
}

.layout-menu {
    background-color: #2f6169 !important;
}

.layout-menu .menu-link {
    color: #fff !important;
}

.layout-menu .menu-link:hover {
    background: rgba(32, 146, 236, .12) !important;
}

.layout-menu .menu-item.active > .menu-link {
    background: linear-gradient(90deg, #277480, #36a1b2) !important;
    color: #fff !important;
}

.content-wrapper {
    padding-top: 15px;
    padding-left: 25px;
}

.mobile-menu-fab {
    position: fixed;
    inset-block-start: clamp(0.45rem, 1.8vw, 0.85rem);
    inset-inline-start: clamp(0.45rem, 1.8vw, 0.85rem);
    z-index: 1080;
    background-color: transparent;
    box-shadow: none;
}

.mobile-menu-fab .mobile-menu-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: clamp(1.8rem, 6vw, 2.6rem);
    height: clamp(1.6rem, 5.2vw, 2.2rem);
    text-decoration: none;
}

.mobile-menu-fab .mobile-menu-btn:hover,
.mobile-menu-fab .mobile-menu-btn:focus {
    background-color: transparent;
}

.mobile-hamburger-lines {
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    gap: clamp(0.2rem, 0.7vw, 0.36rem);
}

.mobile-hamburger-lines span {
    display: block;
    width: clamp(1.2rem, 3.8vw, 1.9rem);
    height: clamp(0.11rem, 0.28vw, 0.19rem);
    background-color: #2e717c;
    border-radius: 2px;
}

@media (max-width: 1199.98px) {
    .content-wrapper {
        padding-top: 2.2rem;
    }
}

/* Sidebar profile block (avatar + name + dropdown) */
.sidebar-profile {
    margin-bottom: 2.5rem;
}

.sidebar-profile .impersonate {
    background-color: #fff !important;
    text-transform: uppercase;
    color: #000;
    font-size: .8em;
    height: 50px;
    padding: 15px;
    margin-top: -20px;
    margin-bottom: 10px;
}