/* Additions for the cloud version (login, setup, pager). */
.auth-wrap { min-height: 100vh; display: grid; place-items: center; padding: 16px; background: var(--surface-2); }
.auth-card { width: min(420px, 100%); padding: 24px; display: flex; flex-direction: column; gap: 14px; }
.auth-card .brand { border: 0; padding: 0; margin: 0; }
.pager { display: flex; gap: 8px; align-items: center; justify-content: center; flex-wrap: wrap; font-size: var(--fs-sm); color: var(--fg-3); }
.err { color: var(--bad); font-size: var(--fs-sm); }
.nav-item:disabled { opacity: .55; cursor: default; }
.nav-item:disabled:hover { background: transparent; color: var(--fg-2); }
.progress { height: 10px; background: var(--surface-3); border-radius: 6px; overflow: hidden; }
.progress > i { display: block; height: 100%; background: var(--teal-600); transition: width .2s; }
.log { max-height: 260px; overflow: auto; font-family: ui-monospace, Menlo, monospace; font-size: 12px; background: var(--surface-2); border: 1px solid var(--line); border-radius: 8px; padding: 8px 10px; white-space: pre-wrap; direction: rtl; }
.mob-nav-select { min-height: 40px; }