/* Global header placed to the right of the fixed 240px sidebar */
.global-header {
  background: #fff;
  border-bottom: 1px solid #e6eef2;
  height: 64px;
  display: flex;
  align-items: center;
  padding: 0 24px;
  position: fixed;
  top: 0;
  left: 240px; /* start right after sidebar */
  width: calc(100% - 240px);
  z-index: 2200; /* above the sidebar (sidebar is 1000) */
  box-shadow: 0 2px 12px rgba(12, 50, 70, 0.04);
  backdrop-filter: blur(4px);
}
.global-header .brand {
  display: flex;
  align-items: center;
  gap: 12px;
}
.global-header .brand img {
  height: 40px;
  width: auto;
  display: block;
  object-fit: contain;
}
.global-header .project-name {
  font-size: 1.05rem;
  font-weight: 700;
  color: #0f3b4a;
}
.global-header .center-title {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  font-size: 1.125rem;
  font-weight: 700;
  color: #12394a;
  pointer-events: none;
}
.global-header .right-actions {
  margin-left: auto;
  display: flex;
  align-items: center;
  gap: 12px;
}

/* ensure page content starts below header */
.main-wrapper {
  margin-top: 64px !important;
}