/* ================================
   Easybiz Color Palette Overrides
   ================================ */

:root {
  /* Easybiz brand tokens */
  --brand-white: #FFFFFF;
  --brand-light-grey: #8D9096;
  --brand-dark-grey: #373535;
  --brand-green: #0097E6;   /* graphic complement */
  --brand-blue:  #4BB559;   /* accent 1 / primary action */
  --brand-teal:  #00C1BF;   /* accent 2 / secondary action */

  /* Bootstrap-ish semantic tokens mapped to Easybiz */
  --blue: var(--brand-blue);
  --indigo: var(--brand-dark-grey); /* keep dark neutral */
  --purple: var(--brand-teal);       /* avoid stray #7367f0 usage */
  --pink: var(--brand-teal);
  --red: #ea5455;                    /* unchanged (not in palette) */
  --orange: #ff9f43;                 /* unchanged (not in palette) */
  --yellow: #ffc107;                 /* unchanged (not in palette) */
  --green: var(--brand-green);
  --teal: var(--brand-teal);
  --cyan: var(--brand-blue);

  --white: var(--brand-white);
  --gray: #D6D6D6;                   /* neutral light */
  --gray-dark: var(--brand-dark-grey);

  /* Theme primaries */
  --primary: var(--brand-blue);
  --secondary: var(--brand-light-grey);
  --success: var(--brand-green);
  --info: var(--brand-teal);
  --warning: #ff9f43;
  --danger: #ea5455;
  --light: #F4F5F7;                  /* soft UI background */
  --dark: var(--brand-dark-grey);

  --breakpoint-xs: 0;
  --breakpoint-sm: 576px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 992px;
  --breakpoint-xl: 1200px;

  --font-family-sans-serif: "Montserrat", Helvetica, Arial, serif;
  --font-family-monospace: "Montserrat", Helvetica, Arial, serif;

  /* App-specific tokens (replacing Fiat lime & dark) */
  --primary-background-color: var(--light);            /* panels/cards bg */
  --primary-background-text-color: var(--brand-dark-grey);
  --primary-button-background-color: var(--brand-blue);
  --primary-button-text-color: var(--brand-white);
  --heading-text-color: var(--brand-dark-grey);
}

/* Text & Links */
.text-primary,
.text-color-primary,
.btn-link {
  color: var(--primary-background-text-color) !important;
}

a {
  color: var(--brand-blue) !important;
  text-decoration: none !important;
}
a:hover,
a:focus {
  color: var(--brand-teal) !important;
  text-decoration: none !important;
}

/* Navigation / Sidebar */
#left-menu .navigation .active a { /* keep for future if needed */ }
.nav-item .menu-active-color,
.nav-item .badge-pill {
  background-color: var(--primary-button-background-color) !important;
  color: var(--primary-button-text-color) !important;
}
#left-menu .navigation li a {
  color: var(--brand-white) !important;
}
.sidebar-left-custom {
  background: var(--brand-dark-grey) !important;
  background-color: var(--brand-dark-grey) !important;
}
.navbar-custom {
  background-color: var(--brand-dark-grey) !important;
}
.dropdown-user-link .user-text,
.user-nav,
.selected-client-text {
  color: var(--white) !important;
}

/* Buttons */
.btn-primary {
  border-color: var(--primary-button-background-color) !important;
  background-color: var(--primary-button-background-color) !important;
  color: var(--primary-button-text-color) !important;
}
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active {
  color: var(--primary-button-text-color) !important;
  /* If your build supports it, this will darken a bit */
  background-color: color-function(var(--primary-button-background-color), 'darken-1');
}

.btn-custom,
.add-client-button,
.navbar-custom div .btn-secondary {
  background-color: var(--primary-button-background-color) !important;
  border-color: var(--primary-button-background-color) !important;
  color: var(--primary-button-text-color) !important;
}

/* Panels / Cards / Pills */
.greet-panel-section {
  background: var(--primary-background-color) !important;
  border: 0.830594px solid var(--primary-background-color) !important;
  color: var(--primary-background-text-color) !important;
}
.bank-account-link-info {
  border-color: var(--primary-button-background-color) !important;
  background-color: var(--primary-background-text-color) !important;
  color: var(--brand-white) !important;
}
.badge-light-primary,
.badge-primary,
.icon-class-admin,
.employees-number-pill,
.badge-secondary,
.page-item.active .page-link {
  background-color: var(--primary-button-background-color) !important;
  color: var(--primary-button-text-color) !important;
}
.badge-light-primary {
  background-color: var(--heading-text-color) !important;
}

/* Pagination */
.pagination .page-item .active button .page-link  {
  color: var(--primary-button-background-color) !important;
}

/* Headings & Page Titles */
.page-header-text h1,
.employee-page-title,
h1 {
  color: var(--heading-text-color) !important;
}

/* Selects */
.custom-select {
  border: 1px solid var(--primary-background-text-color) !important;
  border-radius: 10px;
  background: #fff url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='15' height='10' viewBox='0 0 15 10 '><path fill='%23373535' d='M15 0.5L7.5 9.5L0 0.5H15Z'/></svg>") no-repeat right 0.85rem center / 15px 20px !important;
}

/* Dropdowns / Inputs */
#selected-client-dropdown {
  background-color: var(--primary-button-background-color) !important;
  color: var(--primary-button-text-color) !important;
}

/* Auth / Login */
.auth-wrapper,
.auth-forgot-password-form btn-block {
  background: var(--heading-text-color) !important;
}
.brand-text-login {
  visibility: hidden;
  position: relative;
}
.brand-text-login:after {
  visibility: visible;
  position: absolute;
  top: 0;
  left: 0;
  content: 'Login';
  color: var(--heading-text-color) !important;
}

/* Utility / Misc */
.master-last-refresh-text,
.link-txt-color,
.active-user-txt:after,
.custom-settings-txt {
  color: var(--heading-text-color) !important;
  background-color: transparent !important;
}
.loading-logo { display: none; }
.change-password-container { background: #f8f8f8 !important; }

/* Optional: refine section backgrounds that previously used Fiat off-white */
.section-bg,
.section-background {
  background-color: var(--light) !important;
  color: var(--primary-background-text-color) !important;
}