/* The Poindex, 1a "The Ledger": this app's stylesheet is written against the
   --jp-* names, so they are defined here in terms of the --px-* tokens. Nothing
   in app.css changes, and deleting this file puts the old look back.
   Loaded after shell.css (which defines --px-*) and before app.css. */
:root{
  --jp-paper:var(--px-bg); --jp-panel:var(--px-tint); --jp-ink:var(--px-fg); --jp-ink-2:var(--px-muted);
  --jp-line:var(--px-rule); --jp-line-soft:var(--px-rule); --jp-blue:var(--px-accent); --jp-blue-ink:var(--px-accent);
  --jp-blue-wash:var(--px-tint); --jp-header-fill:var(--px-fg); --jp-header-text:var(--px-bg);
  --jp-sans:var(--px-font-ui); --jp-mono:var(--px-font-mono);
}
/* Social's own row (its tabs, and which presence you are looking at), under the
   portal's bar. The TABS themselves are the shell's .px-tabs now, so this file only
   places the row -- how a tab looks is one decision, made once, for all five
   sections (23 Sep 2026). */
/* Tabs and the presence switcher share one line here, so the rule under them
   belongs to the row, not to the tabs alone -- otherwise the line stops halfway
   across. The tabs keep their own underlined current-tab marker. */
/* It is the first thing in the page's one column (.px-page), so it starts where the
   text starts and takes no width of its own (loop 392). */
.sp-row{display:flex;flex-wrap:wrap;align-items:flex-end;gap:8px;margin:0 0 24px;border-bottom:1px solid var(--px-rule)}
.sp-row .px-tabs{flex:1 1 auto;margin:0;border-bottom:0}
.sp-row .jp-actions{padding-bottom:8px}
.sp-row .jp-actions{margin-left:auto;display:flex;align-items:center;gap:8px}