:root{
  --v169-sidebar-width:278px;
  --v169-sidebar-bg:#e9f2f7;
  --v169-sidebar-bg-2:#dceaf2;
  --v169-sidebar-text:#173a52;
  --v169-sidebar-muted:#5f7d90;
  --v169-sidebar-active:#cfe3ef;
  --v169-sidebar-hover:#d9eaf3;
  --v169-sidebar-border:#c5d8e4;
}

.workstation-layout{
  grid-template-columns:var(--v169-sidebar-width) minmax(0,1fr)!important;
}

.workstation-sidebar{
  width:var(--v169-sidebar-width)!important;
  min-width:var(--v169-sidebar-width)!important;
  max-width:var(--v169-sidebar-width)!important;
  background:linear-gradient(180deg,var(--v169-sidebar-bg) 0%,var(--v169-sidebar-bg-2) 100%)!important;
  border-right:1px solid var(--v169-sidebar-border)!important;
  color:var(--v169-sidebar-text)!important;
  height:calc(100dvh - var(--v168-header-h,68px))!important;
  min-height:calc(100dvh - var(--v168-header-h,68px))!important;
  max-height:calc(100dvh - var(--v168-header-h,68px))!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  padding-left:10px!important;
  padding-right:10px!important;
  box-sizing:border-box!important;
}

.workstation-sidebar .menu-title{
  color:var(--v169-sidebar-muted)!important;
  font-weight:800!important;
  letter-spacing:.06em!important;
}
.workstation-sidebar .menu-title::after{color:#67879b!important}
.workstation-sidebar .menu-title[aria-expanded="true"]::after{color:#244f6a!important}

.workstation-sidebar .navbtn{
  color:var(--v169-sidebar-text)!important;
  background:transparent!important;
  border-radius:9px!important;
}
.workstation-sidebar .navbtn:hover{
  background:var(--v169-sidebar-hover)!important;
  color:#0e3147!important;
}
.workstation-sidebar .navbtn.active{
  background:var(--v169-sidebar-active)!important;
  color:#0c3148!important;
  box-shadow:inset 3px 0 0 #2d6f95!important;
}
.workstation-sidebar .navbtn .navicon-v126,
.workstation-sidebar .navbtn .nav-icon,
.workstation-sidebar .navbtn::before{
  color:#315f7a!important;
}
.workstation-sidebar::-webkit-scrollbar-thumb{background:#9ab5c6!important}
.workstation-sidebar{scrollbar-color:#9ab5c6 transparent!important}

.v169-bank-queue{
  margin:12px 0 14px;
  border:1px solid #d7e2e9;
  border-radius:10px;
  background:#fbfdfe;
  overflow:hidden;
}
.v169-bank-queue-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  padding:11px 13px;
  border-bottom:1px solid #e2e9ee;
  background:#f3f8fb;
}
.v169-bank-queue-head h3{margin:0;font-size:13px;color:#173f5e}
.v169-bank-queue-head .small{margin-top:3px}
.v169-bank-queue table{margin:0}
.v169-bank-queue .status-cell{white-space:nowrap}
.v169-bank-queue .case-count{
  display:inline-flex;
  min-width:28px;height:24px;
  align-items:center;justify-content:center;
  border-radius:999px;
  background:#d9eaf3;color:#174d6b;font-weight:800
}
.v169-stage-note{
  margin-top:8px;
  padding:8px 10px;
  background:#eef7fb;
  border:1px solid #d1e4ee;
  border-radius:8px;
  color:#315b72;
  font-size:9px;
}
@media(max-width:1100px){
  :root{--v169-sidebar-width:258px}
}
@media(max-width:820px){
  .workstation-layout{display:block!important}
  .workstation-sidebar{
    width:100%!important;min-width:0!important;max-width:none!important;
    height:auto!important;min-height:0!important;max-height:none!important;
    background:#e9f2f7!important;
  }
}