/* .user-panel {
    transition: all 0.3s ease;
  }

  body.sidebar-collapse .user-panel {
    opacity: 0;
    max-height: 0;
    overflow: hidden;
    padding: 0;
    margin: 0;
  } */

/* ─── Brand primary: #087990 (dark teal) ──────────────────────────────────── */
:root {
  --bs-primary:               #087990;
  --bs-primary-rgb:           8, 121, 144;
  --bs-primary-text-emphasis: #054e5e;
  --bs-primary-bg-subtle:     #d0eef3;
  --bs-primary-border-subtle: #a8dde6;
  --bs-link-color:            #087990;
  --bs-link-color-rgb:        8, 121, 144;
  --bs-link-hover-color:      #065e71;
}

.list-group {
  --bs-list-group-active-bg:           #087990;
  --bs-list-group-active-border-color: #087990;
  --bs-list-group-active-color:        #fff;
}

/* ─── Light sidebar: white background, teal active states ─────────────────── */
.app-sidebar {
  background-color: #fff !important;
  border-right: 1px solid #e9ecef;
  --lte-sidebar-color:                #495057;
  --lte-sidebar-hover-color:          #087990;
  --lte-sidebar-hover-bg:             rgba(8, 121, 144, 0.08);
  --lte-sidebar-active-color:         #087990;
  --lte-sidebar-menu-active-bg:       rgba(8, 121, 144, 0.10);
  --lte-sidebar-menu-active-color:    #087990;
  --lte-sidebar-submenu-color:        #6c757d;
  --lte-sidebar-submenu-hover-color:  #087990;
  --lte-sidebar-submenu-hover-bg:     rgba(8, 121, 144, 0.06);
  --lte-sidebar-submenu-active-color: #087990;
  --lte-sidebar-submenu-active-bg:    rgba(8, 121, 144, 0.08);
  --lte-sidebar-header-color:         #adb5bd;
}

/* ─── Dark sidebar: near-black background, white active states ────────────── */
.app-sidebar[data-bs-theme=dark] {
  background-color: #1a1c1e !important;
  border-right: 1px solid #2a2d30;
  --lte-sidebar-color:                #c2c7d0;
  --lte-sidebar-hover-color:          #ffffff;
  --lte-sidebar-hover-bg:             rgba(255, 255, 255, 0.08);
  --lte-sidebar-active-color:         #ffffff;
  --lte-sidebar-menu-active-bg:       rgba(255, 255, 255, 0.15);
  --lte-sidebar-menu-active-color:    #ffffff;
  --lte-sidebar-submenu-color:        #8a9099;
  --lte-sidebar-submenu-hover-color:  #ffffff;
  --lte-sidebar-submenu-hover-bg:     rgba(255, 255, 255, 0.06);
  --lte-sidebar-submenu-active-color: #ffffff;
  --lte-sidebar-submenu-active-bg:    rgba(255, 255, 255, 0.12);
  --lte-sidebar-header-color:         #6c757d;
}

.app-sidebar .brand-text {
  color: #087990;
  font-weight: 600;
}


.btn-voprimary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #087990;
  --bs-btn-border-color: #087990;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: rgb(10, 145, 173);
  --bs-btn-hover-border-color: rgb(9, 132, 157);
  --bs-btn-focus-shadow-rgb: 7, 103, 122;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: rgb(12, 156, 186);
  --bs-btn-active-border-color: rgb(9, 132, 157);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #087990;
  --bs-btn-disabled-border-color: #087990;
}

.btn-outline-voprimary {
  --bs-btn-color:                 #087990;
  --bs-btn-border-color:          #087990;
  --bs-btn-hover-color:           #fff;
  --bs-btn-hover-bg:              #087990;
  --bs-btn-hover-border-color:    #087990;
  --bs-btn-focus-shadow-rgb:      8, 121, 144;
  --bs-btn-active-color:          #fff;
  --bs-btn-active-bg:             #087990;
  --bs-btn-active-border-color:   #087990;
  --bs-btn-active-shadow:         inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color:        #087990;
  --bs-btn-disabled-bg:           transparent;
  --bs-btn-disabled-border-color: #087990;
  --bs-gradient: none;
}