.workspace-splash { position: fixed; inset: 0; z-index: 1000000; background: #fff; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 24px; opacity: 0; pointer-events: none; transition: opacity .24s ease; }
.workspace-splash-logo { position: relative; width: min(260px, 70vw); }
.workspace-splash-logo > div { display: flex; align-items: center; gap: 12px; }
.workspace-splash-logo img { display: block; width: auto; height: 48px; object-fit: contain; }
.workspace-splash-logo img.workspace-splash-symbol { width: 48px; height: 48px; flex-shrink: 0; }
.workspace-splash-gray { filter: grayscale(1); opacity: .18; }
.workspace-splash-color { position: absolute; inset: 0; clip-path: inset(0 100% 0 0);  }
.workspace-splash p { font-size: 12px; color: #8795a3; margin: 0; }
.workspace-splash.is-visible { opacity: 1; pointer-events: auto; }
.workspace-splash.is-visible .workspace-splash-color { animation: workspace-reveal 2s ease-out forwards; }
.workspace-splash.is-ready { opacity: 0; pointer-events: none; }
@keyframes workspace-reveal { from { clip-path: inset(0 100% 0 0); } to { clip-path: inset(0 12% 0 0); } }
@media (prefers-reduced-motion: reduce) { .workspace-splash.is-visible .workspace-splash-color { animation: none; clip-path: inset(0); } .workspace-splash.is-ready, .workspace-splash.is-ready .workspace-splash-color { transition: none; } }

/* A disposable, inert copy holds the outgoing screen during in-app navigation.
   Nothing is saved to storage or sent anywhere; it fades out with the loader. */
.workspace-outgoing-page { position: fixed; inset: 0; z-index: 999999; overflow: hidden; background: #e7ecf8; pointer-events: none; opacity: 1; transition: opacity .24s ease; }
.workspace-outgoing-page.is-ready { opacity: 0; }
@media (prefers-reduced-motion: reduce) { .workspace-outgoing-page { transition: none; } }