/* Settings gear tab (2026-09-30): colour comes from gear-tab.js (a different one each load); slightly larger tab and gear.
   The spin (6 s, 1.2 s on hover) is the existing rule in local-settings-hub.css and is unchanged. Rollback: delete the two index.html lines. */
html:not(.gt-a):not(.gt-b) .settingSidebar .settingPanelToggle {
  width: 46px; left: -46px; padding: 13px 0;
  color: var(--gear-fg, #fff);
  background: linear-gradient(135deg, var(--gear-a, #6777ef), var(--gear-b, #4f46e5));
  box-shadow: -4px 6px 18px var(--gear-glow, rgba(79, 70, 229, .35)), inset 1px 1px 0 rgba(255, 255, 255, .18);
  transition: box-shadow .2s ease, transform .2s ease;
}
html:not(.gt-a):not(.gt-b) .settingSidebar .settingPanelToggle:hover { box-shadow: -6px 8px 24px var(--gear-glow, rgba(79, 70, 229, .45)), inset 1px 1px 0 rgba(255, 255, 255, .22); }
html:not(.gt-a):not(.gt-b) .settingSidebar .settingPanelToggle i { font-size: 18px; line-height: 1; }