#csb-session-bar{position:sticky;top:10px;z-index:40;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 22px;background:#fff;border:1px solid #dce6ee;border-radius:10px;padding:12px 16px;margin:0 0 18px;box-shadow:0 3px 15px #12344e06;min-height:62px;box-sizing:border-box;color:#173953}
#csb-session-bar .session-breadcrumb{font-size:10px;letter-spacing:.6px;color:#69859c;white-space:nowrap}
#csb-session-bar .session-controls{display:flex;align-items:center;justify-content:flex-end;gap:16px;flex-wrap:wrap;font-size:12px;letter-spacing:normal}
#csb-session-bar .session-connection{display:flex;align-items:center;gap:8px;white-space:nowrap}#csb-session-bar .session-connection i{width:10px;height:10px;border-radius:50%;background:#b8851d;flex-shrink:0}#csb-session-bar .session-connection[data-state=online] i{background:#119460}#csb-session-bar .session-connection[data-state=offline] i{background:#bd3543}
#csb-session-bar .session-clock,#csb-session-bar .session-user{display:flex;align-items:center;gap:9px;border-left:1px solid #d9e4ed;padding-left:16px}#csb-session-bar .session-clock{font-variant-numeric:tabular-nums;font-weight:600;white-space:nowrap}#csb-session-bar svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;flex-shrink:0}
#csb-session-bar #session-avatar{display:grid;place-items:center;background:#104766;color:white;border-radius:50%;width:36px;height:36px;font-size:17px;font-weight:700}#csb-session-bar .session-user strong{display:block;font-size:12px;max-width:210px;overflow-wrap:anywhere}#csb-session-bar .session-user small{display:block;margin-top:3px;color:#658197;font-size:11px}
#csb-session-bar #session-logout{display:flex;align-items:center;gap:7px;border:1px solid #c9d8e5;border-radius:6px;background:#fff;color:#163952;padding:9px 13px;font-size:12px;min-height:36px;box-shadow:none}#csb-session-bar #session-logout:hover{background:#eef6fa}#csb-session-bar #app-environment{margin:0;position:static;font-size:11px;white-space:nowrap}
#session-notice{flex-basis:100%;margin:0;padding:7px 10px;background:#fff6df;border-radius:5px;font-size:12px;color:#79561b;letter-spacing:normal}#session-notice[hidden]{display:none}#csb-session-bar.session-expiring .session-clock{color:#aa6511}
@media(max-width:1000px){#csb-session-bar .session-breadcrumb{display:none}#csb-session-bar .session-controls{width:100%;justify-content:space-between;gap:10px}#csb-session-bar .session-clock,#csb-session-bar .session-user{padding-left:10px}}@media(max-width:600px){#csb-session-bar{top:0;padding:10px;gap:8px;border-radius:7px}#csb-session-bar .session-controls{gap:10px 8px;font-size:11px}#csb-session-bar .session-user{order:-1;flex:1 1 65%;border:0;padding:0}#csb-session-bar #session-logout{order:-1}#csb-session-bar .session-clock{border:0;padding:0}#csb-session-bar .session-user strong{max-width:180px}#csb-session-bar #app-environment{font-size:10px}}