/* One viewport-wide session bar shared by every Xavier's Games frontend.
   Place it outside any centered/padded content shell, directly under <body>. */
.games-session-bar{
  box-sizing:border-box;position:sticky;top:0;z-index:30;
  display:flex;align-items:center;gap:8px 14px;width:100%;min-width:0;
  min-height:46px;margin:0;padding:6px 14px;
  border:0;border-bottom:1px solid var(--session-border,#43545d);border-radius:0;
  background:var(--session-background,#172028);color:var(--session-text,#eef2f3);
  box-shadow:none;font:12px/1.35 system-ui,sans-serif;
}
.games-session-bar[hidden],.games-session-bar [hidden]{display:none!important}
.games-session-brand{
  flex:0 0 auto;color:var(--session-accent,#e8c78f);font-size:12px;
  font-weight:800;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;
}
.games-session-summary{display:flex;align-items:center;gap:8px;flex:1 1 auto;min-width:0}
.games-session-mode{
  flex:0 0 auto;border:1px solid var(--session-border,#43545d);
  padding:3px 6px;background:var(--session-chip,#263741);
  color:var(--session-accent,#e8c78f);white-space:nowrap;font-weight:700;
}
.games-session-details{display:flex;flex:1 1 0;max-width:100%;gap:9px;align-items:center;min-width:0;flex-wrap:wrap;color:var(--session-muted,#c6d0d5)}
.games-session-detail{min-width:0;max-width:100%;overflow-wrap:anywhere}
.games-session-seats{display:flex;min-width:0;align-items:center}
.games-session-bar .solo-toolbar{
  display:flex;width:auto;min-width:0;align-items:center;flex-wrap:wrap;
  gap:5px;padding:0;margin:0;border:0;border-radius:0;
  background:transparent;box-shadow:none;
}
.games-session-bar .solo-toolbar-heading{display:none}
.games-session-bar .solo-seat-list{display:flex;gap:4px;flex-wrap:wrap}
.games-session-bar .solo-seat{
  min-height:30px;padding:4px 7px;border-radius:2px;font-size:11px;line-height:1.3;
}
.games-session-bar .solo-follow{font-size:11px;gap:5px}
.games-session-bar .solo-follow input{width:14px;height:14px}
.games-session-actions{display:flex;flex:0 0 auto;align-items:center;gap:6px;margin-left:auto}
.games-session-extra{display:flex;align-items:center;gap:6px}
.games-session-button{
  display:inline-flex;align-items:center;justify-content:center;min-height:30px;
  padding:5px 9px;border:1px solid var(--session-control-border,#586572);
  border-radius:2px;background:var(--session-control-bg,#27343d);
  color:var(--session-text,#eef2f3);font:700 11px/1.3 system-ui,sans-serif;
  text-decoration:none;white-space:nowrap;cursor:pointer;
}
.games-session-button:hover{background:var(--session-control-hover,#344550);border-color:var(--session-accent,#e8c78f)}
.games-session-button:focus-visible,.games-session-bar .solo-seat:focus-visible{
  outline:2px solid var(--session-accent,#e8c78f);outline-offset:2px;
}
@media(max-width:850px){
  .games-session-bar{flex-wrap:wrap;gap:6px 10px;padding:7px 10px}
  .games-session-summary{order:3;flex:1 0 auto}
  .games-session-seats{order:4;flex:1 1 auto;justify-content:flex-end}
  .games-session-actions{order:2}
  .games-session-brand{order:1}
}
@media(max-width:600px){
  .games-session-bar{display:grid;grid-template-columns:minmax(0,1fr) auto;
    grid-template-areas:"brand actions" "summary summary" "seats seats";gap:5px 7px}
  .games-session-brand{grid-area:brand;overflow:hidden;text-overflow:ellipsis;font-size:11px}
  .games-session-summary{grid-area:summary;flex-wrap:wrap;gap:5px}
  .games-session-seats{grid-area:seats;justify-content:flex-start}
  .games-session-actions{grid-area:actions;gap:4px}
  .games-session-button{font-size:10px;padding:5px 6px;min-height:30px}
  .games-session-detail{font-size:11px}
  .games-session-bar .solo-seat{padding:5px 6px}
}