/* Left/Right column toggle controls */
.layout-toggle-controls {
  position: fixed;
  right: 1rem;
  bottom: 1rem;
  z-index: 1085;
  display: flex;
  gap: 0.5rem;
}

.layout-toggle-controls button {
  border: 1px solid var(--sidebar-border-color, #d0d0d0);
  background: var(--card-bg, #ffffff);
  color: var(--text-color, #2b2b2b);
  border-radius: 999px;
  padding: 0.4rem 0.8rem;
  font-size: 0.85rem;
  line-height: 1.2;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.12);
  cursor: pointer;
}

.layout-toggle-controls button:hover {
  filter: brightness(0.97);
}

.layout-toggle-controls button:focus-visible {
  outline: 2px solid var(--link-color, #2f77d9);
  outline-offset: 2px;
}

/* Right panel collapse: make center content full width */
body.panel-collapsed #panel-wrapper {
  display: none !important;
}

body.panel-collapsed #main-wrapper > .container > .row > main {
  flex: 0 0 100%;
  max-width: 100%;
}

body.panel-collapsed #tail-wrapper {
  flex: 0 0 100%;
  max-width: 100%;
}

/* Left sidebar collapse only on desktop */
@media (min-width: 992px) {
  #sidebar,
  #main-wrapper {
    transition:
      transform 0.25s ease,
      margin-left 0.25s ease;
  }

  body.sidebar-collapsed-desktop #sidebar {
    transform: translateX(-110%);
  }

  body.sidebar-collapsed-desktop #main-wrapper {
    margin-left: 0 !important;
  }
}

/* Mobile: left sidebar is already off-canvas by theme */
@media (max-width: 991.98px) {
  .layout-toggle-controls .toggle-left {
    display: none;
  }
}