/* Help → user-manual placeholder pages (js/components/manual-popup.js).
   The popup is an about:blank tab that links only tokens.css and this sheet,
   so every rule is scoped under .manual-popup: the shell links this sheet too
   (scripts/build.mjs ensure) and none of it may reach the app. The font stack
   is the system one on purpose: fonts.css is not loaded in the popup. */
.manual-popup{margin:0;min-height:100vh;display:flex;align-items:center;justify-content:center;
  background:var(--bg-0);color:var(--text-1);font:16px/1.5 system-ui,-apple-system,'Segoe UI',sans-serif}
.manual-popup-card{max-width:26rem;padding:var(--s6);text-align:center}
.manual-popup-title{font-size:1.15rem;font-weight:600;margin:var(--s4) 0 var(--s2)}
.manual-popup-text{margin:0;color:var(--text-2);font-size:.92rem}
.manual-popup-spinner{width:36px;height:36px;margin:0 auto;border-radius:50%;
  border:3px solid color-mix(in srgb,var(--accent) 25%,transparent);border-top-color:var(--accent);
  animation:manual-popup-spin .8s linear infinite}
@keyframes manual-popup-spin{to{transform:rotate(360deg)}}
.manual-popup-x{width:36px;height:36px;margin:0 auto;border-radius:50%;
  border:3px solid color-mix(in srgb,var(--danger) 40%,transparent);color:var(--danger);
  display:flex;align-items:center;justify-content:center;font-size:1.1rem;font-weight:700}