.agenda__tabs,
.pr-records__tabs,
.sec-tabs,
.worklist-tabs,
.notify-tabs,
.detail-tabs,
.mail-tabs,
.sprint-tabs,
.report-tabs,
.sup-tabs,
.an-vboard__tabs,
.calendar-view,
.sprint-view,
.rb-views,
.dl-quick,
.dl-views,
.nav-bell__filters,
.ms-bar,
.sprint-filter__chips,
.calendar-chips,
.aut-institution-chips,
.view-tabs,
.major-tabs,
.kb-views,
.kb-boards,
.kep-tabs__strip {
    position: relative;
}

.kep-glider {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    contain: strict;
    border-radius: var(--radius-sm);
    background: var(--accent);
    opacity: 0;
    pointer-events: none;
    transform: translate3d(0, 0, 0);
    transition: transform var(--kep-glider-time, 280ms) var(--motion-ease),
                width var(--kep-glider-time, 280ms) var(--motion-ease),
                height var(--kep-glider-time, 280ms) var(--motion-ease),
                top var(--kep-glider-time, 280ms) var(--motion-ease),
                opacity var(--motion-fast) var(--motion-ease);
}

.is-glider-ready > .kep-glider {
    opacity: 1;
}

.is-glider-quiet > .kep-glider {
    transition: none;
}

.kep-glider-on > .sec-tab,
.kep-glider-on > .detail-tab,
.kep-glider-on > .sprint-tab,
.kep-glider-on > .worklist-tab,
.kep-glider-on > .notify-tab,
.kep-glider-on > .report-tab,
.kep-glider-on > .mail-tab,
.kep-glider-on > .sup-tab,
.kep-glider-on > .agenda__tab,
.kep-glider-on > .pr-records__tab,
.kep-glider-on > .an-vboard__tab,
.kep-glider-on > .kep-tabs__tab,
.kep-glider-on > .calendar-view__button,
.kep-glider-on > .sprint-view__button,
.kep-glider-on > .rb-view,
.kep-glider-on > .dl-quick__item,
.kep-glider-on > .dl-view,
.kep-glider-on > .nav-bell__filter,
.kep-glider-on > .ms-bar-button,
.kep-glider-on > .sprint-chip,
.kep-glider-on > .calendar-chip,
.kep-glider-on > .aut-chip,
.kep-glider-on > .view-tab,
.kep-glider-on > .major-tab,
.kep-glider-on > .kb-view,
.kep-glider-on > .kb-board {
    position: relative;
    z-index: 1;
}

