/* shell.css - the top bar core adds to every page. Loaded after a module's
   own styles; everything is under .dash- so it cannot collide with them.
   Colours come from the theme (/core/theme.css). */
.dash-bar {
  display: flex; align-items: center; gap: 4px 16px; flex-wrap: wrap;
  padding: 8px 20px; background: var(--brand-bar-bg, #16202b); color: var(--brand-bar-ink, #fff);
  font: 14px/1.4 system-ui, -apple-system, "Segoe UI", sans-serif;
}
.dash-bar a, .dash-bar button { color: inherit; font: inherit; text-decoration: none; }
.dash-brand { display: flex; align-items: center; gap: 10px; font-weight: 650; margin-right: 8px; }
.dash-brand img { max-height: 26px; max-width: 140px; display: block; }
.dash-brand small { font-weight: 400; opacity: .7; }
.dash-links { display: flex; gap: 2px; flex-wrap: wrap; }
.dash-links a { padding: 5px 10px; border-radius: 6px; opacity: .8; }
.dash-links a:hover { opacity: 1; background: rgba(255, 255, 255, .1); }
.dash-links a[aria-current="page"] { opacity: 1; background: rgba(255, 255, 255, .16); font-weight: 600; }
.dash-spacer { flex: 1; }
.dash-user { opacity: .8; }
.dash-bar button { background: none; border: 1px solid rgba(255, 255, 255, .35); border-radius: 6px; padding: 4px 10px; cursor: pointer; }
.dash-bar button:hover { background: rgba(255, 255, 255, .1); }
.dash-env { padding: 3px 20px; font: 600 12px/1.4 system-ui, -apple-system, "Segoe UI", sans-serif; letter-spacing: .04em; text-transform: uppercase; }
.dash-env[data-env="local"] { background: #dbe7f7; color: #14365f; }
.dash-env[data-env="staging"] { background: #fab219; color: #2b1d00; }