/* unavailable.css — the screen shown when the app is signed in but has no data.
   One centred card: what happened, why, and the one action that can help. */
.unavailable{display:flex;justify-content:center;padding-top:56px}
.notice{max-width:460px;padding:38px 32px;text-align:center;border-radius:var(--r-2xl);box-shadow:var(--shadow-sm)}
.notice-icon{display:flex;justify-content:center;margin-bottom:18px;color:var(--muted-2)}
.notice-title{margin:0;font-size:17px;font-weight:600;letter-spacing:-.02em;color:var(--ink)}
.notice-body{margin:10px 0 0;font-size:14px;line-height:1.55;color:var(--ink-3);text-wrap:pretty}
.notice-reason{margin:12px 0 20px;font-size:13px;color:var(--muted)}
/* The code the server logged this failure under — the reader quotes it, the
   desk greps for it. Monospace and faint: it is a reference, not a message. */
.notice-ref{margin:18px 0 0;font-family:var(--font-mono);font-size:11.5px;letter-spacing:.02em;color:var(--faint)}