.hub-status-actions {
  align-items: center;
  display: flex;
  gap: 20px;
}

.hub-theme-toggle {
  align-items: center;
  background: var(--hub-surface);
  border: 1px solid #303030;
  border-radius: 3px;
  color: #969696;
  cursor: pointer;
  display: inline-flex;
  font: 700 11px/1 var(--hub-mono);
  gap: 7px;
  justify-content: center;
  letter-spacing: 1px;
  min-height: 44px;
  min-width: 96px;
  padding: 0 12px;
  text-transform: uppercase;
  transition: background .18s, border-color .18s, color .18s;
}

.hub-theme-toggle span[aria-hidden='true'] {
  font-size: 17px;
  font-weight: 400;
  line-height: 1;
}

.hub-theme-toggle:hover {
  border-color: var(--hub-tech);
  color: var(--hub-tech);
}

.hub-theme-toggle:focus-visible {
  outline: 2px solid var(--hub-tech);
  outline-offset: 3px;
}

html[data-theme='light'] .hub-theme-toggle {
  background: #fbfaf6;
  border-color: #aaa69b;
  color: #4f4c46;
}

@media (max-width: 700px) {
  .hub-status-actions { gap: 0; }
  .hub-theme-toggle {
    font-size: 8px;
    min-width: 78px;
    padding: 0 9px;
  }
}