/* Mobile premium para páginas internas dos painéis */
@media (max-width: 768px) {
  html, body { overflow-x: hidden; }
  .smart-main, main, .wrap {
    width: 100% !important;
    max-width: 100% !important;
  }
  .wrap {
    padding: 14px !important;
  }
  .hero, .card, section.card {
    border-radius: 22px !important;
  }
  .hero {
    padding: 18px !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 12px !important;
  }
  .hero h1, h1 {
    font-size: 26px !important;
    line-height: 1.1 !important;
  }
  .grid, .grid3, .grid.three, .kpi-grid, .metrics-grid {
    grid-template-columns: 1fr !important;
  }
  .actions, .file-upload, .upload-dropzone {
    flex-direction: column !important;
    align-items: stretch !important;
  }
  .btn, button, .file-label, .pec-direct-btn {
    width: 100% !important;
    justify-content: center !important;
    text-align: center !important;
  }
  table {
    display: block !important;
    overflow-x: auto !important;
    white-space: nowrap;
  }
  .smart-sidebar {
    width: 76px !important;
  }
  .smart-sidebar .smart-brand-text,
  .smart-sidebar .smart-nav-title,
  .smart-sidebar .smart-nav-text,
  .smart-sidebar .smart-user-meta,
  .smart-sidebar .smart-collapse-text,
  .smart-sidebar .smart-logout-text {
    display: none !important;
  }
  .smart-main {
    margin-left: 76px !important;
  }
}
@media (max-width: 520px) {
  .smart-sidebar {
    position: fixed !important;
    left: 0 !important;
    top: auto !important;
    bottom: 0 !important;
    width: 100% !important;
    height: 66px !important;
    z-index: 1000 !important;
    padding: 8px 10px !important;
    display: flex !important;
    align-items: center !important;
    overflow-x: auto !important;
  }
  .smart-sidebar .smart-brand,
  .smart-sidebar .smart-collapse-btn,
  .smart-sidebar .smart-user-card {
    display: none !important;
  }
  .smart-nav {
    display: flex !important;
    gap: 8px !important;
    width: max-content !important;
  }
  .smart-nav a {
    min-width: 48px !important;
    height: 48px !important;
    border-radius: 16px !important;
    display: grid !important;
    place-items: center !important;
  }
  .smart-main {
    margin-left: 0 !important;
    padding-bottom: 82px !important;
  }
}