/* Dsignature brand theme — logo gray #7F7F7F + green #7CB300 */
:root {
  --ds-gray: #7F7F7F;
  --ds-gray-dark: #555555;
  --ds-gray-light: #9A9A9A;
  --ds-green: #7CB300;
  --ds-green-dark: #6A9900;
  --ds-green-soft: rgba(124, 179, 0, 0.15);
  --ds-bg: #F4F6F3;
  --ds-white: #ffffff;
}

body {
  background-color: var(--ds-bg);
  color: var(--ds-gray-dark);
}

/* Left icon rail */
.left-sidenav .main-icon-menu {
  background-color: var(--ds-gray) !important;
}
/* Active item: white on dark gray (logo green is hard to read here) */
.left-sidenav .main-icon-menu .nav-link:active,
.left-sidenav .main-icon-menu .nav-link.active,
.left-sidenav .main-icon-menu .nav-link.active i,
.left-sidenav .main-icon-menu .nav-link.active small {
  color: #ffffff !important;
}
.left-sidenav .main-icon-menu .nav-link.active:before {
  color: #ffffff !important;
}
.left-sidenav .main-icon-menu .nav-link:hover,
.left-sidenav .main-icon-menu .nav-link:focus {
  color: #ffffff !important;
}
.left-sidenav .main-icon-menu svg.nav-svg {
  fill: #E8E8E8;
}
.left-sidenav .main-icon-menu svg .svg-primary {
  fill: #ffffff;
}

/* Submenu panel (light background) — soft dark gray active, green accent dot */
.main-menu-inner .menu-body .nav-item ul li > a.active,
.main-menu-inner .menu-body .nav-link:active,
.main-menu-inner .menu-body .nav-link.active,
.main-menu-inner .menu-body .nav-link.active i {
  color: var(--ds-gray-dark) !important;
  font-weight: 600;
}
.main-menu-inner .menu-body .nav-item ul li a.active:before {
  background: var(--ds-green) !important;
  border-color: var(--ds-green) !important;
}
.main-menu-inner .menu-body .nav-link:hover,
.main-menu-inner .menu-body .nav-link:focus,
.main-menu-inner .menu-body .nav-link:hover i,
.main-menu-inner .menu-body .nav-link:focus i {
  color: var(--ds-green) !important;
}
.main-menu-inner .menu-title {
  color: var(--ds-gray) !important;
}

/* Add / success buttons (were teal) */
.btn-success,
.add-contact.btn-success,
.add-stage.btn-success,
.add-vendor.btn-success,
.add-task.btn-success {
  background-color: var(--ds-green) !important;
  border-color: var(--ds-green) !important;
  color: #ffffff !important;
  box-shadow: 0 2px 6px 0 rgba(124, 179, 0, 0.35) !important;
}
.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.add-contact.btn-success:hover,
.add-stage.btn-success:hover,
.add-vendor.btn-success:hover {
  background-color: var(--ds-green-dark) !important;
  border-color: var(--ds-green-dark) !important;
  color: #ffffff !important;
}

/* Masters / Reports tiles (class is bg-green but was teal) */
.bg-green,
.card.bg-green,
.master-menu-card.bg-green {
  background-color: var(--ds-green) !important;
}
.master-menu-card a,
.master-menu-card h6,
.master-menu-card .icon {
  color: #ffffff !important;
}
.master-menu-card:hover,
.card.bg-green:hover {
  background-color: var(--ds-green-dark) !important;
}

