/* Pencerita — Sidebar Left v54
   Desktop: permanently anchored to the viewport's left edge.
   The topbar stays above it; the sidebar content gets its own scroll area.
   Mobile/tablet remain on the existing drawer/sidebar implementation. */
@media (min-width:1101px){
  body.reader-app .app-shell,
  body.creator-app .app-shell,
  body.admin-app .app-shell{
    display:block !important;
    min-height:calc(100vh - var(--ck-topbar-height,68px));
    padding-left:var(--ck-sidebar-width,245px) !important;
  }

  body.reader-app .sidebar,
  body.creator-app .sidebar,
  body.admin-app .sidebar{
    position:fixed !important;
    left:0 !important;
    top:0 !important;
    bottom:0 !important;
    width:var(--ck-sidebar-width,245px) !important;
    height:100vh !important;
    max-height:100vh !important;
    flex:none !important;
    overflow:hidden !important;
    z-index:90 !important;
  }

  body.reader-app .sidebar-scroll,
  body.creator-app .sidebar-scroll,
  body.admin-app .sidebar-scroll{
    height:100% !important;
    max-height:100vh !important;
    padding-top:calc(var(--ck-topbar-height,68px) + 12px) !important;
    padding-bottom:18px !important;
    overflow-x:hidden !important;
    overflow-y:auto !important;
    -webkit-overflow-scrolling:touch;
    overscroll-behavior:contain;
    scrollbar-width:thin;
  }

  body.sidebar-collapsed .app-shell{
    padding-left:78px !important;
  }

  body.sidebar-collapsed .sidebar{
    width:78px !important;
  }

  body.sidebar-collapsed .sidebar-scroll{
    padding-top:calc(var(--ck-topbar-height,68px) + 12px) !important;
  }
}


/* V55 — stable desktop collapse for reader/creator/admin.
   Previous desktop rules could hide labels without shrinking the fixed rail,
   leaving a wide empty sidebar. Keep the compact state geometrically exact. */
@media (min-width:1101px){
  body.reader-app .app-shell,
  body.creator-app .app-shell,
  body.admin-app .app-shell{
    padding-left:var(--ck-sidebar-width,245px) !important;
  }

  body.sidebar-collapsed .app-shell{
    padding-left:78px !important;
  }

  body.sidebar-collapsed .app-shell > .sidebar,
  body.sidebar-collapsed .sidebar{
    width:78px !important;
    flex-basis:78px !important;
  }

  body.sidebar-collapsed .sidebar-scroll{
    padding-left:10px !important;
    padding-right:10px !important;
  }

  body.sidebar-collapsed .sidebar-title-row{
    justify-content:center !important;
    padding-left:4px !important;
    padding-right:4px !important;
  }

  body.sidebar-collapsed .sidebar-title-row > span,
  body.sidebar-collapsed .sidebar-group-toggle .side-text,
  body.sidebar-collapsed .sidebar-group-chevron,
  body.sidebar-collapsed .side-item .side-text,
  body.sidebar-collapsed .side-item-badge,
  body.sidebar-collapsed .sidebar-info-section,
  body.sidebar-collapsed .sidebar-bottom-label{
    display:none !important;
  }

  body.sidebar-collapsed .sidebar-group-toggle,
  body.sidebar-collapsed .side-item,
  body.sidebar-collapsed .side-submit{
    justify-content:center !important;
    padding-left:8px !important;
    padding-right:8px !important;
  }

  body.sidebar-collapsed .sidebar-group-toggle .side-icon,
  body.sidebar-collapsed .side-item .side-icon{
    margin:0 !important;
  }
}