/* BOT SAR/API — compact settings navigation */
.app-shell{grid-template-columns:minmax(0,1fr)!important}
.workspace{grid-column:1!important}

.settings-trigger{
  width:38px;height:38px;flex:none;display:grid;place-items:center;
  border:1px solid #d7e0e8;border-radius:11px;background:#fff;color:#275d90;
  font-size:18px;line-height:1;box-shadow:0 3px 10px rgba(16,24,40,.04);
  cursor:pointer;transition:background .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease
}
.settings-trigger:hover,.settings-trigger[aria-expanded="true"]{
  background:#eef5fb;border-color:#9ebbd5;box-shadow:0 5px 14px rgba(39,93,144,.12)
}
.settings-trigger:active{transform:scale(.97)}
.settings-trigger:focus-visible{outline:2px solid #275d90;outline-offset:2px}

.settings-backdrop{
  position:fixed;inset:0;z-index:148;border:0;padding:0;
  background:rgba(16,24,40,.16);backdrop-filter:blur(1px)
}
.settings-backdrop[hidden]{display:none}

.sidebar.settings-menu-panel{
  position:fixed;z-index:150;top:68px;right:24px;left:auto;
  width:min(330px,calc(100vw - 32px));max-height:calc(100dvh - 84px);min-height:0;
  overflow-y:auto;display:flex!important;flex-direction:column;gap:10px;padding:14px;
  border:1px solid #dce3ea;border-radius:16px;background:#fff;color:#101828;
  box-shadow:0 22px 60px rgba(16,24,40,.20);
  opacity:0;visibility:hidden;pointer-events:none;
  transform:translateY(-8px) scale(.985);transform-origin:top right;
  transition:opacity .16s ease,transform .16s ease,visibility .16s ease
}
.sidebar.settings-menu-panel.is-open{
  opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0) scale(1)
}
.settings-menu-panel .brand{
  padding:4px 3px 11px;border-bottom:1px solid #edf0f3
}
.settings-menu-panel .brand-mark{
  width:36px;height:36px;border-radius:10px;color:#fff
}
.settings-menu-panel .brand strong{color:#101828;font-size:13px}
.settings-menu-panel .brand span{color:#667085;font-size:10px}

.settings-menu-panel .nav{display:grid;gap:4px}
.settings-menu-panel .nav-item{
  min-height:42px;padding:9px 10px;border:1px solid transparent;border-radius:10px;
  color:#344054;background:#fff;font-size:11px;font-weight:700
}
.settings-menu-panel .nav-item:hover{
  background:#f5f8fb;border-color:#e3e9ef;color:#275d90
}
.settings-menu-panel .nav-item.active{
  background:#eaf3fb;border-color:#c6daeb;color:#275d90
}

.settings-menu-panel .beta-report-card,
.settings-menu-panel .beta-reports-card,
.settings-menu-panel .connection-card,
.settings-menu-panel .agent-card{
  width:100%;min-height:50px;margin:0!important;padding:10px 11px!important;
  display:flex;align-items:center;gap:10px;border:1px solid #e1e7ed!important;
  border-radius:11px!important;background:#fff!important;color:#344054!important;
  box-shadow:none!important;text-align:left
}
.settings-menu-panel .beta-report-card:hover,
.settings-menu-panel .beta-reports-card:hover,
.settings-menu-panel .connection-card:hover,
.settings-menu-panel .agent-card:hover{
  background:#f8fafc!important;border-color:#cfd8e2!important
}
.settings-menu-panel .beta-report-card strong,
.settings-menu-panel .beta-reports-card strong,
.settings-menu-panel .connection-card strong,
.settings-menu-panel .agent-card strong{
  display:block;color:#344054!important;font-size:10px!important
}
.settings-menu-panel .beta-report-card small,
.settings-menu-panel .beta-reports-card small,
.settings-menu-panel .connection-card small,
.settings-menu-panel .agent-card small{
  display:block;margin-top:2px;color:#98a2b3!important;font-size:8px!important
}

.settings-menu-panel .account-switcher{
  margin:0!important;padding:11px!important;border:1px solid #e1e7ed!important;
  border-radius:11px!important;background:#f8fafc!important;gap:7px!important;
  display:grid
}
.settings-menu-panel .account-switcher small{color:#667085!important;font-size:8px!important}
.settings-menu-panel .account-switcher select{
  background:#fff!important;color:#344054!important;border:1px solid #d0d5dd!important;
  border-radius:9px!important;padding:8px!important;font-size:10px!important
}
.settings-menu-panel .account-switcher div{color:#667085!important;font-size:9px!important}
.settings-menu-panel .account-switcher a{
  color:#275d90!important;font-size:9px!important;font-weight:700
}
.settings-menu-panel .agent-card{cursor:default;margin-top:2px!important}
.settings-menu-panel .agent-logout-btn{
  margin-left:auto;border:1px solid #d0d5dd;background:#fff;color:#667085;border-radius:8px;
  padding:6px 8px;font:inherit;font-size:8px;font-weight:700;cursor:pointer
}
.settings-menu-panel .agent-logout-btn:hover{border-color:#b42318;color:#b42318;background:#fff5f4}
.settings-menu-panel .agent-logout-btn:disabled{opacity:.55;cursor:wait}

@media(max-width:820px){
  .workspace{padding-top:8px}
  .topbar{padding-right:0}
  .top-actions .settings-trigger{display:grid!important;width:38px;height:38px}
  .sidebar.settings-menu-panel{
    display:flex!important;top:58px;right:8px;width:min(330px,calc(100vw - 16px));
    max-height:calc(100dvh - 74px);border-radius:14px
  }
}
@media(max-width:480px){
  .sidebar.settings-menu-panel{left:8px;right:8px;width:auto}
}

.settings-menu-panel .account-state{
  display:inline-block;width:7px;height:7px;border-radius:50%;
  background:#f79009;margin-right:6px
}
.settings-menu-panel .account-state.online{background:#12b76a}