/* ================================================
   OPSI C — Teal Soft
   Primary  : #2E8B82  (sidebar bg)
   Active   : #3AA89D  (hover/active item)
   Deep     : #267870  (sub-menu bg)
   Accent   : #E1F5EE  (border-left/badge)
   Text     : #E1F5EE  (sidebar text)
   ================================================ */

/* --- Buttons --- */
.btn-primary {
    background-color: #E1F5EE;
    border-color: #2E8B82;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
    background-color: #2E8B82;
    border-color: #267870;
}

/* --- Sidebar --- */
.main-sidebar {
    background-color: #2E8B82 !important;
}

/* --- Sidebar toggle (hamburger) --- */
.sidebar-toggle {
    color: #E1F5EE !important;
}

.sidebar-toggle:hover {
    background-color: #3AA89D !important;
    border-color: transparent !important;
    color: #fff !important;
}

/* --- Content wrapper --- */
.content-wrapper {
    min-height: 100vh !important;
}

/* --- User header di dropdown --- */
.main-header li.user-header {
    background-color: #E1F5EE !important;
}

/* --- Sidebar menu links --- */
.sidebar-menu li a {
    color: #E1F5EE !important;
    transition: background-color 0.15s ease, color 0.15s ease;
}

/* --- Hover & Active item --- */
.sidebar-menu>li:hover>a,
.sidebar-menu>li.active>a,
.sidebar-menu>li.menu-open>a {
    color: #fff !important;
    background-color: #3AA89D !important;
    border-left: 3px solid #E1F5EE !important;
}

.sidebar-menu li:hover {
    background-color: #3AA89D !important;
}

/* --- Sembunyikan icon sidebar --- */
.sidebar-menu i {
    display: none !important;
}

/* --- User menu di navbar --- */
.main-header .navbar .nav>li.user-menu>a.dropdown-toggle {
    transition: 0.2s ease;
    color: #E1F5EE !important;
    padding-bottom: 35px;
}

.main-header .navbar .nav>li.user-menu>a.dropdown-toggle:hover {
    color: #ffffff !important;
    background-color: #2E8B82 !important;
    border-radius: 2px;
}

.main-header .navbar .nav>li.user-menu>.dropdown-menu {
    padding-top: 35px !important;
    background-color: #2E8B82 !important;
}

/* --- Treeview sub-menu --- */
.treeview-menu {
    display: none;
    list-style: none;
    padding: 0 0 0 5px;
    margin: 0;
    white-space: normal;
    background-color: #267870 !important;
}

.treeview-menu li a {
    color: #E1F5EE !important;
    padding-left: 20px !important;
}

.treeview-menu li:hover>a,
.treeview-menu li.active>a {
    color: #fff !important;
    background-color: #3AA89D !important;
    border-left: 3px solid #E1F5EE !important;
}

/* --- Sidebar brand/logo area --- */
.main-sidebar .sidebar-brand,
.main-header .logo {
    background-color: #267870 !important;
    color: #E1F5EE !important;
}

.main-header .logo:hover {
    background-color: #2E8B82 !important;
}