/* src/layout/StatusBar.css */

.status-bar {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  height: var(--status-bar-height);
  padding: 2px 12px;
  gap: 12px;
  font-size: 0.75rem;
  color: var(--text-muted, #b0b0b0);
  flex-shrink: 0;
  background-color: var(--bg-secondary);
  border-top: 1px solid var(--border-color);
}

.status-bar-spacer {
  flex: 1;
}

.status-bar-item-wrapper {
  display: contents;
}

.status-bar-item {
  display: flex;
  align-items: center;
  gap: 4px;
}

/* Core-system items (non-plugin) rendered via React. */
.status-bar-core-items {
  display: flex;
  align-items: center;
  gap: 12px;
}

/* Habitat auth logged-in indicator. Clicking opens Settings > Atmosphere Account. */
.status-bar-auth-indicator {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 0 4px;
  background: none;
  border: none;
  color: var(--text-muted, #b0b0b0);
  font-size: inherit;
  font-family: inherit;
  cursor: pointer;
  transition: color 0.1s;
}

.status-bar-auth-indicator:hover {
  color: var(--text-normal, #eee);
}
.status-bar-offline {
  color: var(--text-secondary);
  font-size: 0.75rem;
}