/* Tab strip for merged tools — one nav entry, several sibling views.
   Injected by js/mv-merge-tabs.js. Tokens only: no hardcoded hex, no inline
   style=, no emoji, radius from the scale, no left-accent stripes. */

.mvmg-tabs { display: flex; gap: 4px; flex-wrap: wrap; align-items: center; margin: 0 0 14px; padding-bottom: 10px; border-bottom: 1px solid var(--hairline); }

.mvmg-tab { font: 600 12.5px var(--font); padding: 7px 14px; border-radius: var(--radius-pill); border: 1px solid var(--border); background: transparent; color: var(--text-3); cursor: pointer; white-space: normal; overflow-wrap: break-word; transition: color .15s ease, border-color .15s ease, background .15s ease; }
.mvmg-tab:hover { color: var(--text); border-color: var(--border-strong); }
.mvmg-tab.is-on { background: var(--bg-2); color: var(--text); border-color: var(--purple-bright); }
.mvmg-tab:focus-visible { outline: 2px solid var(--purple-bright); outline-offset: 2px; }

@media (max-width: 600px) {
  .mvmg-tabs { gap: 3px; }
  .mvmg-tab { padding: 6px 11px; font-size: 12px; }
}