/* Shared motion for tabs and segmented controls; selection stays with each page. */
.cp-switch-motion { position:relative; isolation:isolate; }
.cp-switch-motion > .cp-switch-indicator {
    position:absolute; top:0; left:0; z-index:0; pointer-events:none;
    background:#0b3d23; opacity:0; border-radius:4px;
}
.cp-switch-motion.cp-switch-ready > .cp-switch-indicator { opacity:1; }
.cp-switch-motion :is([role="tab"],.login-tab,.plan-toggle-btn,.cp-tab-pill) {
    position:relative; z-index:1;
    transition:color 180ms ease,background-color 180ms ease,border-color 180ms ease;
}
.cp-switch-motion.cp-switch-segmented :is(.login-tab,.plan-toggle-btn) { background:transparent; box-shadow:none; }
.cp-switch-motion.cp-switch-segmented :is(.login-tab.active,.plan-toggle-btn.active) { background:transparent; box-shadow:none; }
.cp-switch-motion.cp-filter-tabs-wrap .cp-tab-pill { border-bottom-color:transparent; }
.cp-switch-motion.cp-switch-underline > .cp-switch-indicator { border-radius:2px; }
/* The shared entry motion replaces the separate login/Bootstrap fades. */
.ip-auth-page .login-panel.cp-switch-panel { animation:none; min-height:244px; align-content:start; }
.tab-pane.cp-switch-panel.fade { transition:none; }
@media (prefers-reduced-motion:reduce) {
    .cp-switch-motion :is([role="tab"],.login-tab,.plan-toggle-btn,.cp-tab-pill) { transition:none; }
}