/* Native navigation state is unchanged. The moving underline borrows F2's 180ms easing. */
[data-caring-motion]{position:relative}
[data-caring-motion]>.caring-tab-motion-indicator{position:absolute;bottom:0;left:0;width:0;height:2px;border-radius:2px;background:#3182f6;pointer-events:none;z-index:2;transition:left 180ms cubic-bezier(.2,.8,.2,1),width 180ms cubic-bezier(.2,.8,.2,1)}
.main-tabs[data-caring-motion]>.caring-tab-motion-indicator{height:3px}
.main-tabs[data-caring-motion]>.main-tab.active::after{content:none}
#rvDetail .rv-d-tabs[data-caring-motion]>.rv-d-tab.is-active{border-bottom-color:transparent}
#rvGuideView .rv-guide-ptabs[data-caring-motion] button.is-active{border-bottom-color:transparent}
#memberMgmtOverlay [data-caring-motion]>[id^="mmTab-"]{border-bottom-color:transparent!important}
.contracts-sheet-tabs[data-caring-motion]>.contracts-sheet-btn.is-active,.dp-tabs[data-caring-motion]>.dp-tab.active{border-bottom-color:transparent}
@media(prefers-reduced-motion:reduce){[data-caring-motion]>.caring-tab-motion-indicator{transition:none!important}}

/* Keep legacy main/modal tab height, replacing its pink border with the shared blue underline. */
[data-caring-motion]>.main-tab.active{border-bottom-color:transparent}
#modalTabBar [data-caring-motion]>.main-tab.active::after{content:none}