/* CareDesk brand theme — overrides legacy teal look */
:root {
  --cd-navy: #0b2f4a;
  --cd-navy-2: #123f63;
  --cd-blue: #1a6fa8;
  --cd-accent: #6dbf3f;
  --cd-accent-dark: #4fa028;
  --cd-soft: #eef3f8;
  --bs-primary: #0b2f4a;
  --bs-primary-rgb: 11, 47, 74;
}

/* Page shell / sidebar show-through */
.wrapper {
  background: linear-gradient(165deg, #0b2f4a 0%, #123f63 45%, #1a6fa8 100%) !important;
  filter: none !important;
}

.sign-in-page .sign-in-page-bg::after,
.sign-in-page .sign-in-detail {
  background: linear-gradient(160deg, #0b2f4a 0%, #1a6fa8 60%, #6dbf3f 140%) !important;
  filter: none !important;
}

body {
  background-color: var(--cd-soft) !important;
}

.content-page {
  background: #f5f7fa !important;
}

/* Content-area links only (DO NOT target sidebar) */
.content-page a:not(.btn):not(.nav-link):not(.page-link):not(.dropdown-item),
.content-page .text-primary {
  color: #0b2f4a;
}

.page-link {
  color: #0b2f4a !important;
}

.page-item.active .page-link {
  background-color: #0b2f4a !important;
  border-color: #0b2f4a !important;
  color: #fff !important;
}

.nav-tabs .nav-link.active {
  color: #0b2f4a !important;
  border-bottom-color: #6dbf3f !important;
}

.nav-pills .nav-link.active {
  color: #0b2f4a !important;
  background: #e8eef4 !important;
}

/* Primary buttons & badges */
.btn-primary,
.bg-primary,
.badge-primary,
a.bg-primary {
  color: #fff !important;
  background: linear-gradient(90deg, #0b2f4a 0%, #1a6fa8 100%) !important;
  border-color: #0b2f4a !important;
  filter: none !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
a.bg-primary:hover,
button.bg-primary:hover {
  color: #fff !important;
  background: linear-gradient(90deg, #1a6fa8 0%, #6dbf3f 100%) !important;
  border-color: #1a6fa8 !important;
  filter: none !important;
}

.btn-outline-primary {
  color: #0b2f4a !important;
  border-color: #0b2f4a !important;
}

.btn-outline-primary:hover {
  color: #fff !important;
  background: #0b2f4a !important;
  border-color: #0b2f4a !important;
}

.btn-outline-success {
  color: #4fa028 !important;
  border-color: #6dbf3f !important;
}

.btn-outline-success:hover {
  color: #fff !important;
  background: #6dbf3f !important;
  border-color: #6dbf3f !important;
}

.iq-bg-primary {
  background: #e8eef4 !important;
  color: #0b2f4a !important;
}

/* ========== SIDEBAR: force readable white text/icons ========== */
.iq-sidebar,
.iq-sidebar .iq-sidebar-menu,
.iq-sidebar .iq-menu {
  color: #ffffff !important;
}

.iq-sidebar .iq-sidebar-menu .iq-menu li > a,
.iq-sidebar .iq-sidebar-menu .iq-menu li > a span,
.iq-sidebar .iq-sidebar-menu .iq-menu li > a i,
.iq-sidebar .iq-sidebar-menu .iq-menu li > a .iq-arrow-right,
.iq-sidebar .iq-sidebar-menu .iq-menu .iq-menu-title {
  color: #ffffff !important;
}

.iq-sidebar .iq-sidebar-menu .iq-menu li > a:hover {
  background: rgba(255, 255, 255, 0.14) !important;
  color: #ffffff !important;
}

.iq-sidebar .iq-sidebar-menu .iq-menu li.active > a,
.iq-sidebar .iq-sidebar-menu .iq-menu li.menu-open > a {
  background: #ffffff !important;
  color: #0b2f4a !important;
  box-shadow: none !important;
}

.iq-sidebar .iq-sidebar-menu .iq-menu li.active > a span,
.iq-sidebar .iq-sidebar-menu .iq-menu li.active > a i,
.iq-sidebar .iq-sidebar-menu .iq-menu li.active > a .iq-arrow-right,
.iq-sidebar .iq-sidebar-menu .iq-menu li.menu-open > a span,
.iq-sidebar .iq-sidebar-menu .iq-menu li.menu-open > a i {
  color: #0b2f4a !important;
}

/* Logo strip */
.iq-sidebar .iq-sidebar-logo {
  display: flex !important;
  align-items: center;
  justify-content: space-between;
  background: #ffffff !important;
  border-radius: 0 0 14px 14px;
  padding: 10px 12px !important;
  float: none !important;
  width: 100% !important;
  z-index: 5;
  position: relative;
}

.iq-sidebar .iq-sidebar-logo a {
  display: flex !important;
  align-items: center;
  gap: 8px;
  color: #0b2f4a !important;
}

.iq-sidebar .iq-sidebar-logo a img {
  max-height: 42px;
  width: auto;
}

.iq-sidebar .iq-sidebar-logo a .brand-text {
  display: none !important;
}

/* Always show sidebar swap/toggle button */
body.sidebar-main-menu .iq-sidebar .iq-menu-bt,
body.sidebar-main-menu .iq-sidebar .iq-menu-bt-sidebar,
.iq-sidebar .iq-menu-bt,
.iq-sidebar .iq-menu-bt-sidebar {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  margin: 0 !important;
  padding: 4px !important;
}

.iq-sidebar .wrapper-menu {
  color: #0b2f4a !important;
  cursor: pointer !important;
  z-index: 10;
  position: relative;
}

.iq-sidebar .wrapper-menu .main-circle,
.iq-sidebar .wrapper-menu .hover-circle {
  color: #0b2f4a !important;
}

/* Expanded state (swap open) — force full width + labels */
body.sidebar-main-menu.sidebar-main .iq-sidebar {
  width: 260px !important;
}

body.sidebar-main-menu.sidebar-main .iq-sidebar .iq-sidebar-logo {
  width: 100% !important;
}

body.sidebar-main-menu.sidebar-main .iq-sidebar .iq-sidebar-menu .iq-menu li a span,
body.sidebar-main-menu.sidebar-main .iq-sidebar .iq-sidebar-menu .iq-menu li a .badge {
  opacity: 1 !important;
  display: inline-block !important;
  color: inherit !important;
}

body.sidebar-main-menu.sidebar-main .content-page {
  margin-left: 260px !important;
}

body.sidebar-main-menu.sidebar-main .iq-top-navbar {
  width: calc(100% - 310px) !important;
}

/* Collapsed: keep icons white/visible */
body.sidebar-main-menu:not(.sidebar-main) .iq-sidebar .iq-sidebar-menu .iq-menu li > a i {
  color: #ffffff !important;
  opacity: 1 !important;
}

.sign-in-brand {
  margin-bottom: 1.25rem;
}

.sign-in-brand img {
  max-height: 72px;
  width: auto;
  background: #fff;
  border-radius: 12px;
  padding: 8px 12px;
}

::selection,
::-moz-selection {
  background: #1a6fa8 !important;
  color: #fff !important;
}

.form-control:focus {
  border-color: #1a6fa8 !important;
}

.iq-top-navbar {
  border-bottom: 1px solid #e2e8f0;
}

/* Top navbar swap button — keep available as backup */
.iq-top-navbar .iq-navbar-custom .iq-menu-bt {
  display: inline-flex !important;
  align-items: center;
  opacity: 1 !important;
  color: #0b2f4a !important;
  cursor: pointer;
}

.iq-top-navbar .wrapper-menu {
  color: #0b2f4a !important;
}

.my_change_comp_btn.btn-outline-success {
  color: #0b2f4a !important;
  border-color: #1a6fa8 !important;
}

/* Page auto-loader — CareDesk logo instead of legacy gif */
#loading {
  background: #ffffff url("../images/loader-caredesk.png") no-repeat scroll center center !important;
  background-size: 90px auto !important;
}