/* Primary buttons / accents */
.btn-primary {
  background-color: var(--ds-green) !important;
  border-color: var(--ds-green) !important;
  box-shadow: 0 2px 6px 0 rgba(124, 179, 0, 0.35) !important;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.btn-primary:not(:disabled):not(.disabled):active,
.show > .btn-primary.dropdown-toggle,
.open > .dropdown-toggle.btn-primary {
  background-color: var(--ds-green-dark) !important;
  border-color: var(--ds-green-dark) !important;
}
.btn-primary:focus,
.btn-primary.focus {
  box-shadow: 0 0 0 2px rgba(124, 179, 0, 0.3) !important;
}
.btn-outline-primary {
  color: var(--ds-green) !important;
  border-color: var(--ds-green) !important;
}
.btn-outline-primary:hover,
.btn-outline-primary:active,
.btn-outline-primary.active {
  background-color: var(--ds-green) !important;
  border-color: var(--ds-green) !important;
  color: var(--ds-white) !important;
}

/* Nav pills / active list items — brand gray (green is too strong for selected tabs) */
.nav-pills .nav-link.active,
.nav-pills .nav-item.show .nav-link,
.emp-profile-div .nav-pills .nav-link.active,
.nav-pills-custom .nav-link.active {
  background-color: var(--ds-gray) !important;
  color: #ffffff !important;
}
.nav-pills .nav-link,
.nav-pills-custom .nav-link,
.emp-profile-div .nav-pills .nav-link {
  color: var(--ds-gray) !important;
}
.nav-pills .nav-link:hover,
.nav-pills-custom .nav-link:hover {
  color: var(--ds-gray-dark) !important;
}
.list-group-item.active {
  background-color: var(--ds-gray) !important;
  border-color: var(--ds-gray) !important;
}

/* View page field labels (was teal/blue) */
.view-page-label {
  color: var(--ds-gray) !important;
  font-weight: 500;
}

/* Pagination */
.pagination .page-item.active .page-link {
  background-color: var(--ds-green) !important;
  border-color: var(--ds-green) !important;
}
.page-link {
  color: var(--ds-gray-dark);
}
.page-link:hover {
  color: var(--ds-green);
}

/* Tables */
.table .thead-dark th,
.table thead.thead-dark th {
  background-color: var(--ds-gray) !important;
  border-color: var(--ds-gray) !important;
}

/* Ribbons / section titles */
.ribbon-1 .ribbon-mark,
.ribbon.ribbon-mark.bg-secondary {
  background-color: var(--ds-gray) !important;
}
.ribbon-1 .ribbon.ribbon-mark:before {
  border-color: var(--ds-gray) !important;
  border-right-color: transparent !important;
}

/* Header topbar — remove old teal/blue */
.navbar-custom .nav-link,
.navbar-custom .nav-link i,
.button-menu-mobile,
.button-menu-mobile i,
.topbar .pageTitle,
.pageTitle,
.page-title-box .page-title,
.title_clr,
.navbar-custom .header-company-username .nav-link,
.navbar-custom .header-company-username strong,
.nav-user .nav-user-name,
.nav-user .mdi-chevron-down {
  color: var(--ds-gray) !important;
}
.navbar-custom .nav-link:hover,
.navbar-custom .nav-link:focus,
.button-menu-mobile:hover,
.button-menu-mobile:focus {
  color: var(--ds-green) !important;
}

/* Footer link */
.footer a,
.footer a:hover {
  color: var(--ds-green) !important;
}
label {
  color: var(--ds-gray-dark);
}

/* Links & text accents */
a.text-primary,
.text-primary {
  color: var(--ds-green) !important;
}
a:hover.text-primary {
  color: var(--ds-green-dark) !important;
}
.border-primary {
  border-color: var(--ds-green) !important;
  color: var(--ds-green) !important;
}
.bg-primary {
  background-color: var(--ds-green) !important;
}

/* Form focus */
.form-control:focus,
.select2-container--default.select2-container--focus .select2-selection--multiple,
.select2-container--default .select2-selection--single:focus {
  border-color: var(--ds-green) !important;
  box-shadow: 0 0 0 0.15rem var(--ds-green-soft) !important;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: var(--ds-green) !important;
}

/* Login */
.account-body .auth-card .btn-primary,
.account-body .btn-primary {
  background-color: var(--ds-green) !important;
  border-color: var(--ds-green) !important;
}

/* Secondary / info buttons (were cyan/blue) */
.btn-secondary,
.btn-outline-secondary {
  background-color: var(--ds-gray) !important;
  border-color: var(--ds-gray) !important;
  color: #ffffff !important;
  box-shadow: 0 2px 6px 0 rgba(127, 127, 127, 0.35) !important;
}
.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary:active,
.btn-secondary.active {
  background-color: var(--ds-gray-dark) !important;
  border-color: var(--ds-gray-dark) !important;
  color: #ffffff !important;
}
.btn-info {
  background-color: var(--ds-gray) !important;
  border-color: var(--ds-gray) !important;
  color: #ffffff !important;
  box-shadow: 0 2px 6px 0 rgba(127, 127, 127, 0.35) !important;
}
.btn-info:hover,
.btn-info:focus,
.btn-info:active {
  background-color: var(--ds-gray-dark) !important;
  border-color: var(--ds-gray-dark) !important;
}

/* Wizard steps */
.wizard-step.active .wizard-step-circle,
.wizard-step.completed .wizard-step-circle {
  background-color: var(--ds-gray) !important;
  border-color: var(--ds-gray) !important;
  color: #ffffff !important;
}
.wizard-step.active {
  color: var(--ds-gray) !important;
}
.wizard-header h2,
.section-title {
  color: var(--ds-gray) !important;
}

/* Misc template blues → brand */
.text-info {
  color: var(--ds-green) !important;
}
.badge-primary {
  background-color: var(--ds-green) !important;
}
.custom-control-input:checked ~ .custom-control-label::before {
  background-color: var(--ds-green) !important;
  border-color: var(--ds-green) !important;
}