/* NEXIO — CSS Responsivo Global */

@media (max-width: 767px) {
  .navbar-static-side { display: none; }
  .navbar-static-side.shown {
    display: block; position: fixed; z-index: 999;
    width: 220px; height: 100%; overflow-y: auto;
    box-shadow: 2px 0 8px rgba(0,0,0,0.2);
  }
  #page-wrapper { margin: 0 !important; padding: 10px !important; }
  .table-responsive { overflow-x: auto; -webkit-overflow-scrolling: touch; }
  .btn-toolbar .btn, .btn-group .btn { margin-bottom: 4px; }
  .btn-mobile-block { display: block; width: 100%; margin-bottom: 8px; }
  .kpi-card { margin-bottom: 15px; }
  .form-inline .form-group { display: block; margin-bottom: 10px; }
  .form-inline .form-control { width: 100%; }
  .panel-body { padding: 10px; }
  .panel-heading { padding: 10px 15px; }
  .page-header h1 { font-size: 20px; }
  .hidden-mobile { display: none !important; }
  .navbar-brand { font-size: 16px !important; padding: 12px 10px; }
  canvas { max-height: 200px !important; }
  .modal-dialog { margin: 0; width: 100%; }
  .modal-content { border-radius: 0; min-height: 100vh; }
}

@media (min-width: 768px) and (max-width: 991px) {
  #page-wrapper { margin-left: 180px !important; }
  .navbar-static-side { width: 180px; }
  .kpi-card { margin-bottom: 15px; }
}

@media (max-width: 991px) {
  .btn { min-height: 44px; padding: 10px 16px; }
  .nav > li > a { min-height: 44px; padding: 12px 15px; }
  input, select, textarea { min-height: 44px; font-size: 16px !important; }
}

.text-truncate-mobile {
  white-space: nowrap; overflow: hidden;
  text-overflow: ellipsis; max-width: 150px;
}
@media (min-width: 768px) { .text-truncate-mobile { max-width: none; } }