.kep-glider-on.is-glider-ready > .sec-tab,
.kep-glider-on.is-glider-ready > .detail-tab,
.kep-glider-on.is-glider-ready > .sprint-tab,
.kep-glider-on.is-glider-ready > .worklist-tab,
.kep-glider-on.is-glider-ready > .notify-tab,
.kep-glider-on.is-glider-ready > .report-tab,
.kep-glider-on.is-glider-ready > .mail-tab,
.kep-glider-on.is-glider-ready > .sup-tab,
.kep-glider-on.is-glider-ready > .agenda__tab,
.kep-glider-on.is-glider-ready > .pr-records__tab,
.kep-glider-on.is-glider-ready > .an-vboard__tab,
.kep-glider-on.is-glider-ready > .kep-tabs__tab,
.kep-glider-on.is-glider-ready > .calendar-view__button,
.kep-glider-on.is-glider-ready > .sprint-view__button,
.kep-glider-on.is-glider-ready > .rb-view,
.kep-glider-on.is-glider-ready > .dl-quick__item,
.kep-glider-on.is-glider-ready > .dl-view,
.kep-glider-on.is-glider-ready > .nav-bell__filter,
.kep-glider-on.is-glider-ready > .ms-bar-button,
.kep-glider-on.is-glider-ready > .sprint-chip,
.kep-glider-on.is-glider-ready > .calendar-chip,
.kep-glider-on.is-glider-ready > .aut-chip,
.kep-glider-on.is-glider-ready > .view-tab,
.kep-glider-on.is-glider-ready > .major-tab,
.kep-glider-on.is-glider-ready > .kb-view,
.kep-glider-on.is-glider-ready > .kb-board,
.kep-glider-on.is-glider-ready > .sec-tab *,
.kep-glider-on.is-glider-ready > .detail-tab *,
.kep-glider-on.is-glider-ready > .sprint-tab *,
.kep-glider-on.is-glider-ready > .worklist-tab *,
.kep-glider-on.is-glider-ready > .notify-tab *,
.kep-glider-on.is-glider-ready > .report-tab *,
.kep-glider-on.is-glider-ready > .mail-tab *,
.kep-glider-on.is-glider-ready > .sup-tab *,
.kep-glider-on.is-glider-ready > .agenda__tab *,
.kep-glider-on.is-glider-ready > .pr-records__tab *,
.kep-glider-on.is-glider-ready > .an-vboard__tab *,
.kep-glider-on.is-glider-ready > .kep-tabs__tab *,
.kep-glider-on.is-glider-ready > .calendar-view__button *,
.kep-glider-on.is-glider-ready > .sprint-view__button *,
.kep-glider-on.is-glider-ready > .rb-view *,
.kep-glider-on.is-glider-ready > .dl-quick__item *,
.kep-glider-on.is-glider-ready > .dl-view *,
.kep-glider-on.is-glider-ready > .nav-bell__filter *,
.kep-glider-on.is-glider-ready > .ms-bar-button *,
.kep-glider-on.is-glider-ready > .sprint-chip *,
.kep-glider-on.is-glider-ready > .calendar-chip *,
.kep-glider-on.is-glider-ready > .aut-chip *,
.kep-glider-on.is-glider-ready > .view-tab *,
.kep-glider-on.is-glider-ready > .major-tab * {
    transition: color var(--kep-glider-out-time, 80ms) var(--motion-ease) var(--kep-glider-out, 80ms),
                background-color var(--kep-glider-out-time, 80ms) var(--motion-ease) var(--kep-glider-out, 80ms);
}

.kep-glider-on.is-glider-ready > .sec-tab.is-active,
.kep-glider-on.is-glider-ready > .detail-tab.is-active,
.kep-glider-on.is-glider-ready > .sprint-tab.is-active,
.kep-glider-on.is-glider-ready > .worklist-tab.is-active,
.kep-glider-on.is-glider-ready > .notify-tab.is-active,
.kep-glider-on.is-glider-ready > .report-tab.is-active,
.kep-glider-on.is-glider-ready > .mail-tab.is-active,
.kep-glider-on.is-glider-ready > .sup-tab.is-active,
.kep-glider-on.is-glider-ready > .agenda__tab.is-active,
.kep-glider-on.is-glider-ready > .pr-records__tab.is-active,
.kep-glider-on.is-glider-ready > .an-vboard__tab.is-active,
.kep-glider-on.is-glider-ready > .kep-tabs__tab.is-active,
.kep-glider-on.is-glider-ready > .calendar-view__button.is-active,
.kep-glider-on.is-glider-ready > .sprint-view__button.is-active,
.kep-glider-on.is-glider-ready > .rb-view.is-active,
.kep-glider-on.is-glider-ready > .dl-quick__item.is-active,
.kep-glider-on.is-glider-ready > .dl-view.is-active,
.kep-glider-on.is-glider-ready > .nav-bell__filter.is-active,
.kep-glider-on.is-glider-ready > .ms-bar-button.is-active,
.kep-glider-on.is-glider-ready > .sprint-chip.is-active,
.kep-glider-on.is-glider-ready > .calendar-chip.is-active,
.kep-glider-on.is-glider-ready > .aut-chip.is-active,
.kep-glider-on.is-glider-ready > .view-tab.is-active,
.kep-glider-on.is-glider-ready > .sec-tab.is-active *,
.kep-glider-on.is-glider-ready > .detail-tab.is-active *,
.kep-glider-on.is-glider-ready > .sprint-tab.is-active *,
.kep-glider-on.is-glider-ready > .worklist-tab.is-active *,
.kep-glider-on.is-glider-ready > .notify-tab.is-active *,
.kep-glider-on.is-glider-ready > .report-tab.is-active *,
.kep-glider-on.is-glider-ready > .mail-tab.is-active *,
.kep-glider-on.is-glider-ready > .sup-tab.is-active *,
.kep-glider-on.is-glider-ready > .agenda__tab.is-active *,
.kep-glider-on.is-glider-ready > .pr-records__tab.is-active *,
.kep-glider-on.is-glider-ready > .an-vboard__tab.is-active *,
.kep-glider-on.is-glider-ready > .kep-tabs__tab.is-active *,
.kep-glider-on.is-glider-ready > .calendar-view__button.is-active *,
.kep-glider-on.is-glider-ready > .sprint-view__button.is-active *,
.kep-glider-on.is-glider-ready > .rb-view.is-active *,
.kep-glider-on.is-glider-ready > .dl-quick__item.is-active *,
.kep-glider-on.is-glider-ready > .dl-view.is-active *,
.kep-glider-on.is-glider-ready > .nav-bell__filter.is-active *,
.kep-glider-on.is-glider-ready > .ms-bar-button.is-active *,
.kep-glider-on.is-glider-ready > .sprint-chip.is-active *,
.kep-glider-on.is-glider-ready > .calendar-chip.is-active *,
.kep-glider-on.is-glider-ready > .aut-chip.is-active *,
.kep-glider-on.is-glider-ready > .view-tab.is-active *,
.kep-glider-on.is-glider-ready > .major-tab.is-active * {
    transition-delay: var(--kep-glider-in, 120ms);
    transition-duration: var(--kep-glider-in-time, 90ms);
}

