/* Notion connection status on the upload page — notion lane (2026-09-06). Loaded by app.html after verelect.css.
   The same grammar as the allowance line above it: the mark, a state pill (.nstate on/off from §11), one sentence,
   one action — no box, no banner. Tokens only, no motion. Folds into verelect.css §11 (Notion) when the lane lands. */
.ns{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;font:400 14px/1.5 var(--sans);color:var(--ink)}
.ns-mark{width:18px;height:18px;flex:none;color:var(--ink)}
.ns-mark svg{width:100%;height:100%;display:block}
.ns .nstate{flex:none}
.ns-line{margin:0;flex:1 1 24ch;min-width:0;max-width:64ch;color:var(--ink-muted)}
.ns-line b{color:var(--ink);font-weight:600}
.ns-act{margin-left:auto;display:inline-flex;align-items:center;gap:12px}
.ns-msg{flex-basis:100%;margin:0}
@media (max-width:640px){.ns-line,.ns-act{flex-basis:100%}.ns-act{margin-left:0}}   /* phone: mark + pill, then the sentence, then the action */