/* =====================================================================
   rs-nav.css — global "All solutions" dual-column dropdown (2026-08-08)
   Owner directive: "I NEED ALL MENUS ACROSS EVERYWHERE TO BE ORGANIZED
   WITH DUAL-VERTICAL-DROPDOWNS (ALPHABETICALLY LISTED)". One shared menu,
   injected by rs-nav.js on every public terminal. Items flow A→Z down the
   FIRST column, then continue down the second (CSS columns, not grid, so
   the alphabetical run is vertical — the natural reading order).
   ===================================================================== */
.rsn-drop{position:relative;display:inline-flex;align-self:center;margin-left:auto}
.rsn-btn{font:700 12px/1 Inter,system-ui;letter-spacing:.02em;color:#123f7c;background:#eef3fa;
  border:1px solid #c9d7ea;border-radius:8px;padding:7px 12px;cursor:pointer;display:inline-flex;
  align-items:center;gap:7px;white-space:nowrap}
.rsn-btn:hover{background:#e1ebf8}
.rsn-btn .caret{font-size:9px;transition:transform .15s ease}
.rsn-btn[aria-expanded="true"] .caret{transform:rotate(180deg)}
.rsn-panel{position:fixed;z-index:990;width:min(660px,92vw);
  background:#fff;border:1px solid #d5dde8;border-radius:14px;padding:14px 16px;
  box-shadow:0 18px 50px rgba(16,24,40,.18),0 4px 12px rgba(16,24,40,.08);
  column-count:2;column-gap:22px}
.rsn-panel[hidden]{display:none}
.rsn-item{display:flex;gap:10px;align-items:flex-start;padding:9px 10px;border-radius:9px;
  text-decoration:none;break-inside:avoid;-webkit-column-break-inside:avoid}
.rsn-item:hover{background:#f1f5fb}
.rsn-ico{flex:0 0 auto;width:30px;height:30px;border-radius:8px;background:#eef3fa;border:1px solid #dde6f2;
  display:flex;align-items:center;justify-content:center;font-size:15px}
.rsn-item .t{font:700 13px/1.3 Inter,system-ui;color:#101828;display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.rsn-item .d{font:500 11.5px/1.45 Inter,system-ui;color:#5f7086;margin-top:2px}
.rsn-bd{font:800 8.5px/1 ui-monospace,monospace;letter-spacing:.08em;padding:3px 6px;border-radius:4px}
.rsn-bd-beta{color:#fff;background:#1a56a4}
.rsn-bd-build{color:#82500a;background:#f3e4c8;border:1px solid #e8d5ae}
.rsn-bd-road{color:#5b5f6b;background:#e9ebf0;border:1px solid #d4d8e0}
/* Floating variant for pages without a .dp-nav strip (the demo terminals) */
.rsn-floating{position:fixed;top:12px;right:14px;z-index:950}
@media (max-width:720px){.rsn-panel{column-count:1}}
/* v13 (2026-08-09, owner directive — UX audit problem #1): quick-links row at
   the top of the panel — one click to the core site from any page. Spans both
   columns of the dropdown. */
.rsn-quick{column-span:all;display:flex;flex-wrap:wrap;gap:6px;padding:2px 4px 10px;margin-bottom:8px;border-bottom:1px solid #e4e9f1}
.rsn-q{font:600 12px/1 Inter,system-ui;color:#1d5fd8;text-decoration:none;border:1px solid #d7dfeb;border-radius:999px;padding:6px 10px;white-space:nowrap}
.rsn-q:hover{background:#f1f5fb}

/* =====================================================================
   v15 (2026-08-10, owner directive / U1): the shared shell strip.
   One generated <nav class="rsn-shell"> on every public page replaces the
   per-page hardcoded .dp-nav variants. Self-contained: uses --ft-* vars
   when the page defines them, with hard fallbacks so demo terminals and
   standalone pages render identically. pha-shared.css is untouched.
   ===================================================================== */
.rsn-shell{position:sticky;top:0;z-index:39;display:flex;align-items:stretch;gap:2px;height:32px;padding:0 12px;
  background:var(--ft-app-bg,#f7f9fc);border-bottom:1px solid var(--ft-hairline,#dde4ee);overflow-x:auto;overflow-y:hidden;
  font-family:Inter,system-ui,sans-serif;scrollbar-width:none}
.rsn-shell::-webkit-scrollbar{display:none}
.rsn-brand{display:inline-flex;align-items:center;align-self:center;margin-right:7px;padding:2px 6px;border-radius:4px;
  font-family:var(--font-mono,ui-monospace,monospace);font-size:10px;letter-spacing:.09em;font-weight:700;
  color:var(--ft-text,#17222e);background:var(--ft-chip-bg,#e8edf5);text-decoration:none;white-space:nowrap}
.rsn-demo-tag{display:inline-flex;align-items:center;margin:5px 6px 5px 0;padding:0 8px;border-radius:4px;
  background:var(--ft-amber-bg,#f6ead2);border:1px solid #d9b26a;color:#7a5410;
  font-family:var(--font-mono,ui-monospace,monospace);font-size:9.5px;font-weight:700;letter-spacing:.09em;
  text-transform:uppercase;white-space:nowrap;cursor:help}
.rsn-shell>a:not(.rsn-brand){display:inline-flex;align-items:center;gap:6px;padding:0 9px;white-space:nowrap;
  font-size:13px;font-weight:500;color:var(--ft-text-muted,#5b6b7d);text-decoration:none;position:relative}
.rsn-shell>a:not(.rsn-brand):hover{color:var(--ft-text,#17222e)}
.rsn-shell>a.active{color:var(--ft-text,#17222e);font-weight:700}
.rsn-shell>a.active::after{content:"";position:absolute;left:7px;right:7px;bottom:0;height:2px;background:var(--ft-blue,#1a56a4)}
.rsn-spacer{flex:1 0 8px}
.rsn-shell .rsn-slot{display:inline-flex;align-items:center}
.rsn-shell .rsn-drop{align-self:center}
.rsn-shell .rsn-sales{font-weight:600;color:var(--ft-text-muted,#5b6b7d)}
.rsn-shell .rsn-signin{font-weight:700;color:var(--ft-blue,#1a56a4)}
.rsn-shell .rsn-signin:hover{text-decoration:underline}
/* Workspace navigation is never public: JS hides the shell when #workspace is
   visible; this CSS rule is the no-JS/fast-path double lock. */
body:has(#workspace:not(.hidden)) .rsn-shell{display:none}