/**
 * Badenair visual redesign ÔÇö content only.
 * Do NOT restyle site header / primary nav / admin bar.
 *
 * Unlocks page scroll (legacy board used 100dvh + overflow:hidden),
 * unifies surfaces via --baden-ops-*, works in light + dark.
 */

/* Unlock the old viewport lock without making html/body a scroll box.
   overflow on html/body breaks position:sticky, so the nav stops following the screen. */
html.page-id-15,
body.page-id-15,
html:has(body.page-id-15),
html:has(body.page-id-369),
body.page-id-369 {
  overflow: visible !important;
  height: auto !important;
  max-height: none !important;
  min-height: 0 !important;
}

@media (min-width: 861px) {
  html.page-id-15,
  body.page-id-15,
  html:has(body.page-id-15) {
    overflow: visible !important;
    height: auto !important;
    max-height: none !important;
  }
}

/* ---- Full-bleed content under existing header ---- */
body.page-id-15 .site-content,
body.page-id-369 .site-content,
body.page-id-127 .site-content,
body.page-id-34174 .site-content,
body.page-id-15 #content,
body.page-id-369 #content,
body.page-id-15 .content-area,
body.page-id-369 .content-area,
body.page-id-15 .inside-article,
body.page-id-369 .inside-article,
body.page-id-15 .entry-content,
body.page-id-369 .entry-content {
  max-width: none !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  overflow: visible !important;
  height: auto !important;
  max-height: none !important;
}

body.page-id-15 .site-content .container.grid-container,
body.page-id-369 .site-content .container.grid-container {
  max-width: none !important;
  width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

body.page-id-15 .entry-header,
body.page-id-369 .entry-header,
body.page-id-15 .entry-title,
body.page-id-369 .entry-title {
  display: none !important;
}

body.page-id-15 .site-content,
body.page-id-369 .site-content {
  background: var(--baden-ops-bg) !important;
}

/* ---- Unlock scroll: kill fixed board viewport ---- */
body.page-id-15 .ba-ops,
body.page-id-369 .ba-ops,
html.ba-in-app body.page-id-15 .ba-ops,
body.ba-in-app.page-id-15 .ba-ops,
.badenair-app-view body.page-id-15 .ba-ops {
  height: auto !important;
  max-height: none !important;
  min-height: 0 !important;
  overflow: visible !important;
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
  color: var(--baden-ops-text) !important;
  background: var(--baden-ops-bg) !important;
}

/* Sticky nav (top: 32px / 46px) covers the first slice of content. Clear it. */
body.admin-bar.page-id-15 .ba-ops,
body.admin-bar.page-id-369 .ba-ops {
  padding-top: 40px !important;
}

@media (max-width: 782px) {
  body.admin-bar.page-id-15 .ba-ops,
  body.admin-bar.page-id-369 .ba-ops {
    padding-top: 54px !important;
  }
}

body.page-id-15 .ba-ops-shell {
  display: grid !important;
  grid-template-columns: minmax(280px, 0.88fr) minmax(0, 1.7fr) !important;
  grid-template-rows: auto auto !important;
  grid-template-areas:
    "ident ident"
    "quests flights" !important;
  align-items: start !important;
  justify-items: stretch !important;
  gap: 14px !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 14px clamp(12px, 1.5vw, 24px) 28px !important;
  box-sizing: border-box !important;
  height: auto !important;
  min-height: 0 !important;
  overflow: visible !important;
}

body.page-id-15 .ba-ops-identity,
body.page-id-15 .ba-ops-quests,
body.page-id-15 .ba-ops-main,
body.page-id-15 .ba-ops-side {
  align-self: start !important;
  justify-self: stretch !important;
}

body.page-id-15 .ba-ops-identity {
  grid-area: ident !important;
  grid-column: 1 / -1 !important;
}

body.page-id-15 .ba-ops-quests {
  grid-area: quests !important;
}

body.page-id-15 .ba-ops-main {
  grid-area: flights !important;
}

body.page-id-15 .ba-ops-side {
  grid-column: 1 / -1 !important;
  grid-row: auto !important;
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)) !important;
  gap: 14px !important;
  height: auto !important;
  overflow: visible !important;
}

