/* Sign-in page extras (site/connect.js): "Connect to my workspace" in the Mac app, and the Windows/Linux note.
   Loaded after auth.css and uses its tokens. Meta blue only. */
html[data-connect] .card > :not(.connect) { display: none !important; }
.connect[hidden], .platform-note[hidden] { display: none !important; }
.connect { display: grid; }
.connect .code-input { font-size: 24px; font-weight: 700; letter-spacing: .18em; text-align: center; font-variant-numeric: tabular-nums; }
.connect .hint { margin: 8px 0 0; color: var(--faint); font-size: 13.5px; line-height: 1.5; }
.connect-done { display: flex; gap: 14px; align-items: flex-start; padding: 16px 18px; border-radius: 18px; background: var(--sh-blue-soft); border: 1px solid var(--line); }
.connect-done[hidden] { display: none; }
.connect-done:focus { outline: none; }
.connect-done-icon { flex: none; display: grid; place-items: center; width: 32px; height: 32px; border-radius: 50%; background: var(--blue, #1877f2); color: #fff; }
.connect-done p { margin: 0; }
.connect-done .t { font-weight: 700; font-size: 16.5px; }
.connect-done .s { margin-top: 4px; color: var(--muted); font-size: 14.5px; overflow-wrap: anywhere; }
.connect .foot { margin-top: 16px; }
.platform-note { color: var(--muted); font-size: 14.5px; line-height: 1.5; padding: 12px 14px; border-radius: 14px; border: 1px solid var(--line); text-align: left; }
.platform-note a { font-weight: 650; }
html[data-platform] .download-line { display: none !important; }
.connect .connect-title { margin: 0; font-size: 28px; line-height: 1.1; font-weight: 800; letter-spacing: -0.035em; }