/* Intentionally small file: many templates include inline <style> blocks.
   This stylesheet is loaded late (in user/base.html) to enforce responsive rules. */

body.user-neo .container,
body.user-neo .container-fluid {
  max-width: 100% !important;
}

body.user-neo .table-responsive {
  max-width: 100% !important;
  overflow-x: auto !important;
}

body.user-neo .dataTables_wrapper {
  width: 100% !important;
  max-width: 100% !important;
}

body.user-neo .dataTables_wrapper .dataTables_filter,
body.user-neo .dataTables_wrapper .dataTables_length {
  display: flex !important;
  align-items: center !important;
  gap: 0.5rem !important;
  flex-wrap: wrap !important;
}

body.user-neo .dataTables_wrapper .dataTables_filter input,
body.user-neo .dataTables_wrapper .dataTables_length select {
  max-width: 100% !important;
}

@media (max-width: 768px) {
  body.user-neo .container-fluid {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }

  body.user-neo .neo-panel,
  body.user-neo .glass-panel,
  body.user-neo .card {
    padding: 0.9rem !important;
    border-radius: 16px !important;
  }

  body.user-neo .form-select,
  body.user-neo select,
  body.user-neo .form-control,
  body.user-neo input,
  body.user-neo textarea {
    width: 100% !important;
    max-width: 100% !important;
  }

  body.user-neo .dataTables_wrapper .dataTables_filter label,
  body.user-neo .dataTables_wrapper .dataTables_length label {
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
  }

  body.user-neo .dataTables_wrapper .dataTables_filter input,
  body.user-neo .dataTables_wrapper .dataTables_length select {
    width: 100% !important;
    margin-top: 6px !important;
  }

  body.user-neo table.dataTable thead th,
  body.user-neo table.dataTable tbody td {
    padding: 8px 10px !important;
    font-size: 0.78rem !important;
  }
}

@media (max-width: 576px) {
  body.user-neo .neo-panel {
    padding: 0.75rem !important;
  }
}