.kep-glider-on.is-glider-ready > .sec-tab:not(.is-active):hover,
.kep-glider-on.is-glider-ready > .detail-tab:not(.is-active):hover,
.kep-glider-on.is-glider-ready > .sprint-tab:not(.is-active):hover,
.kep-glider-on.is-glider-ready > .worklist-tab:not(.is-active):hover,
.kep-glider-on.is-glider-ready > .notify-tab:not(.is-active):hover,
.kep-glider-on.is-glider-ready > .report-tab:not(.is-active):hover,
.kep-glider-on.is-glider-ready > .mail-tab:not(.is-active):hover,
.kep-glider-on.is-glider-ready > .sup-tab:not(.is-active):hover,
.kep-glider-on.is-glider-ready > .agenda__tab:not(.is-active):hover,
.kep-glider-on.is-glider-ready > .pr-records__tab:not(.is-active):hover,
.kep-glider-on.is-glider-ready > .an-vboard__tab:not(.is-active):hover,
.kep-glider-on.is-glider-ready > .kep-tabs__tab:not(.is-active):hover,
.kep-glider-on.is-glider-ready > .calendar-view__button:not(.is-active):hover,
.kep-glider-on.is-glider-ready > .sprint-view__button:not(.is-active):hover,
.kep-glider-on.is-glider-ready > .rb-view:not(.is-active):hover,
.kep-glider-on.is-glider-ready > .dl-quick__item:not(.is-active):hover,
.kep-glider-on.is-glider-ready > .dl-view:not(.is-active):hover,
.kep-glider-on.is-glider-ready > .nav-bell__filter:not(.is-active):hover,
.kep-glider-on.is-glider-ready > .ms-bar-button:not(.is-active):hover,
.kep-glider-on.is-glider-ready > .sprint-chip:not(.is-active):hover,
.kep-glider-on.is-glider-ready > .calendar-chip:not(.is-active):hover,
.kep-glider-on.is-glider-ready > .aut-chip:not(.is-active):hover,
.kep-glider-on.is-glider-ready > .view-tab:not(.is-active):hover,
.kep-glider-on.is-glider-ready > .sec-tab:not(.is-active):hover *,
.kep-glider-on.is-glider-ready > .detail-tab:not(.is-active):hover *,
.kep-glider-on.is-glider-ready > .sprint-tab:not(.is-active):hover *,
.kep-glider-on.is-glider-ready > .worklist-tab:not(.is-active):hover *,
.kep-glider-on.is-glider-ready > .notify-tab:not(.is-active):hover *,
.kep-glider-on.is-glider-ready > .report-tab:not(.is-active):hover *,
.kep-glider-on.is-glider-ready > .mail-tab:not(.is-active):hover *,
.kep-glider-on.is-glider-ready > .sup-tab:not(.is-active):hover *,
.kep-glider-on.is-glider-ready > .agenda__tab:not(.is-active):hover *,
.kep-glider-on.is-glider-ready > .pr-records__tab:not(.is-active):hover *,
.kep-glider-on.is-glider-ready > .an-vboard__tab:not(.is-active):hover *,
.kep-glider-on.is-glider-ready > .kep-tabs__tab:not(.is-active):hover *,
.kep-glider-on.is-glider-ready > .calendar-view__button:not(.is-active):hover *,
.kep-glider-on.is-glider-ready > .sprint-view__button:not(.is-active):hover *,
.kep-glider-on.is-glider-ready > .rb-view:not(.is-active):hover *,
.kep-glider-on.is-glider-ready > .dl-quick__item:not(.is-active):hover *,
.kep-glider-on.is-glider-ready > .dl-view:not(.is-active):hover *,
.kep-glider-on.is-glider-ready > .nav-bell__filter:not(.is-active):hover *,
.kep-glider-on.is-glider-ready > .ms-bar-button:not(.is-active):hover *,
.kep-glider-on.is-glider-ready > .sprint-chip:not(.is-active):hover *,
.kep-glider-on.is-glider-ready > .calendar-chip:not(.is-active):hover *,
.kep-glider-on.is-glider-ready > .aut-chip:not(.is-active):hover *,
.kep-glider-on.is-glider-ready > .view-tab:not(.is-active):hover *,
.kep-glider-on.is-glider-ready > .major-tab:not(.is-active):hover * {
    transition-delay: 0s;
    transition-duration: var(--motion-fast);
}

