/* Prevent horizontal scroll on mobile */
html,body{overflow-x:hidden;max-width:100vw}
/* 🐷 PigCoder Mobile Styles v1.0 */

/* Hamburger button - hidden on desktop */
.hamburger-btn{display:none;background:none;border:none;color:#f0f0f5;font-size:22px;cursor:pointer;padding:4px 8px}

@media(max-width:768px){
  /* Show hamburger, hide nav by default */
  .hamburger-btn{display:block}
  .nav{display:none!important;position:fixed;top:64px;left:0;right:0;background:#0a0a0f;border-bottom:1px solid #1e1e2e;flex-direction:column;padding:16px;gap:4px;z-index:99;box-shadow:0 10px 30px rgba(0,0,0,.5)}
  .nav.nav-open{display:flex!important}
  .nav a{padding:12px 16px;font-size:16px}

  /* Header adjustments */
  .header{padding:0 16px;height:56px}
  .logo{font-size:16px!important}
  .logo span:first-child{font-size:22px!important}
  .header-right{gap:6px}
  .credits-badge,.credits-show{font-size:11px!important;padding:4px 8px!important}
  .user-name,.btn-logout,#logoutBtn,#userDisplay{font-size:11px!important}

  /* General mobile spacing */
  .container{padding:20px 16px}
  .main{padding:16px}

  /* Stats grid */
  .stats-row{grid-template-columns:1fr 1fr}
  .stat-card{padding:16px}
  .stat-card .value{font-size:1.2rem}

  /* Tables scroll */
  .table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
  table{min-width:500px}

  /* Quick actions */
  .quick-actions{flex-direction:column}
  .quick-actions a{justify-content:center}

  /* Sites grid */
  .sites-grid{grid-template-columns:1fr}

  /* Page titles */
  .page-title{font-size:22px}

  /* Footer */
  .footer{padding:20px 16px;font-size:12px}
}

@media(max-width:480px){
  .stats-row{grid-template-columns:1fr}
  .header-right .credits-badge,.header-right .credits-show{display:none!important}
}