#offlineEngePresence{direction:rtl;font-family:inherit}
.sessionHidden{display:none!important}
.connectionCenterButton{position:fixed;z-index:55;left:18px;top:88px;display:flex;align-items:center;gap:8px;min-height:42px;padding:8px 13px;border:1px solid #d6e0e8;border-radius:12px;background:#fff;color:#0d2d49;box-shadow:0 8px 24px #0d2d4918;font-weight:800;cursor:pointer;transition:transform .18s ease,opacity .18s ease,visibility .18s ease}
.connectionCenterButton:hover{transform:translateY(-1px)}
.connectionPulse{width:9px;height:9px;border-radius:50%;background:#1d9b5f;box-shadow:0 0 0 4px #1d9b5f1c}
.connectionCenterButton b{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border-radius:10px;background:#087443;color:#fff;font-size:11px}
.connectionCenterButton b:empty{display:none}
.connectionBackdrop{position:fixed;inset:0;z-index:80;background:#071c2e66;backdrop-filter:blur(2px)}
.connectionDrawer{position:fixed;z-index:81;top:0;left:0;width:min(620px,100vw);height:100dvh;background:#f5f7fa;border-inline-end:1px solid #d6e0e8;box-shadow:18px 0 60px #071c2e2e;transform:translateX(-105%);transition:transform .24s ease;display:flex;flex-direction:column;overflow:hidden}
.connectionDrawer.open{transform:translateX(0)}
.connectionHead{position:relative;top:auto;z-index:auto;display:flex;justify-content:space-between;align-items:flex-start;padding:24px 24px 18px;background:linear-gradient(135deg,#0d2d49,#174f78);color:#fff;box-shadow:none}
.connectionHead>div>span{font-size:11px;letter-spacing:.08em;opacity:.7}.connectionHead h2{margin:5px 0 4px;font-size:22px}.connectionHead p{margin:0;font-size:12px;opacity:.8}.connectionHead button{width:38px;height:38px;padding:0;border-radius:12px;background:#ffffff16;border:1px solid #ffffff2e;font-size:25px}
.connectionSummary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:14px 18px 8px}.connectionSummary>div{background:#fff;border:1px solid #dce4eb;border-radius:14px;padding:12px;text-align:center}.connectionSummary b{display:block;color:#0d2d49;font-size:22px}.connectionSummary span{font-size:11px;color:#6b7785}
.connectionTools{display:grid;grid-template-columns:1.5fr .8fr 1fr;gap:9px;padding:8px 18px}.connectionTools label{font-size:11px;font-weight:800;color:#475467}.connectionTools input,.connectionTools select{margin-top:5px;min-height:40px;border-radius:10px;background:#fff}
.connectionTabs{display:flex;gap:6px;padding:8px 18px 12px;overflow:auto}.connectionTabs button{white-space:nowrap;background:#fff;color:#344054;border:1px solid #d6e0e8;padding:8px 12px;border-radius:999px;font-size:12px}.connectionTabs button.active{background:#0d2d49;color:#fff;border-color:#0d2d49}
.connectionRows{flex:1;overflow:auto;padding:0 18px 18px}.connectionGroup{background:#fff;border:1px solid #dce4eb;border-radius:16px;margin-bottom:12px;overflow:hidden}.connectionGroup h3{margin:0;padding:12px 14px;background:#f8fafc;color:#0d2d49;font-size:13px;border-bottom:1px solid #e7edf2}.connectionGroup h3 small{display:inline-grid;place-items:center;min-width:22px;height:20px;margin-inline-start:5px;border-radius:10px;background:#e9eef3;color:#475467}
.connectionRow{display:grid;grid-template-columns:12px minmax(0,1fr) auto;gap:10px;align-items:center;padding:13px 14px;border-bottom:1px solid #edf1f4}.connectionRow:last-child{border-bottom:0}.presenceDot{width:10px;height:10px;border-radius:50%;background:#98a2b3}.presenceDot.online{background:#1d9b5f;box-shadow:0 0 0 4px #1d9b5f18}.presenceDot.background{background:#d99a19}.connectionIdentity b{display:block;color:#17212b;font-size:14px}.connectionIdentity span,.connectionIdentity small{display:block;color:#667085;font-size:11px;margin-top:3px}.presenceState{font-size:11px;padding:6px 8px;border-radius:999px;background:#f2f4f7;color:#667085}.presenceState.online{background:#eaf8f1;color:#087443}.presenceState.background{background:#fff6df;color:#8a5b00}.presenceEmpty{padding:36px 16px;text-align:center;color:#667085}.connectionDrawer>footer{padding:10px 18px;border-top:1px solid #dce4eb;background:#fff;color:#667085;font-size:11px;text-align:center}
body.settingsDrawerOpen .connectionCenterButton{opacity:0;visibility:hidden;pointer-events:none}
body.settingsDrawerOpen .connectionBackdrop,body.settingsDrawerOpen .connectionDrawer{visibility:hidden!important;pointer-events:none!important}
@media(max-width:760px){.connectionCenterButton{top:auto;left:10px;bottom:82px;border-radius:14px;min-height:44px}.connectionDrawer{width:100vw}.connectionHead{padding:18px 16px 14px}.connectionHead h2{font-size:19px}.connectionSummary{padding:10px 12px 5px}.connectionTools{grid-template-columns:1fr 1fr;padding:6px 12px}.connectionSearch{grid-column:1/-1}.connectionTabs{padding:7px 12px 10px}.connectionRows{padding:0 12px 12px}.connectionRow{padding:12px 10px}.presenceState{font-size:10px}.connectionDrawer>footer{padding-bottom:max(10px,env(safe-area-inset-bottom))}}
@media(min-width:761px){body.forum-mis-authenticated .headerCompactActions{padding-inline-start:150px}}