/* ===================================================================
   tsPanel — responsive.css
   Media query adjustments for all screen sizes.
   =================================================================== */

/* --- Sidebar collapse on mobile --- */

@media (max-width: 767.98px)
{
  .admin-sidebar
  {
    position: fixed;
    transform: translateX(-100%);
    transition: transform 0.25s ease;
    z-index: 1050;
  }

  .admin-sidebar.show
  {
    transform: translateX(0);
  }

  .admin-main
  {
    margin-left: 0;
  }

  .admin-header
  {
    padding: 12px 16px;
  }

  .admin-content
  {
    padding: 16px;
  }

  .admin-header h1
  {
    font-size: 1.1rem;
  }

  .sidebar-toggle
  {
    display: inline-block;
  }
}

/* --- Login page on small screens --- */

@media (max-width: 575.98px)
{
  #pglogin .login-box
  {
    padding: 12px;
  }
}