/* The same compact action rail for content, links, devices and ArtWall. */
.cliora-app .contents-container.grid-view .content-card .content-actions{display:flex;align-items:center;justify-content:flex-start;gap:6px;flex-wrap:nowrap;width:100%;box-sizing:border-box;margin-top:auto}
.cliora-app .contents-container .content-card .content-actions .library-more{margin-left:auto}
.cliora-app .contents-container.grid-view .content-card .content-actions .btn-action{width:34px;height:34px;min-width:34px;min-height:34px;padding:0;flex:0 0 auto;text-decoration:none}
.cliora-app .contents-container .content-actions i{pointer-events:none}
@media(max-width:1023px){.cliora-app .contents-container.grid-view .content-card .content-actions .btn-action{width:40px;height:42px;min-width:40px;min-height:42px}.cliora-app .contents-container.grid-view .content-card .content-actions{gap:3px}.cliora-app[data-page=links] .contents-container.grid-view{grid-template-columns:repeat(auto-fit,minmax(206px,1fr))}}

/* The persistent shell already contains real limits; do not fade it out at boot. */
.cliora-app.ui-booting #mainSidebar{opacity:1}

/* Cross-document transitions keep the navigation in place. Each page retains its
   own editor, media and polling lifecycle; only the visual transition changes. */
@view-transition{navigation:auto}
.cliora-app #mainSidebar{view-transition-name:cliora-sidebar}
.cliora-app .ui-mobile-header{view-transition-name:cliora-mobile-header}
::view-transition-group(root){animation-duration:.16s}
::view-transition-group(cliora-sidebar),::view-transition-group(cliora-mobile-header){animation:none}
::view-transition-old(cliora-sidebar),::view-transition-old(cliora-mobile-header){display:none}
::view-transition-new(cliora-sidebar),::view-transition-new(cliora-mobile-header){animation:none;mix-blend-mode:normal;opacity:1}
@media(prefers-reduced-motion:reduce){@view-transition{navigation:none}}