/* Crosslink v46: progressive account panel, independent of offline play. */
.cl-session-panel{background:#fff;border:1px solid #d7e4f2;border-radius:18px;padding:17px 20px;margin:0 0 20px;box-shadow:0 5px 20px #355e8714;color:#243650}
.cl-session-message{font-size:1rem;font-weight:750;line-height:1.5}
.cl-session-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}
.cl-session-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:9px 14px;border:1px solid #bad5e9;border-radius:12px;background:#e5f3ff;color:#20476c;font-weight:750;text-decoration:none}
.cl-session-actions a.cl-session-primary{background:#ffce31;color:#322104;border-color:#e4ae23}
.cl-session-compact{padding:11px 15px}
.cl-session-compact .cl-session-actions{margin-top:8px}
@media(max-width:480px){.cl-session-actions a{flex:1 1 130px}}

/* v47: persistent identity on the front menu, sourced from the server session. */
.cl-login-bar{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;width:100%;box-sizing:border-box;padding:11px 16px;margin:-6px 0 4px;border:1px solid #c7dceb;border-radius:14px;background:#f5f9ff;color:#34435c;text-align:center;font-weight:750}
.cl-login-bar.is-logged-in{border-color:#8ecdb1;background:#eaf8f0;color:#184e37}
.cl-login-label{overflow-wrap:anywhere}
.cl-login-action{display:inline-block;padding:6px 12px;border-radius:10px;background:#fff;border:1px solid #b6d4e8;color:#235483;text-decoration:none;font-weight:800}
body.board-view .cl-login-bar{display:none!important}
@media(max-width:480px){.cl-login-bar{gap:8px;padding:10px;font-size:14px}}

/* v48: the verified login status replaces the redundant welcome card. */
.cl-session-panel[hidden]{display:none!important}

/* V101: compact identity sits within the nav, not a full-width login banner. */
.cl-nav .cl-login-bar{width:auto;margin:0}

/* V137: centre all signed-out Welcome to Crosslink panel content. */
body:not(.board-view) #view-play #crosslinkSessionPanel {
  text-align:center!important;
}
body:not(.board-view) #view-play #crosslinkSessionPanel .cl-session-message {
  width:100%;text-align:center!important;
}
body:not(.board-view) #view-play #crosslinkSessionPanel .cl-session-actions {
  justify-content:center!important;align-items:center!important;text-align:center!important;
}
body:not(.board-view) #view-play #crosslinkSessionPanel .cl-session-actions a {
  text-align:center!important;
}