/* Saulna Software: the slim top rail on the tool pages (the dialer, the Closing Floor, Data Routing).
   Since 2026-10-17 it holds only a "back to the dashboard" link; the navigation itself lives in the
   dashboard's left sidebar. The same thin strip and body offset as the old app bar, so each tool's
   own layout sits under it untouched. Closing Floor's palette. Class names start with ss- because the
   portal already owns .shell. */
:root{
  --ss-h:40px;
  --ss-bg:#ffffff; --ss-line:#d5dcd9; --ss-fg:#15201d; --ss-muted:#5d6b66;
  --ss-accent:#0b5d52; --ss-accent-fg:#ffffff; --ss-accent-soft:#dcebe7;
}
@media (prefers-color-scheme: dark){ :root{
  --ss-bg:#18201e; --ss-line:#2b3633; --ss-fg:#e7eeeb; --ss-muted:#93a39d;
  --ss-accent:#5cc7b3; --ss-accent-fg:#06211c; --ss-accent-soft:#1b3531;
} }
.ss-bar{position:fixed;top:0;left:0;right:0;height:var(--ss-h);z-index:90;display:flex;align-items:center;gap:14px;
  padding:0 14px;background:var(--ss-bg);border-bottom:1px solid var(--ss-line);color:var(--ss-fg);
  font:500 13px/1 "Instrument Sans","Helvetica Neue",Arial,sans-serif;-webkit-font-smoothing:antialiased}
.ss-back{display:flex;align-items:center;gap:8px;color:var(--ss-fg);text-decoration:none;flex:none;
  padding:5px 12px 5px 7px;border-radius:8px;border:1px solid var(--ss-line);background:var(--ss-accent-soft);
  font:600 13px/1 "Bricolage Grotesque","Avenir Next","Segoe UI",sans-serif;letter-spacing:-.01em}
.ss-back:hover{text-decoration:none;color:var(--ss-fg);border-color:var(--ss-accent)}
.ss-back__arrow{font-size:16px;line-height:1;margin-left:-2px;color:var(--ss-accent)}
.ss-mark{width:22px;height:22px;border-radius:6px;display:grid;place-items:center;background:var(--ss-accent);
  color:var(--ss-accent-fg);font:700 13px/1 "Bricolage Grotesque",sans-serif}
.ss-who{margin-left:auto;color:var(--ss-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;font-size:12px}

/* Make room under the rail. The portal's frame is a 100vh grid, so it gives the rail its height back. */
body.ss-on{padding-top:var(--ss-h)}
body.ss-on .shell{height:calc(100vh - var(--ss-h))}
body.ss-on .boot{height:calc(100vh - var(--ss-h))}
body.ss-on .dash{min-height:calc(100vh - var(--ss-h))}
body.ss-on #topbar-progress{top:var(--ss-h)}

@media (max-width:640px){
  .ss-bar{gap:8px;padding:0 10px}
  .ss-who{font-size:11px}
}