<section class="locked-card loading-card signed-out-card">
  <p class="workspace-label">Checking Session</p>
  <h2>Returning to the client login screen.</h2>
  <p>Only authenticated client users can open workspace routes directly.</p>
</section>

<style>
  .locked-card {
    max-width: 42rem;
    padding: 1.25rem;
    border: 1px solid var(--line);
    border-radius: 1.25rem;
    background: var(--panel);
    box-shadow: var(--shadow);
  }

  .loading-card {
    min-height: 10rem;
  }

  .signed-out-card {
    margin: 0 auto;
  }

  .workspace-label {
    color: var(--muted);
    font-size: 0.76rem;
    font-weight: 600;
    letter-spacing: 0.06em;
    text-transform: uppercase;
  }

  h2,
  p {
    margin: 0;
  }

  h2 {
    margin-top: 0.35rem;
    font-size: clamp(1.7rem, 3vw, 2.2rem);
  }

  p:last-of-type {
    margin-top: 0.45rem;
    color: var(--muted);
  }
</style>
