/* Layout for the shared header row used on Scan / ConnectDevice(none) /
   DeviceHome / Ground-Scan screens — ports lib/screens/widgets/reusable_header.dart. */

.app-header {
  display: flex;
  align-items: center;
  gap: var(--space-3);
  padding: calc(env(safe-area-inset-top, 0px) + 20px) var(--space-5) var(--space-4);
}

.app-header__side {
  display: flex;
  align-items: center;
  gap: var(--space-3);
}
.app-header__side--left {
  flex: 0 0 auto;
}
.app-header__side--right {
  flex: 0 0 auto;
  margin-left: auto;
}

.app-header__center {
  flex: 1;
  min-width: 0;
  text-align: center;
  color: var(--color-white);
  font-size: 18px;
  font-weight: 600;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.app-header__hero-icon {
  width: 45px;
  height: 45px;
  border-radius: var(--radius-md);
  background: var(--color-badge-bg);
  border: 1px solid var(--color-white-10);
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
}
.app-header__hero-icon img {
  width: 65%;
  height: 65%;
  object-fit: contain;
}

/* plain (non-bezel) icon button — bluetooth toggle */
.icon-btn {
  width: 45px;
  height: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-white);
  flex-shrink: 0;
}
.icon-btn svg {
  width: 24px;
  height: 24px;
}
.icon-btn.is-off {
  color: var(--color-white-54);
}