.kep-glider-on--soft > .kep-glider {
    background: var(--accent-soft);
}

.kep-glider-on--soft.is-glider-ready > .sprint-chip.is-active,
.kep-glider-on--soft.is-glider-ready > .sprint-chip.is-active:hover,
.kep-glider-on--soft.is-glider-ready > .calendar-chip.is-active,
.kep-glider-on--soft.is-glider-ready > .calendar-chip.is-active:hover,
.kep-glider-on--soft.is-glider-ready > .kb-board.is-active,
.kep-glider-on--soft.is-glider-ready > .kb-board.is-active:hover {
    background: transparent;
}

.kep-glider-on--chip > .kep-glider {
    background: var(--surface-raised);
    box-shadow: 0 0 0 1px var(--border);
}

.kep-glider-on--chip.is-glider-ready > .calendar-view__button.is-active,
.kep-glider-on--chip.is-glider-ready > .calendar-view__button.is-active:hover,
.kep-glider-on--chip.is-glider-ready > .sprint-view__button.is-active,
.kep-glider-on--chip.is-glider-ready > .sprint-view__button.is-active:hover,
.kep-glider-on--chip.is-glider-ready > .rb-view.is-active,
.kep-glider-on--chip.is-glider-ready > .rb-view.is-active:hover,
.kep-glider-on--chip.is-glider-ready > .kb-view.is-active,
.kep-glider-on--chip.is-glider-ready > .kb-view.is-active:hover {
    background: transparent;
    box-shadow: none;
}