/* Columns grow with content; page scrolls */
body.page-id-15 .ba-ops-quests,
body.page-id-15 .ba-ops-main,
body.page-id-15 .ba-ops-side,
body.page-id-15 .ba-ops-quests > .ba-ops-panel,
body.page-id-15 .ba-ops-quests__col,
body.page-id-15 .ba-ops-quests__grid,
body.page-id-15 .ba-ops-quests__list,
body.page-id-15 .ba-ops-assigned,
body.page-id-15 .ba-ops-completed,
body.page-id-15 .ba-ops-assigned__list,
body.page-id-15 .ba-ops-completed__list,
body.page-id-15 .ba-ops-shifts,
body.page-id-15 .ba-ops-shifts__scroll,
body.page-id-15 .ba-ops-side > .ba-ops-app,
body.page-id-15 .ba-ops-side > .ba-ops-lower {
  height: auto !important;
  max-height: none !important;
  min-height: 0 !important;
  overflow: visible !important;
  flex: none !important;
}

body.page-id-15 .ba-ops-main {
  display: flex !important;
  flex-direction: column !important;
  gap: 14px !important;
  width: auto !important;
  min-width: 0 !important;
}

body.page-id-15 .ba-ops-quests {
  display: flex !important;
  flex-direction: column !important;
  gap: 0 !important;
}

body.page-id-15 .ba-ops-quests > .ba-ops-panel {
  display: block !important;
  flex: none !important;
  height: auto !important;
}

body.page-id-15 .ba-ops-quests__grid {
  display: flex !important;
  flex-direction: column !important;
  gap: 0 !important;
  flex: none !important;
  height: auto !important;
}

/* ---- Shared surface language (one panel look) ---- */
body.page-id-15 .ba-ops-identity,
body.page-id-15 .ba-ops-quests > .ba-ops-panel,
body.page-id-15 .ba-ops-current,
body.page-id-15 .ba-ops-shifts,
body.page-id-15 .ba-ops-main > .ba-ops-panel,
body.page-id-369 .ba-ops-panel,
body.page-id-369 .ba-ops-plan,
body.page-id-369 .ba-ops-daypool,
body.page-id-369 .ba-ops-daytimeline {
  border: 1px solid var(--baden-ops-line) !important;
  border-radius: var(--baden-radius-lg) !important;
  background: var(--baden-ops-panel) !important;
  box-shadow: none !important;
  color: var(--baden-ops-text) !important;
}

/* Outer quests wrapper is not a second box */
body.page-id-15 .ba-ops-quests {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
}

/* Nested sections inside the flights board: no extra boxes */
body.page-id-15 .ba-ops-shifts .ba-ops-assigned,
body.page-id-15 .ba-ops-shifts .ba-ops-completed,
body.page-id-15 .ba-ops-shifts .ba-ops-panel,
body.page-id-15 .ba-ops-assigned,
body.page-id-15 .ba-ops-completed {
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  padding: 12px 0 !important;
  margin: 0 !important;
}

body.page-id-15 .ba-ops-shifts .ba-ops-assigned,
body.page-id-15 .ba-ops-shifts .ba-ops-completed,
body.page-id-15 .ba-ops-assigned,
body.page-id-15 .ba-ops-completed {
  border-top: 1px solid var(--baden-ops-line) !important;
}

body.page-id-15 .ba-ops-identity {
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 14px 20px !important;
  padding: 12px 16px !important;
  margin: 0 !important;
  background:
    linear-gradient(105deg, rgba(251, 103, 11, 0.1), transparent 44%),
    var(--baden-ops-panel) !important;
}

body.page-id-15 .ba-ops-identity::before,
body.page-id-15 .ba-ops-identity::after,
body.page-id-369 .ba-ops-identity::before,
body.page-id-369 .ba-ops-identity::after {
  display: none !important;
}

body.page-id-15 .ba-ops-quests > .ba-ops-panel,
body.page-id-15 .ba-ops-current,
body.page-id-15 .ba-ops-shifts,
body.page-id-15 .ba-ops-main > .ba-ops-panel {
  padding: 14px 16px !important;
  margin: 0 !important;
}

/* Progress track: don't span the whole desk */
body.page-id-15 .ba-ops-identity .ba-ops-progress,
body.page-id-15 .ba-ops-identity .ba-ops-progress__track {
  max-width: 420px !important;
  width: 100% !important;
}

/* Flatten nested quest boxes into one panel */
body.page-id-15 .ba-ops-quests__col,
body.page-id-15 .ba-ops-quests .ba-ops-panel .ba-ops-panel,
body.page-id-15 .ba-ops-quests__grid > * {
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  overflow: visible !important;
}

