/* One shared, prominent view switch for squad and manager analysis. */
.module-tabs { position: relative; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; padding: 6px; margin: 0 0 26px; border: 1px solid var(--line-strong); border-radius: 21px; background: var(--bg-raised); }
.module-tabs::before { content: ''; pointer-events: none; position: absolute; inset: 6px auto 6px 6px; width: calc(50% - 10px); border: 1px solid #d9ff4380; border-radius: 15px; background: linear-gradient(110deg, #d9ff431c, #d9ff4309); box-shadow: inset 0 1px 0 #d9ff4320, 0 5px 18px #0002; transition: transform .28s cubic-bezier(.2,.8,.2,1); }
.module-tabs[data-active-tab="second"]::before { transform: translateX(calc(100% + 8px)); }
.module-tabs > button { position: relative; display: flex; align-items: center; gap: 16px; min-width: 0; min-height: 88px; padding: 18px 22px; border: 1px solid transparent; border-radius: 15px; background: transparent; color: var(--text); text-align: left; cursor: pointer; transition: background .2s, color .2s; }
.module-tabs > button:hover:not([aria-selected="true"]) { background: #ffffff06; }
.module-tabs > button[aria-selected="true"] { color: var(--lime); }
.module-tab-icon { display: grid; place-items: center; width: 44px; height: 44px; flex-shrink: 0; border: 1px solid var(--line-strong); border-radius: 12px; color: #b8c8bf; background: var(--panel-2); transition: color .25s, background .25s, border-color .25s; }
.module-tab-icon svg { width: 24px; height: 24px; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
[aria-selected="true"] > .module-tab-icon { background: var(--lime); color: #17210c; border-color: var(--lime); }
.module-tab-copy { min-width: 0; flex: 1; }
.module-tab-copy strong { display: block; font-size: clamp(15px, 1.45vw, 19px); font-weight: 800; letter-spacing: -.35px; }
.module-tab-copy small { display: block; margin-top: 6px; color: #9fab9f; font-size: 11px; font-weight: 450; line-height: 1.5; }
.module-tab-arrow { font-size: 23px; color: var(--muted); transition: color .25s, transform .25s; }
[aria-selected="true"] > .module-tab-arrow { color: var(--lime); transform: translateX(3px); }
.module-tabs > button:focus-visible { outline: 2px solid var(--lime); outline-offset: -4px; }
@media (max-width: 680px) {
  .module-tabs { gap: 8px; border-radius: 17px; margin-bottom: 22px; }
  .module-tabs::before { border-radius: 11px; }
  .module-tabs > button { flex-wrap: wrap; gap: 10px; min-height: 100px; padding: 12px; border-radius: 11px; }
  .module-tab-icon { width: 32px; height: 32px; border-radius: 9px; }
  .module-tab-icon svg { width: 19px; height: 19px; }
  .module-tab-copy { flex-basis: 100%; }
  .module-tab-copy strong { font-size: 14px; overflow-wrap: anywhere; }
  .module-tab-copy small { font-size: 10px; }
  .module-tab-arrow { position: absolute; right: 14px; top: 17px; font-size: 20px; }
}
@media (prefers-reduced-motion: reduce) {
  .module-tabs::before, .module-tabs > button, .module-tab-icon, .module-tab-arrow { transition: none; }
}