/* Shared collapse/expand accordion transitions */

:root {
    --app-collapse-duration: 280ms;
    --app-collapse-ease: cubic-bezier(0.22, 1, 0.36, 1);
}

.app-collapse-panel {
    overflow: hidden;
}

.app-collapse-grid {
    display: grid;
    grid-template-rows: 0fr;
    transition: grid-template-rows var(--app-collapse-duration) var(--app-collapse-ease);
}

.app-collapse-grid.is-open {
    grid-template-rows: 1fr;
}

.app-collapse-grid__inner {
    overflow: hidden;
    min-height: 0;
}

/* Dashboard profit tree rows — fade/scale (not height accordion) */
.dashboard-profit-table__row[x-show] {
    transform-origin: top center;
}

.support-accordion__item.app-collapse-details--animating .support-accordion__panel-wrap {
    display: grid;
    grid-template-rows: 0fr;
    transition: grid-template-rows var(--app-collapse-duration) var(--app-collapse-ease);
}

.support-accordion__item.app-collapse-details--open .support-accordion__panel-wrap {
    grid-template-rows: 1fr;
}

.support-accordion__panel-wrap {
    overflow: hidden;
}

@supports (interpolate-size: allow-keywords) {
    .support-accordion__item.support-accordion__item--native-anim::details-content {
        transition: height var(--app-collapse-duration) var(--app-collapse-ease);
        overflow: hidden;
    }
}

@media (prefers-reduced-motion: reduce) {
    .app-collapse-grid,
    .support-accordion__item.app-collapse-details--animating .support-accordion__panel-wrap,
    .support-accordion__item.support-accordion__item--native-anim::details-content {
        transition: none;
    }
}