/* app2.css – Site 2 theme
   Base CIMS layout + teal/green variant
*/
@import url("app.css");

/* Page background */
body {
    background-color: #f2fff7; /* soft green-ish */
}

/* Topbar */
#page-topbar {
    background-color: #ffffff;
}

/* Sidebar */
.vertical-menu {
    background-color: #0d3c33;  /* deep teal */
}

/* Sidebar links */
#sidebar-menu ul li a {
    color: #d8f5ea;
}

#sidebar-menu ul li a:hover,
#sidebar-menu ul li.mm-active > a {
    background-color: #145747;
    color: #ffffff;
}

/* Footer */
.footer {
    background-color: #0d3c33;
    color: #d8f5ea;
}

/* Primary accent (buttons, highlights) */
.btn-primary,
.badge.bg-primary,
.alert-top-border.alert-primary {
    background-color: #1ba37c;
    border-color: #1ba37c;
}

/* Optional: login page background tweak */
body[data-layout-mode="dark"] {
    background-color: #021712;
}

:root [data-sidebar=dark],
[data-bs-theme=light] [data-sidebar=dark] {
    --bs-sidebar-dark-bg: #0d3c33;                    /* sidebar background */
    --bs-sidebar-dark-menu-item-color: #c5f0e1;       /* normal text */
    --bs-sidebar-dark-menu-sub-item-color: #c5f0e1;   /* submenu text */
    --bs-sidebar-dark-menu-item-icon-color: #c5f0e1;  /* icons */
    --bs-sidebar-dark-menu-item-hover-color: #ffffff; /* text color on hover */
    --bs-sidebar-dark-menu-item-active-color: #ffffff;/* active link text */
    --bs-sidebar-dark-menu-item-active-bg-color: #1a6b57; /* active bg */
}

/* =========================
   BG DARK OVERRIDE – SITE 2
========================= */
.bg-dark {
    background-color: #0d3c33 !important;  /* Deep Teal / Green */
}