/* RevGenie brand — restrained accents over Phoenix */

:root {
  --rg-orange: #f08828;
  --rg-blue: #38b0f8;
  --rg-orange-soft: #fff4ea;
  --rg-blue-soft: #eaf6fe;
  --phoenix-primary: #38b0f8;
  --phoenix-primary-rgb: 56, 176, 248;
}

.app-context-bar h2 {
  font-size: 1.35rem;
}

.app-subnav .btn-sm {
  white-space: nowrap;
}

/* —— Brand logos —— */
.rg-brand {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  text-decoration: none;
  line-height: 1;
}

.rg-brand:hover,
.rg-brand:focus {
  text-decoration: none;
  opacity: 0.92;
}

.rg-brand-full {
  height: 36px;
  width: auto;
  max-width: min(220px, 52vw);
  object-fit: contain;
  display: block;
}

.rg-brand-mark {
  height: 32px;
  width: auto;
  object-fit: contain;
  display: block;
}

.rg-brand-login {
  height: 72px;
  width: auto;
  max-width: 280px;
  object-fit: contain;
  display: block;
  margin: 0 auto 1.25rem;
}

@media (max-width: 575.98px) {
  .rg-brand-full-lg {
    display: none !important;
  }
}

@media (min-width: 576px) {
  .rg-brand-mark-sm {
    display: none !important;
  }
}

/* —— Nav accents (light touch) —— */
.navbar-top {
  border-bottom-color: rgba(56, 176, 248, 0.18) !important;
}

.navbar-top .navbar-brand {
  padding-top: 0.35rem;
  padding-bottom: 0.35rem;
}

.navbar-top .nav-link.active {
  color: var(--rg-blue) !important;
  background-color: var(--rg-blue-soft) !important;
}

.navbar-top .avatar-name {
  width: 2rem;
  height: 2rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 0.85rem;
  font-weight: 700;
  background-color: var(--rg-blue-soft) !important;
  color: var(--rg-blue) !important;
}

.text-rg-orange {
  color: var(--rg-orange) !important;
}

.text-rg-blue {
  color: var(--rg-blue) !important;
}

.badge-phoenix-primary {
  --phoenix-badge-color: var(--rg-blue);
}

@media (max-width: 991.98px) {
  .app-subnav {
    width: 100%;
  }
}