/* Mobile Responsive Styles for NPS IT Portal */

/* Responsive breakpoints */
@media (max-width: 768px) {
  .page-wrap, .wrap {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
  
  .g-top-bar {
    margin-left: 8px !important;
    margin-right: 8px !important;
  }
  
  /* Make tables responsive */
  table {
    display: block;
    overflow-x: auto;
    white-space: nowrap;
  }
  
  /* Stack form elements on mobile */
  .form-row {
    flex-direction: column !important;
  }
  
  /* Mobile-friendly buttons */
  .btn, button {
    padding: 12px 16px;
    font-size: 14px;
  }
}

@media (max-width: 480px) {
  .page-wrap, .wrap {
    padding: 10px !important;
  }
  
  /* Hide non-essential columns on small screens */
  .hide-mobile {
    display: none !important;
  }
  
  /* Stack navigation items */
  .app-bar {
    flex-direction: column;
    align-items: stretch;
  }
  
  .app-bar-link {
    padding: 12px;
    text-align: center;
  }
}