/* StellarChat pass 87: Android WebView speed trim.
   Removes expensive blur/fade screen transitions in the mobile app shell and
   adds containment on large scrolling panels. Desktop/web keeps normal styling. */

html.is-mobile-app {
    --stellar-screen-transition-ms: 0ms;
}

html.is-mobile-app :is(
    .app-screen:not(.is-hidden),
    .mobile-screen:not(.is-hidden),
    .auth-panel.is-active,
    .screen-view:not(.is-hidden),
    [data-screen]:not(.is-hidden),
    .chat-thread:not(.is-hidden),
    .chats-list-view:not(.is-hidden),
    .groups-list-view:not(.is-hidden),
    .calls-list-view:not(.is-hidden),
    .settings-view:not(.is-hidden)
) {
    animation: none !important;
    transition-duration: 0ms !important;
    transform: none !important;
    filter: none !important;
}

html.is-mobile-app :is(
    .app-screen,
    .conversations-list,
    .groups-list,
    .contacts-list,
    .calls-list,
    .messages-list,
    .settings-sections
) {
    contain: layout paint;
}

html.is-mobile-app :is(.conversation-item, .contact-item, .group-conversation-item, .call-item) {
    content-visibility: auto;
    contain-intrinsic-size: 76px;
}

@media (prefers-reduced-motion: reduce) {
    :root { --stellar-screen-transition-ms: 0ms; }
}