/* ── GLOBAL CONTROLS ─────────────────────────────────────────── */
.g-ctrl {
  position: fixed;
  bottom: 1.5rem;
  right: 1.5rem;
  z-index: 9999;
  display: flex;
  align-items: center;
  gap: 2px;
  padding: 3px;
  background: rgba(13,17,23,.88);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid #30363d;
  border-radius: 8px;
  font-family: 'IBM Plex Mono', 'Menlo', 'Consolas', monospace;
  font-size: 11px;
}

[data-theme="light"] .g-ctrl {
  background: rgba(255,255,255,.88);
  border-color: #d0d7de;
}

.g-ctrl__seg {
  padding: .25em .65em;
  background: transparent;
  border: none;
  color: #8b949e;
  border-radius: 5px;
  cursor: pointer;
  font-family: inherit;
  font-size: inherit;
  line-height: 1.7;
  transition: background .12s, color .12s;
  white-space: nowrap;
}

.g-ctrl__seg:hover               { color: #e6edf3; }
.g-ctrl__seg.is-active           { background: #21262d; color: #e6edf3; }

[data-theme="light"] .g-ctrl__seg            { color: #636c76; }
[data-theme="light"] .g-ctrl__seg:hover      { color: #1f2328; }
[data-theme="light"] .g-ctrl__seg.is-active  { background: #f0f2f5; color: #1f2328; }

.g-ctrl__sep {
  width: 1px;
  height: 14px;
  background: #30363d;
  margin: 0 3px;
  flex-shrink: 0;
}

[data-theme="light"] .g-ctrl__sep { background: #d0d7de; }