body.page-id-15 .ba-ops-quests__col + .ba-ops-quests__col {
  border-top: 1px solid var(--baden-ops-line) !important;
  margin-top: 10px !important;
  padding-top: 12px !important;
}

/* List rows: divider lines, not nested cards */
body.page-id-15 .ba-ops-quest,
body.page-id-15 .ba-ops-completed__item,
body.page-id-15 .ba-ops-assigned__item,
body.page-id-15 .ba-ops-assigned .ba-ops-flight,
body.page-id-15 .ba-ops-app__lead {
  border: 0 !important;
  border-bottom: 1px solid var(--baden-ops-line) !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  padding: 12px 2px !important;
  min-height: 0 !important;
  overflow: visible !important;
}

body.page-id-15 .ba-ops-quest:last-child,
body.page-id-15 .ba-ops-completed__item:last-child,
body.page-id-15 .ba-ops-assigned__item:last-child {
  border-bottom: 0 !important;
}

body.page-id-15 .ba-ops-quests__list,
body.page-id-15 .ba-ops-assigned__list,
body.page-id-15 .ba-ops-completed__list {
  display: flex !important;
  flex-direction: column !important;
  gap: 0 !important;
  padding-right: 0 !important;
}

body.page-id-15 .ba-ops-side,
body.page-id-15 .ba-ops-main {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
}

/* Typography */
body.page-id-15 .ba-ops-quest__title,
body.page-id-15 .ba-ops-identity .ba-ops-pilot,
body.page-id-15 .ba-ops-main h2,
body.page-id-15 .ba-ops-main h3,
body.page-id-15 .ba-ops-side h2,
body.page-id-15 .ba-ops-side h3,
body.page-id-15 .ba-ops-quests__title,
body.page-id-15 .ba-ops-panel__title,
body.page-id-15 .ba-ops-assigned__title {
  font-family: var(--baden-font-brand) !important;
  letter-spacing: -0.02em !important;
  font-weight: 750 !important;
  color: var(--baden-ops-text) !important;
}

body.page-id-15 .ba-ops-quest__hint,
body.page-id-15 .ba-ops-muted,
body.page-id-15 .ba-ops-app__meta,
body.page-id-15 .ba-ops-assigned__meta,
body.page-id-15 .ba-ops-empty {
  color: var(--baden-ops-muted) !important;
  line-height: 1.45 !important;
}

body.page-id-15 .ba-ops-quests__group-label,
body.page-id-15 .ba-ops-panel__label {
  text-transform: none !important;
  letter-spacing: 0.01em !important;
  font-weight: 650 !important;
  color: var(--baden-ops-secondary) !important;
}

/* Progress */
body.page-id-15 .ba-ops-progress,
body.page-id-15 .ba-ops-progress__track,
body.page-id-15 .ba-ops-quest__bar {
  height: 6px !important;
  border-radius: 999px !important;
  background: var(--baden-ops-track) !important;
  border-color: transparent !important;
  overflow: hidden !important;
}

