:root {
  --goodos-topbar-layout-height: 77px;
  --goodos-topbar-surface: rgba(255, 255, 255, 0.98);
  --goodos-topbar-raised: #f8fafc;
  --goodos-topbar-border: #e2e8f0;
  --goodos-topbar-text: #0f172a;
  --goodos-topbar-muted: #64748b;
  --goodos-topbar-accent: #0ea5e9;
  --goodos-topbar-focus: #0ea5e9;
}

@media (max-width: 760px) {
  :root {
    --goodos-topbar-layout-height: 116px;
  }
}

.dark {
  --goodos-topbar-surface: rgba(7, 23, 45, 0.98);
  --goodos-topbar-raised: #0b223b;
  --goodos-topbar-border: #29455f;
  --goodos-topbar-text: #f8fafc;
  --goodos-topbar-muted: #7892aa;
}

.goodos-topbar.goodfleet-customer-topbar {
  --goodos-topbar-surface: rgba(7, 23, 45, 0.98);
  --goodos-topbar-raised: #0b223b;
  --goodos-topbar-border: #29455f;
  --goodos-topbar-text: #f8fafc;
  --goodos-topbar-muted: #7892aa;
  color-scheme: dark;
}

/*
 * The shared structural bar clips identity content to keep application names
 * aligned. GoodFleet's workspace selector owns a dropdown, so that one zone
 * must allow the menu to extend below the fixed bar.
 */
.goodos-topbar[data-goodos-topbar] > [data-goodos-topbar-identity] {
  overflow: visible !important;
}

.goodos-topbar.goodfleet-customer-topbar .goodos-topbar__workspace {
  padding-inline: 12px !important;
}

.goodos-topbar__brand-mark {
  color: #fff;
  background: linear-gradient(145deg, #0ea5e9, #075985);
}

.goodfleet-mobile-menu-trigger {
  display: none !important;
}

.goodfleet-history-back {
  flex: 0 0 auto;
}

@media (max-width: 760px) {
  .goodfleet-mobile-menu-trigger {
    display: inline-flex !important;
  }

  .goodfleet-history-back {
    width: 36px !important;
    height: 36px !important;
  }
}