/* TurboBatch modern header icon buttons */
.header-icon-button,
.nav a.header-icon-button,
.nav button.header-icon-button,
.help-trigger {
  width: 38px;
  height: 38px;
  min-width: 38px;
  padding: 0 !important;
  border-radius: 999px;
  border: 1px solid var(--tb-border, #29435f);
  background: rgba(255,255,255,.045);
  color: var(--tb-text, #f4f7fb);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 17px;
  font-weight: 1000;
  line-height: 1;
  text-decoration: none;
  cursor: pointer;
  transition: transform .16s ease, background .16s ease, border-color .16s ease, box-shadow .16s ease;
}

.header-icon-button:hover,
.nav a.header-icon-button:hover,
.nav button.header-icon-button:hover,
.help-trigger:hover {
  background: var(--tb-surface-2, #101820);
  border-color: var(--tb-primary, #e10600);
  transform: translateY(-1px);
  box-shadow: 0 8px 20px rgba(0,0,0,.24);
}

.header-icon-button.active,
.nav a.header-icon-button.active {
  border-color: var(--tb-primary, #e10600);
  background: linear-gradient(135deg, rgba(var(--tb-primary-rgb, 225,6,0),.28), rgba(255,255,255,.06));
}

.header-icon-button svg {
  width: 19px;
  height: 19px;
  display: block;
  fill: none;
  stroke: currentColor;
  stroke-width: 2.2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

/* Keep regular page links modern but readable */
.nav a:not(.header-icon-button) {
  white-space: nowrap;
}

@media (max-width: 900px) {
  .header-icon-button,
  .nav a.header-icon-button,
  .nav button.header-icon-button,
  .help-trigger {
    width: 36px;
    height: 36px;
    min-width: 36px;
  }
}