body.page-id-15 .ba-ops-progress__fill,
body.page-id-15 .ba-ops-quest__bar > span {
  border-radius: 999px !important;
  background: linear-gradient(90deg, #e85a00, var(--baden-orange-hover)) !important;
}

/* Buttons (ops content only) */
body.page-id-15 .ba-ops .ba-ops-btn,
body.page-id-15 .ba-ops .ba-btn,
body.page-id-369 .ba-ops .ba-ops-btn,
body.page-id-369 .ba-ops .ba-btn {
  border-radius: 999px !important;
  font-weight: 650 !important;
  letter-spacing: 0.01em !important;
  transition: background-color 0.15s ease, border-color 0.15s ease, transform 0.15s ease !important;
}

body.page-id-15 .ba-ops .ba-ops-btn--primary,
body.page-id-15 .ba-ops .ba-btn--primary,
body.page-id-369 .ba-ops .ba-ops-btn--primary,
body.page-id-369 .ba-ops .ba-btn--primary {
  background: var(--baden-orange) !important;
  border-color: transparent !important;
  color: #fff !important;
  box-shadow: 0 6px 18px rgba(251, 103, 11, 0.2) !important;
}

body.page-id-15 .ba-ops .ba-ops-btn--primary:hover,
body.page-id-15 .ba-ops .ba-btn--primary:hover,
body.page-id-369 .ba-ops .ba-ops-btn--primary:hover {
  background: var(--baden-orange-hover) !important;
  transform: translateY(-1px) !important;
}

body.page-id-15 .ba-ops .ba-ops-btn--ghost,
body.page-id-15 .ba-ops .ba-btn--ghost,
body.page-id-369 .ba-ops .ba-ops-btn--ghost {
  background: transparent !important;
  border: 1px solid var(--baden-ops-line-strong) !important;
  color: var(--baden-ops-text) !important;
  box-shadow: none !important;
}

/* Timeline */
body.page-id-15 .ba-ops-shifts__board,
body.page-id-15 .ba-ops-shifts__track {
  border-radius: var(--baden-radius) !important;
  background: var(--baden-ops-wash) !important;
  border: 1px solid var(--baden-ops-line) !important;
}

body.page-id-15 .ba-ops-shifts__hour,
body.page-id-15 .ba-ops-shifts__hours {
  color: var(--baden-ops-muted) !important;
  font-family: var(--baden-font-mono) !important;
  font-size: 11px !important;
}

/* Flight rows inside the board */
body.page-id-15 .ba-ops-assigned__item,
body.page-id-15 .ba-ops-flight {
  background: transparent !important;
  border-color: var(--baden-ops-line) !important;
  color: var(--baden-ops-text) !important;
}

body.page-id-15 .ba-ops-main > .ba-ops-flight {
  border: 1px solid var(--baden-ops-line) !important;
  border-left: 3px solid var(--baden-orange) !important;
  border-radius: var(--baden-radius) !important;
  padding: 14px !important;
  background: var(--baden-ops-panel) !important;
}

body.page-id-15 .ba-ops [style*="max-width"],
body.page-id-15 .ba-ops [class*="container"] {
  max-width: none !important;
}

/* Dispatcher: own desk, not the dashboard grid */
body.page-id-369 .ba-ops-shell,
body.page-id-369 .ba-ops-shell--dispatch {
  display: flex !important;
  flex-direction: column !important;
  grid-template-columns: none !important;
  grid-template-areas: none !important;
  align-items: stretch !important;
  gap: 14px !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 14px clamp(12px, 1.5vw, 24px) 28px !important;
  height: auto !important;
  overflow: visible !important;
  box-sizing: border-box !important;
}

body.page-id-369 .ba-disp-top {
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  width: 100% !important;
}

body.page-id-369 .ba-disp {
  display: grid !important;
  grid-template-columns: minmax(240px, 300px) minmax(0, 1fr) !important;
  gap: 14px !important;
  width: 100% !important;
  align-items: start !important;
}

body.page-id-369 .ba-disp__rail {
  position: sticky !important;
  top: 96px !important;
  max-height: calc(100vh - 112px) !important;
  background: var(--baden-ops-panel) !important;
  border: 1px solid var(--baden-ops-line) !important;
  border-radius: var(--baden-radius-lg) !important;
  color: var(--baden-ops-text) !important;
}

body.admin-bar.page-id-369 .ba-disp__rail {
  top: 156px !important;
  max-height: calc(100vh - 172px) !important;
}

body.page-id-369 .ba-disp__workspace {
  min-width: 0 !important;
  width: auto !important;
}

body.page-id-369 .ba-disp-assign,
body.page-id-369 .ba-disp-overview,
body.page-id-369 .ba-disp-empty,
body.page-id-369 .ba-xp-reviews {
  background: var(--baden-ops-panel) !important;
  border: 1px solid var(--baden-ops-line) !important;
  border-radius: var(--baden-radius-lg) !important;
  color: var(--baden-ops-text) !important;
}

body.page-id-369 .ba-disp-pilot,
body.page-id-369 .ba-ops-weekstrip__day,
body.page-id-369 .ba-ops-dayboard__flights,
body.page-id-369 .ba-ops-dayboard__timeline,
body.page-id-369 .ba-ops-dispatch-item,
body.page-id-369 .ba-ops-daypool__item,
body.page-id-369 .ba-ops-member-row {
  background: var(--baden-ops-wash) !important;
  border-color: var(--baden-ops-line) !important;
  color: var(--baden-ops-text) !important;
}

body.page-id-369 .ba-disp-pilot.is-selected,
body.page-id-369 .ba-ops-weekstrip__day.is-today {
  border-color: var(--baden-orange) !important;
  background: var(--baden-orange-soft) !important;
}

@media (max-width: 960px) {
  body.page-id-369 .ba-disp {
    grid-template-columns: 1fr !important;
  }

  body.page-id-369 .ba-disp__rail {
    position: static !important;
    max-height: none !important;
  }
}

body.page-id-369 .ba-ops-cal__cell,
body.page-id-369 .ba-ops-daypool__item,
body.page-id-369 .ba-ops-daytimeline__event {
  border-radius: var(--baden-radius-sm) !important;
}

body.page-id-369 .ba-ops-daytimeline__event {
  background: rgba(251, 103, 11, 0.14) !important;
  border: 1px solid rgba(251, 103, 11, 0.32) !important;
}

/* Map still fills viewport under header */
body.page-id-127 .ba-ops,
body.page-id-127 #badenair-map-shell {
  width: 100% !important;
  max-width: none !important;
}

