/* Desktop overrides (>=901px) */
@media (min-width: 901px) {
  /* Desktop: center the visible card vertically (like before) */
  .app { display: flex; flex-direction: column; padding: 4.5rem 1rem 2rem; margin: 0 auto; max-width: 1180px; }
  .app > .card:not(.hidden) { margin-top: auto; margin-bottom: auto; }

  /* Topbar centered title absolute */
  .topbar-inner { justify-content: flex-end; padding: 0.75rem 1rem; }
  .topbar-title { position: absolute; left: 50%; transform: translateX(-50%); font-size: 2rem; max-width: 60vw; pointer-events: none; }
  .topbar-actions { gap: .5rem; min-width: 160px; }
  
  /* Logged-in state: make login pill green; keep text reveal on hover */
  #loginOpenButton.logged-in { background: var(--accent); color: #fff; }

  /* Slightly more generous card spacing on desktop */
  .card { padding: 2.75rem; }

  /* Home screen (create/join) a bit taller so it matches transfer view */
  #step-create-join.card { min-height: 560px; }

  /* Make the dropzone (send menu) visually roomier on desktop */
  .file-input-display { min-height: 200px; padding: 3rem 2rem; }
}