/* =========================================================
   APLEXCUB ADMIN - RESPONSIVE BREAKPOINTS (Mobile First Focus)
   ========================================================= */

/* 1024px - 1279px (Laptops) */
@media screen and (max-width: 1279px) {
  .main-content {
    padding: 24px;
  }
}

/* 768px - 1023px (Tablets) */
@media screen and (max-width: 1023px) {
  .main-wrapper {
    margin-left: 0; /* Sidebar collapses on tablet/mobile */
  }
  
  .admin-footer {
    padding: 24px;
  }
}

/* 480px - 767px (Large Phones) */
@media screen and (max-width: 767px) {
  .auth-card {
    padding: 32px 24px;
  }
  
  .auth-header h1 {
    font-size: 24px;
  }
  
  .admin-footer {
    flex-direction: column;
    gap: 16px;
    text-align: center;
  }
}

/* 320px - 479px (Small Phones) */
@media screen and (max-width: 479px) {
  .auth-body {
    padding: 16px;
  }
  
  .auth-card {
    padding: 24px 16px;
  }
  
  .input-wrapper input {
    padding: 12px 16px 12px 40px;
  }
}