/* Core Connect canonical shell controls.
 * One authoritative desktop sidebar control and one clean top-bar surface.
 */
body.cc-sidebar-control .cc-sidebar-edge-toggle{
  appearance:none;
  display:grid;
  place-items:center;
  width:36px;
  height:36px;
  min-width:36px;
  min-height:36px;
  padding:0;
  border:1px solid rgba(255,255,255,.16);
  border-radius:999px;
  background:#233244;
  color:#fff;
  cursor:pointer;
  box-shadow:0 8px 20px rgba(8,18,31,.18);
}
body.cc-sidebar-control .cc-sidebar-edge-toggle svg{
  width:20px;
  height:20px;
  fill:none;
  stroke:currentColor;
  stroke-width:2.2;
  stroke-linecap:round;
  stroke-linejoin:round;
  pointer-events:none;
}
body.cc-sidebar-control .cc-sidebar-edge-toggle:hover{
  background:#2d4057;
  border-color:rgba(255,255,255,.28);
}
body.cc-sidebar-control .cc-sidebar-edge-toggle:focus-visible{
  outline:3px solid rgba(75,156,255,.52)!important;
  outline-offset:3px;
}

body.cc-calm-operations .topbar .search,
body.cc-calm-operations .topbar .cc-company-switcher{
  overflow:hidden;
}
body.cc-calm-operations .topbar .search > input#search,
body.cc-calm-operations .topbar .cc-company-switcher > select{
  min-height:0!important;
  height:42px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  outline:0!important;
}
body.cc-calm-operations .topbar .search > input#search{
  appearance:none;
  -webkit-appearance:none;
}
body.cc-calm-operations .topbar .search > input#search:focus,
body.cc-calm-operations .topbar .search > input#search:focus-visible,
body.cc-calm-operations .topbar .cc-company-switcher > select:focus,
body.cc-calm-operations .topbar .cc-company-switcher > select:focus-visible{
  border:0!important;
  box-shadow:none!important;
  outline:0!important;
}
body.cc-calm-operations .topbar .cc-company-switcher:focus-within{
  border-color:#8bb8f1!important;
  box-shadow:0 0 0 3px rgba(40,120,232,.11)!important;
}

@media(min-width:961px){
  body.cc-sidebar-control .shell{position:relative}
  body.cc-sidebar-control .sidebar{overflow:visible!important}
  body.cc-sidebar-control .side-head{position:relative;overflow:visible!important;flex-wrap:nowrap!important}
  body.cc-sidebar-control .cc-sidebar-edge-toggle{
    position:fixed;
    top:109px;
    left:calc(var(--cc-sidebar-width) - 18px);
    z-index:95;
    transition:left var(--cc-transition),background-color var(--cc-transition),border-color var(--cc-transition),box-shadow var(--cc-transition);
  }
  body.cc-sidebar-control.cc-sidebar-collapsed .cc-sidebar-edge-toggle{left:calc(var(--cc-sidebar-compact) - 18px)}
  body.cc-sidebar-control.cc-sidebar-collapsed .side-head{justify-content:center!important;padding-inline:10px!important;min-height:88px!important;height:88px!important}
  body.cc-sidebar-control.cc-sidebar-collapsed .side-head>div:not(.logo):not(.brand-logo29i3){display:none!important}
  body.cc-sidebar-control.cc-sidebar-collapsed .side-head .logo,
  body.cc-sidebar-control.cc-sidebar-collapsed .side-head .brand-logo29i3{margin:0!important}
  body.cc-sidebar-control.cc-sidebar-collapsed .side-nav{padding-inline:10px!important}
  body.cc-sidebar-control.cc-sidebar-collapsed .nav-btn{justify-content:center!important;padding-inline:8px!important}
  body.cc-sidebar-control.cc-sidebar-collapsed .nav-btn label,
  body.cc-sidebar-control.cc-sidebar-collapsed .nav-group-title{display:none!important}
  body.cc-sidebar-control #menu{display:none!important}
}

@media(max-width:960px){
  body.cc-sidebar-control #menu{display:grid!important;place-items:center}
  body.cc-sidebar-control .cc-sidebar-edge-toggle{display:none!important}
  body.cc-sidebar-control.cc-sidebar-collapsed .shell{display:block!important}
}

@media(prefers-reduced-motion:reduce){
  body.cc-sidebar-control .cc-sidebar-edge-toggle{transition:none!important}
}

@media(forced-colors:active){
  body.cc-calm-operations .topbar .search,
  body.cc-calm-operations .topbar .cc-company-switcher{border-color:ButtonText!important}
  body.cc-calm-operations .topbar .search:focus-within,
  body.cc-calm-operations .topbar .cc-company-switcher:focus-within{
    outline:2px solid Highlight!important;
    outline-offset:2px!important;
  }
}

@media print{
  body.cc-sidebar-control .cc-sidebar-edge-toggle{display:none!important}
}