.kep-glider-on--line.is-glider-ready > .dl-quick__item.is-active,
.kep-glider-on--line.is-glider-ready > .dl-quick__item.is-active:hover,
.kep-glider-on--line.is-glider-ready > .view-tab.is-active,
.kep-glider-on--line.is-glider-ready > .view-tab.is-active:hover,
.kep-glider-on--line.is-glider-ready > .sup-tab.is-active,
.kep-glider-on--line.is-glider-ready > .sup-tab.is-active:hover,
.kep-glider-on--line.is-glider-ready > .agenda__tab.is-active,
.kep-glider-on--line.is-glider-ready > .agenda__tab.is-active:hover,
.kep-glider-on--line.is-glider-ready > .pr-records__tab.is-active,
.kep-glider-on--line.is-glider-ready > .pr-records__tab.is-active:hover,
.kep-glider-on--line.is-glider-ready > .major-tab.is-active,
.kep-glider-on--line.is-glider-ready > .major-tab.is-active:hover {
    border-bottom-color: transparent;
}

.major-tabs.kep-glider-on--line > .kep-glider {
    background: var(--danger);
}

.agenda__tabs.kep-glider-on--line:has(> .agenda__tab--late.is-active) > .kep-glider {
    background: var(--danger);
}

.kep-glider-on.is-glider-ready:not(.kep-glider-on--line) > .sec-tab.is-active,
.kep-glider-on.is-glider-ready:not(.kep-glider-on--line) > .sec-tab.is-active:hover,
.kep-glider-on.is-glider-ready:not(.kep-glider-on--line) > .detail-tab.is-active,
.kep-glider-on.is-glider-ready:not(.kep-glider-on--line) > .detail-tab.is-active:hover,
.kep-glider-on.is-glider-ready:not(.kep-glider-on--line) > .sprint-tab.is-active,
.kep-glider-on.is-glider-ready:not(.kep-glider-on--line) > .sprint-tab.is-active:hover,
.kep-glider-on.is-glider-ready:not(.kep-glider-on--line) > .worklist-tab.is-active,
.kep-glider-on.is-glider-ready:not(.kep-glider-on--line) > .worklist-tab.is-active:hover,
.kep-glider-on.is-glider-ready:not(.kep-glider-on--line) > .notify-tab.is-active,
.kep-glider-on.is-glider-ready:not(.kep-glider-on--line) > .notify-tab.is-active:hover,
.kep-glider-on.is-glider-ready:not(.kep-glider-on--line) > .report-tab.is-active,
.kep-glider-on.is-glider-ready:not(.kep-glider-on--line) > .report-tab.is-active:hover,
.kep-glider-on.is-glider-ready:not(.kep-glider-on--line) > .mail-tab.is-active,
.kep-glider-on.is-glider-ready:not(.kep-glider-on--line) > .mail-tab.is-active:hover,
.kep-glider-on.is-glider-ready:not(.kep-glider-on--line) > .an-vboard__tab.is-active,
.kep-glider-on.is-glider-ready:not(.kep-glider-on--line) > .an-vboard__tab.is-active:hover,
.kep-glider-on.is-glider-ready:not(.kep-glider-on--line) > .dl-view.is-active,
.kep-glider-on.is-glider-ready:not(.kep-glider-on--line) > .dl-view.is-active:hover,
.kep-glider-on.is-glider-ready:not(.kep-glider-on--line) > .nav-bell__filter.is-active,
.kep-glider-on.is-glider-ready:not(.kep-glider-on--line) > .nav-bell__filter.is-active:hover,
.kep-glider-on.is-glider-ready:not(.kep-glider-on--line) > .ms-bar-button.is-active,
.kep-glider-on.is-glider-ready:not(.kep-glider-on--line) > .ms-bar-button.is-active:hover,
.kep-glider-on.is-glider-ready:not(.kep-glider-on--line) > .aut-chip.is-active,
.kep-glider-on.is-glider-ready:not(.kep-glider-on--line) > .aut-chip.is-active:hover,
.kep-glider-on.is-glider-ready:not(.kep-glider-on--line) > .kep-tabs__tab.is-active,
.kep-glider-on.is-glider-ready:not(.kep-glider-on--line) > .kep-tabs__tab.is-active:hover {
    background: transparent;
    box-shadow: none;
}

