/* GlobalTax identity layered on top of the selected Highdmin components. */
:root,
[data-bs-theme="light"] {
  --highdmin-primary: #0b7285;
  --highdmin-primary-rgb: 11, 114, 133;
  --highdmin-primary-text-emphasis: #085663;
  --bs-primary: #0b7285;
  --bs-primary-rgb: 11, 114, 133;
  --bs-link-color: #0b7285;
  --bs-link-hover-color: #085663;
  --highdmin-primary-bg-subtle: #d9eef1;
  --highdmin-primary-border-subtle: #9acdd5;
  --highdmin-primary-text-emphasis: #085663;
}

.color-line {
  background: linear-gradient(90deg, #0b7285 0%, #0b7285 52%, #2c4469 52%, #2c4469 100%);
}

/* Highdmin defines these component colors as static values, so the approved
   identity needs explicit component-level overrides as well as root tokens. */
.btn-primary {
  --highdmin-btn-bg: #0b7285;
  --highdmin-btn-border-color: #0b7285;
  --highdmin-btn-hover-bg: #085663;
  --highdmin-btn-hover-border-color: #085663;
  --highdmin-btn-focus-shadow-rgb: 11, 114, 133;
  --highdmin-btn-active-bg: #085663;
  --highdmin-btn-active-border-color: #085663;
  --highdmin-btn-disabled-bg: #0b7285;
  --highdmin-btn-disabled-border-color: #0b7285;
}

.btn-outline-primary {
  --highdmin-btn-color: #0b7285;
  --highdmin-btn-border-color: #0b7285;
  --highdmin-btn-hover-bg: #0b7285;
  --highdmin-btn-hover-border-color: #0b7285;
  --highdmin-btn-focus-shadow-rgb: 11, 114, 133;
  --highdmin-btn-active-bg: #085663;
  --highdmin-btn-active-border-color: #085663;
  --highdmin-btn-disabled-color: #0b7285;
  --highdmin-btn-disabled-border-color: #0b7285;
}

.bg-primary-subtle {
  background-color: #d9eef1 !important;
}

.sidenav-menu .side-nav .side-nav-item .side-nav-link.active,
.sidenav-menu .side-nav .side-nav-item .side-nav-link:hover {
  color: #0b7285;
}

.sidenav-menu .side-nav .side-nav-item .side-nav-link.active::before {
  background-color: #0b7285;
}

/* Standard page header for the authenticated GlobalTax application. */
.globaltax-page-hero {
  background: linear-gradient(125deg, #0b7285 0%, #2c4469 100%);
  border-radius: 1rem;
  color: #fff;
  overflow: hidden;
  position: relative;
}

.globaltax-page-hero::after {
  border: 1px solid rgba(255, 255, 255, .2);
  border-radius: 50%;
  content: "";
  height: 22rem;
  position: absolute;
  right: -7rem;
  top: -11rem;
  width: 22rem;
}

.globaltax-page-hero .text-white-50 {
  color: rgba(255, 255, 255, .78) !important;
}

.logo .logo-lg img.globaltax-logo {
  height: 36px;
  max-width: 205px;
  object-fit: contain;
  width: auto;
}

.logo .logo-sm img.globaltax-isotipo {
  height: 36px;
  object-fit: contain;
  width: 40px;
}

/* The base theme uses different logo visibility rules for compact menus. The
   GlobalTax wordmark is the primary navigation brand, so keep it visible in
   the regular application shell on every authenticated page. */
.app-topbar .logo,
.sidenav-menu > .logo {
  display: flex !important;
}

.app-topbar .logo .logo-light,
.sidenav-menu > .logo .logo-light,
.app-topbar .logo .logo-lg,
.sidenav-menu > .logo .logo-lg {
  display: flex !important;
}

.app-topbar .logo .logo-sm,
.sidenav-menu > .logo .logo-sm {
  display: none !important;
}

.sidenav-menu > .logo {
  justify-content: center;
  padding-left: .625rem !important;
  padding-right: .625rem !important;
}

.sidenav-menu > .logo .logo-lg {
  justify-content: center;
  width: 100%;
}

.sidenav-menu > .logo .logo-lg img.globaltax-logo {
  height: auto;
  max-width: 215px;
  width: 100%;
}

@media (max-width: 767.98px) {
  .app-topbar .logo .logo-lg,
  .sidenav-menu > .logo .logo-lg {
    display: none !important;
  }

  .app-topbar .logo .logo-sm,
  .sidenav-menu > .logo .logo-sm {
    display: flex !important;
  }
}

.showcase-brand {
  align-self: flex-start;
  background: #fff;
  border-radius: .35rem;
  display: inline-flex;
  padding: .35rem .55rem;
}

.showcase-brand img,
.login-brand img {
  height: auto !important;
  max-height: 48px;
  width: 220px !important;
}

.login-access .login-brand {
  display: flex;
  justify-content: center;
  margin: 0 0 1.25rem;
  width: 100%;
}

.login-showcase {
  background: #2c4469;
}

.showcase-eyebrow,
.login-kicker,
.login-inline-action,
.login-registration-action {
  color: #0b7285;
}