/* Header gear icon — used by every screen header (except Settings itself)
   to deep-link into the Settings tab. Sits at the right edge of .app-header,
   either alone or alongside an existing action button inside .header-actions. */

.header-actions {
  display: flex;
  align-items: center;
  gap: 8px;
}

.icon-btn.header-gear {
  font-size: 18px;
  opacity: 0.65;
  transition: opacity 120ms ease;
}

.icon-btn.header-gear:hover,
.icon-btn.header-gear:focus-visible {
  opacity: 1;
}

.icon-btn.header-gear:active {
  opacity: 0.85;
}