/* Migo CRM v8.5.19.12 — safe native sidebar reveal rail
   Uses the existing #migoSidebarOpenButton managed by app.js.
   IMPORTANT: CSS-only. No custom observer and no extra DOM renderer. */

/* Reserve a real viewport strip for the reveal rail so it never overlaps content. */
body.crm-app.migo-sidebar-hidden {
  padding-left: 26px !important;
  box-sizing: border-box !important;
}

/* Re-style the canonical existing opener as a full-height reveal rail. */
body.crm-app.migo-sidebar-hidden #migoSidebarOpenButton,
body.migo-sidebar-hidden #migoSidebarOpenButton {
  display: flex !important;
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: auto !important;
  bottom: 0 !important;
  inset: 0 auto 0 0 !important;
  width: 26px !important;
  min-width: 26px !important;
  max-width: 26px !important;
  height: 100vh !important;
  height: 100dvh !important;
  min-height: 100vh !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-right: 1px solid transparent !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: rgba(100, 116, 139, .46) !important;
  box-shadow: none !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
  cursor: pointer !important;
  z-index: 1100 !important;
  -webkit-tap-highlight-color: transparent !important;
  transition: background-color .15s ease, color .15s ease, border-color .15s ease, box-shadow .15s ease !important;
}

/* The canonical button already contains an SVG opener. The rail uses vertical text instead. */
body.crm-app.migo-sidebar-hidden #migoSidebarOpenButton svg,
body.migo-sidebar-hidden #migoSidebarOpenButton svg {
  display: none !important;
}

body.crm-app.migo-sidebar-hidden #migoSidebarOpenButton::after,
body.migo-sidebar-hidden #migoSidebarOpenButton::after {
  content: 'SIDEBAR';
  display: block;
  writing-mode: vertical-rl;
  text-orientation: mixed;
  transform: rotate(180deg);
  white-space: nowrap;
  font: inherit;
  font-size: 9px;
  line-height: 1;
  font-weight: 800;
  letter-spacing: .16em;
  text-transform: uppercase;
  user-select: none;
  pointer-events: none;
}

body.crm-app.migo-sidebar-hidden #migoSidebarOpenButton:hover,
body.crm-app.migo-sidebar-hidden #migoSidebarOpenButton:focus-visible,
body.migo-sidebar-hidden #migoSidebarOpenButton:hover,
body.migo-sidebar-hidden #migoSidebarOpenButton:focus-visible {
  background: #f3f7ee !important;
  color: #526552 !important;
  border-right-color: #d9e3d5 !important;
  box-shadow: 5px 0 18px rgba(48, 64, 52, .08) !important;
  outline: none !important;
}

body.crm-app.migo-sidebar-hidden #migoSidebarOpenButton:active,
body.migo-sidebar-hidden #migoSidebarOpenButton:active {
  background: #e8f0e3 !important;
}

/* Old route-specific opener spacing is no longer needed. */
body.crm-app.migo-sidebar-hidden.migo-pipeline-route-v3029 .topbar > div:first-child,
body.crm-app.migo-sidebar-hidden.migo-modern-module-v3032 .topbar > div:first-child {
  padding-left: 0 !important;
}

/* Keep hidden-sidebar content full width inside the 26px reserved viewport strip. */
body.crm-app.migo-sidebar-hidden .main-panel,
body.migo-sidebar-hidden.crm-app .main-panel,
body.migo-sidebar-hidden .main-panel {
  margin-left: 0 !important;
  max-width: none !important;
}

@media (max-width: 640px) {
  body.crm-app.migo-sidebar-hidden {
    padding-left: 22px !important;
  }
  body.crm-app.migo-sidebar-hidden #migoSidebarOpenButton,
  body.migo-sidebar-hidden #migoSidebarOpenButton {
    width: 22px !important;
    min-width: 22px !important;
    max-width: 22px !important;
  }
  body.crm-app.migo-sidebar-hidden #migoSidebarOpenButton::after,
  body.migo-sidebar-hidden #migoSidebarOpenButton::after {
    font-size: 8px;
    letter-spacing: .14em;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.crm-app.migo-sidebar-hidden #migoSidebarOpenButton,
  body.migo-sidebar-hidden #migoSidebarOpenButton {
    transition: none !important;
  }
}