/* Desktop-only side-panel controls; retain DOM, phone classes and call state. */
.mc-desktop-panel-toggle {display:none}
@media (min-width:761px) {
  body:not(.mc-phone-app-shell) #mc-chat-app.mc-desktop-panels {
    --mc-desktop-left:330px;
    --mc-desktop-right:280px;
    grid-template-columns:var(--mc-desktop-left) minmax(0,1fr) var(--mc-desktop-right) !important;
  }
  body:not(.mc-phone-app-shell) #mc-chat-app.mc-desktop-panels.mc-desktop-left-collapsed {--mc-desktop-left:48px}
  body:not(.mc-phone-app-shell) #mc-chat-app.mc-desktop-panels.mc-desktop-right-collapsed {--mc-desktop-right:48px}
  #mc-chat-app.mc-desktop-panels > #mc-chat-control-panel {display:block !important}
  #mc-chat-app.mc-desktop-panels .mc-desktop-panel-toggle {
    display:block;width:100%;min-height:36px;flex:0 0 auto;
    padding:8px;border:1px solid #36586c;border-radius:7px;
    background:#193646;color:#dbe7ed;font:700 13px system-ui,sans-serif;cursor:pointer;
  }
  #mc-chat-app.mc-desktop-panels .mc-desktop-panel-toggle[hidden] {display:none !important}
  #mc-chat-app.mc-desktop-panels .mc-desktop-panel-toggle:focus-visible {outline:2px solid #78c8ed;outline-offset:-3px}
  #mc-chat-app.mc-desktop-left-collapsed > #mc-chat-directory > :not(.mc-desktop-panel-toggle),
  #mc-chat-app.mc-desktop-right-collapsed > #mc-chat-control-panel > :not(.mc-desktop-panel-toggle) {display:none !important}
  #mc-chat-app.mc-desktop-left-collapsed > #mc-chat-directory,
  #mc-chat-app.mc-desktop-right-collapsed > #mc-chat-control-panel {padding:0 !important;overflow:hidden}
  #mc-chat-app.mc-desktop-left-collapsed > #mc-chat-directory > .mc-desktop-panel-toggle,
  #mc-chat-app.mc-desktop-right-collapsed > #mc-chat-control-panel > .mc-desktop-panel-toggle {
    min-height:128px;writing-mode:vertical-rl;white-space:nowrap;border-radius:0;
  }
}
@media (min-width:761px) and (max-width:1120px) {
  body:not(.mc-phone-app-shell) #mc-chat-app.mc-desktop-panels {--mc-desktop-left:min(300px,28vw);--mc-desktop-right:min(240px,24vw)}
  body:not(.mc-phone-app-shell) #mc-chat-app.mc-desktop-panels.mc-desktop-left-collapsed {--mc-desktop-left:48px}
  body:not(.mc-phone-app-shell) #mc-chat-app.mc-desktop-panels.mc-desktop-right-collapsed {--mc-desktop-right:48px}
}

/* Expand actual center wrappers only when a desktop panel is collapsed. */
@media (min-width:761px) {
  body:not(.mc-phone-app-shell) #mc-chat-app.mc-desktop-panels:is(.mc-desktop-left-collapsed,.mc-desktop-right-collapsed)
  :is(.mc-center-page-shell,.mc-center-submit-shell,.mc-center-about-shell,.mc-center-public-profile-shell,.mc-center-contact-shell,.mc-member-dashboard-workspace,.mc-member-profile-workspace) {
    width:100% !important;
    max-width:none !important;
  }
  html.mc-desktop-expanded-content :is(.legal-policy-wrap,.mc-home-wrap,.mc-marketing-shell,.mc-public-shell,.af-shell,.mp-shell,.pp-hero-inner,.pp-layout) {
    width:calc(100% - 24px) !important;
    max-width:none !important;
  }
}