/* Workspace switcher — shared chrome across the Dev and QA rooms.
   Lives at /shared/ (excluded from the qa.stonelabs.app -> /qa rewrite) so a single
   copy serves both rooms on both domains. Class prefix rlw- to avoid collisions. */
.rlw-bar {
  position: sticky; top: 0; z-index: 1000;
  display: flex; align-items: center; justify-content: space-between; gap: 16px;
  padding: 10px clamp(14px, 4vw, 28px);
  background: rgba(2, 8, 23, 0.72);
  backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px);
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  font-family: 'Inter', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
}
.rlw-brand { display: flex; align-items: center; gap: 9px; text-decoration: none; white-space: nowrap; color: #e6edf3; font-weight: 700; font-size: 13px; letter-spacing: -0.01em; }
.rlw-logo { width: 24px; height: 24px; flex: none; border-radius: 7px; display: grid; place-items: center; background: linear-gradient(135deg, #6a1fbf, #00c853); box-shadow: 0 6px 16px rgba(106, 31, 191, 0.35); }
.rlw-logo svg { width: 13px; height: 13px; stroke: #fff; fill: none; stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round; }
.rlw-brand b { font-weight: 700; background: linear-gradient(90deg, #863bff, #00c853); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.rlw-nav { display: flex; align-items: center; gap: 8px; }
.rlw-seg { display: flex; align-items: center; gap: 4px; padding: 4px; border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 999px; background: rgba(255, 255, 255, 0.03); }
.rlw-pill { display: inline-flex; align-items: center; gap: 7px; padding: 6px 14px; border-radius: 999px; color: #9ca3af; font-size: 12.5px; font-weight: 600; text-decoration: none; white-space: nowrap; transition: color .15s, background .15s, box-shadow .15s; }
.rlw-pill:hover { color: #e6edf3; }
.rlw-dot { width: 6px; height: 6px; border-radius: 999px; background: currentColor; opacity: .85; }
.rlw-pill.rlw-active.rlw-dev { color: #fff; background: linear-gradient(135deg, #6a1fbf, #863bff); box-shadow: 0 4px 14px rgba(106, 31, 191, 0.40); }
.rlw-pill.rlw-active.rlw-qa { color: #042c25; background: linear-gradient(135deg, #06b6d4, #00c853); box-shadow: 0 4px 14px rgba(6, 182, 212, 0.32); }
.rlw-sub { display: flex; align-items: center; gap: 4px; margin-left: 2px; padding-left: 10px; border-left: 1px solid rgba(255, 255, 255, 0.1); }
.rlw-tab { padding: 5px 11px; border-radius: 8px; color: #9ca3af; font-size: 12px; font-weight: 500; text-decoration: none; transition: color .15s, background .15s; }
.rlw-tab:hover { color: #e6edf3; background: rgba(255, 255, 255, 0.05); }
.rlw-tab.rlw-active { color: #e6edf3; background: rgba(255, 255, 255, 0.08); }
@media (max-width: 640px) {
  .rlw-bar { flex-direction: column; align-items: stretch; gap: 10px; }
  .rlw-nav { justify-content: center; flex-wrap: wrap; }
}