body.page-id-127 #badenair-map-shell {
  height: calc(100vh - 72px) !important;
  height: calc(100dvh - 72px) !important;
  border-radius: 0 !important;
}

body.admin-bar.page-id-127 #badenair-map-shell {
  height: calc(100vh - 104px) !important;
  height: calc(100dvh - 104px) !important;
}

/* Auth / Cover */
body.page-id-7,
body.page-id-16,
body.page-id-17,
body.page-id-18 {
  background:
    radial-gradient(900px 420px at 80% 10%, rgba(251, 103, 11, 0.14), transparent 55%),
    radial-gradient(700px 500px at 10% 80%, rgba(40, 110, 160, 0.18), transparent 50%),
    var(--baden-bg) !important;
}

body.page-id-16 .entry-content,
body.page-id-17 .entry-content,
body.page-id-18 .entry-content {
  max-width: 520px !important;
  margin-left: auto !important;
  margin-right: clamp(24px, 8vw, 120px) !important;
}

body.page-id-16 .wppb-user-forms,
body.page-id-17 .wppb-user-forms,
body.page-id-18 .wppb-user-forms,
body.page-id-16 .login-form-container,
body.page-id-16 form {
  border-radius: var(--baden-radius-lg) !important;
  border: 1px solid var(--baden-border) !important;
  background: var(--baden-card) !important;
  box-shadow: none !important;
  padding: 22px !important;
}

body.page-id-16 h1.entry-title,
body.page-id-17 h1.entry-title,
body.page-id-18 h1.entry-title {
  font-family: var(--baden-font-brand) !important;
  font-weight: 800 !important;
  letter-spacing: -0.03em !important;
}

body.page-id-34174 .ba-msg-shell,
body.page-id-34174 .ba-msg-main {
  max-width: none !important;
  width: 100% !important;
  border-radius: var(--baden-radius-lg) !important;
}

