/* Scrollbar belongs on the outside; control text and range direction stay LTR. */
.main-content > .sidebar.sidebar-drawer {
  direction: rtl;
  padding-top: 40px;
  scrollbar-gutter: stable;
}
.sidebar-drawer > * { direction: ltr; }
.sidebar-drawer-toggle {
  position: fixed;
  top: var(--sidebar-toggle-top, 85px);
  left: 20px;
  z-index: 25;
  min-height: 32px;
  padding: 5px 10px;
  border: 1px solid var(--ui-accent, #67e8f9);
  border-radius: 6px;
  background: var(--bg-secondary, #0d1220);
  color: var(--color-text-primary, #f8fafc);
  cursor: pointer;
}
@media (hover: hover) {
  .sidebar-drawer-toggle:hover { background: var(--ui-hover, #1d293b); }
}
.sidebar-drawer-toggle:focus-visible { outline: 2px solid var(--ui-accent, #67e8f9); outline-offset: 2px; }
.main-content.sidebar-is-hidden > .sidebar { display: none; }
@media (min-width: 1025px) {
  .main-content.sidebar-is-hidden { grid-template-columns: 32px minmax(0, 1fr) 300px; }
  .main-content.sidebar-is-hidden > .center-column { grid-column: 2; }
  .main-content.sidebar-is-hidden > .planner-panel { grid-column: 3; }
  .sidebar-is-hidden .sidebar-drawer-toggle { padding: 5px; width: 32px; }
}
@media print { .sidebar-drawer-toggle { display: none; } }