.kep-stage-busy {
    position: relative;
    overflow: hidden;
    transition: height var(--kep-view-time, 270ms) var(--kep-view-in, cubic-bezier(.16, 1, .3, 1));
}

.kep-view {
    transition: transform 200ms var(--kep-view-in, cubic-bezier(.16, 1, .3, 1)) 70ms,
                opacity 160ms var(--kep-view-in, cubic-bezier(.16, 1, .3, 1)) 70ms;
}

.kep-view--leaving {
    transition: transform 110ms var(--kep-view-out, cubic-bezier(.4, 0, .9, .55)),
                opacity 95ms var(--kep-view-out, cubic-bezier(.4, 0, .9, .55));
}

.kep-stage-plain {
    position: relative;
}

.kep-stage-busy > .kep-view--leaving,
.kep-stage-plain > .kep-view--leaving {
    position: absolute;
    pointer-events: none;
    contain: layout paint;
}

.kep-view--from-right {
    transform: translate3d(14px, 0, 0);
    opacity: 0;
}

.kep-view--from-left {
    transform: translate3d(-14px, 0, 0);
    opacity: 0;
}

.kep-view--to-left {
    transform: translate3d(-6px, 0, 0);
    opacity: 0;
}

.kep-view--to-right {
    transform: translate3d(6px, 0, 0);
    opacity: 0;
}

.kep-view--quiet {
    transition: none;
}

.kep-tabs {
    display: flex;
    flex-direction: column;
    gap: var(--space-4);
    min-width: 0;
}

.kep-tabs__strip {
    display: flex;
    flex-wrap: nowrap;
    align-items: stretch;
    gap: 4px;
    max-width: 100%;
    padding: 6px;
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    background: var(--surface-raised);
    overflow-x: auto;
    overflow-y: hidden;
    overscroll-behavior-x: contain;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.kep-tabs__strip::-webkit-scrollbar {
    width: 0;
    height: 0;
}

.kep-tabs__tab {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    flex: 0 0 auto;
    padding: 8px 14px;
    border: 1px solid transparent;
    border-radius: var(--radius-sm);
    background: transparent;
    font-family: inherit;
    font-size: var(--text-sm);
    font-weight: 600;
    color: var(--text-tertiary);
    text-decoration: none;
    white-space: nowrap;
    cursor: pointer;
    transition: color var(--motion-base) var(--motion-ease);
}

.kep-tabs__tab > i {
    font-size: var(--text-md);
}

.kep-tabs__tab:hover {
    color: var(--text-secondary);
}

.kep-tabs__tab.is-active,
.kep-tabs__tab.is-active:hover {
    color: var(--accent-ink);
}

.kep-tabs__tab:focus-visible {
    outline: 2px solid var(--focus-ring);
    outline-offset: 2px;
}

.kep-tabs__tab:disabled {
    opacity: .5;
    cursor: not-allowed;
}

.kep-tabs__count {
    padding: 1px 7px;
    border-radius: var(--radius-pill);
    background: var(--surface-sunken);
    font-size: var(--text-xs);
    font-weight: 700;
    font-variant-numeric: tabular-nums;
    color: var(--text-tertiary);
    transition: background var(--motion-base) var(--motion-ease),
                color var(--motion-base) var(--motion-ease);
}

.kep-tabs__tab.is-active .kep-tabs__count {
    background: rgba(255, 255, 255, .26);
    color: var(--accent-ink);
}

.kep-tabs__stage {
    position: relative;
    min-width: 0;
}

@media (prefers-reduced-motion: reduce) {
    .kep-glider,
    .kep-view,
    .kep-view--leaving,
    .kep-stage-busy {
        transition: none !important;
    }

    .kep-view--from-right,
    .kep-view--from-left,
    .kep-view--to-left,
    .kep-view--to-right {
        transform: none;
        opacity: 1;
    }
}