@media (max-width: 1100px) {
  body.page-id-15 .ba-ops-shell {
    grid-template-columns: 1fr !important;
    grid-template-areas:
      "ident"
      "quests"
      "flights" !important;
  }

  body.page-id-15 .ba-ops-identity {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 782px) {
  body.page-id-15 .ba-ops-shell,
  body.page-id-369 .ba-ops-shell {
    padding: 12px !important;
  }

  body.page-id-16 .entry-content {
    margin-right: 16px !important;
    margin-left: 16px !important;
  }
}

/* Account settings ÔÇö same desk as dashboard / dispatcher */
body.ba-account-settings {
  background: var(--baden-ops-bg) !important;
  color: var(--baden-ops-text);
}

body.ba-account-settings .site-content,
body.ba-account-settings .entry-content {
  background: transparent !important;
}

body.ba-account-settings .entry-header {
  display: none !important;
}

body.ba-account-settings .ba-settings {
  width: min(720px, calc(100% - 32px));
  margin: 28px auto 56px;
}

body.admin-bar.ba-account-settings .ba-settings {
  margin-top: 52px;
}

body.ba-account-settings .ba-settings__title {
  margin: 0 0 4px;
  font-family: var(--baden-font-brand);
  font-weight: 750;
  letter-spacing: -0.03em;
  color: var(--baden-ops-text);
}

body.ba-account-settings .ba-settings__lead {
  margin: 0 0 16px;
  color: var(--baden-ops-muted);
}

body.ba-account-settings .wppb-user-forms,
body.ba-account-settings form.wppb-user-forms,
body.ba-account-settings .wppb-edit-user,
body.ba-account-settings .ba-settings__pass {
  background: var(--baden-ops-panel);
  border: 1px solid var(--baden-ops-line);
  border-radius: var(--baden-radius-lg);
  padding: 18px 18px 8px;
  color: var(--baden-ops-text);
}

body.ba-account-settings .ba-settings__pass {
  margin-top: 14px;
  padding-bottom: 18px;
}

body.ba-account-settings .wppb-user-forms ul,
body.ba-account-settings .wppb-edit-user ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

body.ba-account-settings .wppb-form-field,
body.ba-account-settings .wppb-default-name-heading,
body.ba-account-settings .wppb-default-contact-info-heading,
body.ba-account-settings .wppb-default-about-yourself-heading {
  margin: 0 0 14px;
}

body.ba-account-settings .wppb-form-field label,
body.ba-account-settings .wppb-form-field .wppb-description-delimiter,
body.ba-account-settings .ba-settings__pass label {
  display: block;
  margin-bottom: 6px;
  font-weight: 650;
  color: var(--baden-ops-secondary);
}

body.ba-account-settings .wppb-form-field input[type="text"],
body.ba-account-settings .wppb-form-field input[type="email"],
body.ba-account-settings .wppb-form-field input[type="password"],
body.ba-account-settings .wppb-form-field input[type="url"],
body.ba-account-settings .wppb-form-field textarea,
body.ba-account-settings .wppb-form-field select,
body.ba-account-settings .ba-settings__pass input[type="password"] {
  width: 100%;
  max-width: none;
  box-sizing: border-box;
  background: var(--baden-ops-input);
  border: 1px solid var(--baden-ops-line);
  color: var(--baden-ops-text);
  border-radius: 10px;
  padding: 10px 12px;
  margin-top: 6px;
}

body.ba-account-settings .wppb-form-field input[readonly] {
  opacity: 0.75;
}

body.ba-account-settings .wppb-user-forms input[type="submit"],
body.ba-account-settings .wppb-edit-user input[type="submit"],
body.ba-account-settings .ba-settings__btn {
  display: inline-flex;
  align-items: center;
  background: var(--baden-orange);
  color: #fff;
  border: 0;
  border-radius: 999px;
  padding: 12px 22px;
  font-weight: 650;
  cursor: pointer;
  text-decoration: none;
}

body.ba-account-settings .ba-nav-settings-item > a {
  background: rgba(251, 103, 11, 0.14);
  color: var(--baden-orange);
}

body.ba-account-settings .wppb-avatar img,
body.ba-account-settings .wppb-form-field img {
  width: 96px;
  height: 96px;
  object-fit: cover;
  border-radius: 16px;
  border: 1px solid var(--baden-ops-line);
  display: block;
  margin: 0 0 10px;
}

body.ba-account-settings .wppb-form-field input[type="file"] {
  color: var(--baden-ops-text);
}

body.ba-account-settings .ba-settings__pass label + label {
  margin-top: 12px;
}

.ba-settings__note {
  margin: 0 0 14px;
  padding: 10px 12px;
  border-radius: 12px;
  background: rgba(61, 203, 146, 0.12);
  color: var(--baden-ops-text);
}

.ba-settings__note--bad {
  background: rgba(251, 103, 11, 0.14);
}

[data-ba-dispatch-root],
#ba-ops-dispatcher {
  position: relative;
}

.ba-loading,
.ba-loading--inline {
  position: fixed !important;
  inset: 0 !important;
  z-index: 100000 !important;
  display: flex !important;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 18px;
  width: 100vw;
  height: 100dvh;
  margin: 0 !important;
  padding: 24px;
  min-height: 0 !important;
  background: color-mix(in srgb, #000d26 62%, transparent);
  color: #fff;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 0.01em;
  border-radius: 0;
}

html:not(.onyx-dark-mode) .ba-loading,
html:not(.onyx-dark-mode) .ba-loading--inline {
  background: color-mix(in srgb, #f7f8fa 72%, transparent);
  color: #142033;
}

.ba-loading[hidden] {
  display: none !important;
}

.ba-loading .ba-loading__spin,
.ba-loading--inline .ba-loading__spin {
  width: 96px !important;
  height: 96px !important;
  box-sizing: border-box !important;
  border-radius: 50% !important;
  border: 8px solid rgba(251, 103, 11, 0.28) !important;
  border-top-color: #fb670b !important;
  border-right-color: #fb670b !important;
  background: transparent !important;
  box-shadow: none !important;
  display: block !important;
  flex: 0 0 auto;
  animation: ba-load-spin 0.65s linear infinite !important;
}

@media (prefers-reduced-motion: reduce) {
  .ba-loading .ba-loading__spin,
  .ba-loading--inline .ba-loading__spin {
    animation: ba-load-spin 0.65s linear infinite !important;
  }
}

@keyframes ba-load-spin {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}