/* Layout for Claude's mobile-pairing.fig. Loaded only by the standalone mobile export. */
.mobile-stage { position:fixed; inset:0; z-index:30; display:flex; overflow:auto; padding:16px 0; background:var(--page); }
.mobile-stage .modal { flex-shrink:0; max-height:none; }
.mobile-stage > [tabindex="-1"]:focus { outline:none; }
.mobile-stage h2 { display:flex; align-items:center; gap:10px; font-size:15px; margin:0; }
.mobile-stage h2 .fi { width:18px; height:18px; flex:none; }
.mobile-stage p { margin:0; overflow-wrap:anywhere; }
.mobile-stage .mobile-verified { display:flex; gap:8px; align-items:center; font-size:12px; }
.mobile-verified .fi { color:var(--ok); }
.mobile-stage .protected-callout { margin:0; }
.mobile-stage .protected-callout p { margin-top:8px; }
.mobile-stage ul { margin:10px 0; padding-left:14px; display:flex; flex-direction:column; gap:6px; }
.mobile-stage .row { margin-top:0; }
.mobile-stage button { min-height:44px; }
.mobile-pair-actions button { flex:1; }
.mobile-step { display:flex; align-items:baseline; gap:10px; }
.mobile-step > span { width:20px; height:20px; flex:none; text-align:center; border-radius:50%; background:var(--tile); }
.mobile-stage .progress { position:relative; left:auto; right:auto; bottom:auto; width:calc(100vw - 32px); margin:auto; flex-shrink:0; }
.mobile-stage .startup-heading { min-width:0; }
.mobile-stage .startup-clock { flex-basis:auto; padding-left:0; order:0; }
.mobile-stage .startup-hint { margin:12px 0 18px; }
.mobile-stage.mobile-over-gui { background:transparent; }
.mobile-stage .mobile-revoked { position:relative; inset:auto; flex-shrink:0; margin:auto 24px; padding:18px 20px; display:flex; flex-direction:column; gap:12px; border-radius:10px; width:calc(100vw - 48px); background:var(--card); color:var(--fg); }
.mobile-stage[data-state="revoked"] h2 { color:var(--bad); }
body:has(.mobile-over-gui) .term { opacity:.45; }
body:has(.mobile-over-gui) > #banner, body:has(#mobile-offline) > #banner { display:none; }
#mobile-offline { flex:none; z-index:29; background:var(--bad-bg); color:var(--bad); padding:8px 12px; }
body:has(#mobile-offline) #app { pointer-events:none; }
@media (max-width:350px) { .mobile-pair-actions button:first-child { flex:none; } }
@media (max-height:620px) { .mobile-stage > .modal { margin:0 auto auto; } }
/* Claude's mobile-settings.fig: scan or paste in Safari / the installed PWA. */
.mobile-gui-path { margin-left: 30px; line-height: 1.4; }
.mobile-paste { display: flex; flex-direction: column; gap: 6px; }
.mobile-paste textarea { width: 100%; min-width: 0; height: 68px; min-height: 68px; resize: vertical; overflow-wrap: anywhere; font-family: "JetBrains Mono", "SF Mono", Menlo, monospace; font-size: 12px; }
.mobile-paste button { width: 100%; margin-top: 6px; }
.mobile-or { display: flex; align-items: center; gap: 8px; color: var(--faint-t); font-size: 12px; margin: 4px 0; }
.mobile-or::before, .mobile-or::after { content: ''; flex: 1; height: 1px; background: var(--line); }
.mobile-paste textarea[aria-invalid="true"] { border-color: var(--bad); }