/* v0.5.18 — Core v0.3.8 Manufacturer Dashboard mobile override.
   Core prints its dashboard CSS inline after theme styles, so these mobile declarations
   intentionally use !important. Header/navigation outside the dashboard are untouched. */

@media (max-width: 700px) {
  .pm-dashboard-shell .pm-manufacturer-dashboard .pm-dashboard-layout {
    display: block !important;
  }

  .pm-dashboard-shell .pm-manufacturer-dashboard .pm-dashboard-sidebar {
    width: 100% !important;
    max-width: 100% !important;
    flex: none !important;
    margin: 0 0 16px !important;
  }

  .pm-dashboard-shell .pm-manufacturer-dashboard .pm-dashboard-navigation {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 8px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    white-space: nowrap !important;
    border-radius: 10px !important;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
  }

  .pm-dashboard-shell .pm-manufacturer-dashboard .pm-dashboard-nav-item {
    display: inline-flex !important;
    flex: 0 0 auto !important;
    justify-content: center !important;
    min-height: 38px !important;
    margin: 0 !important;
    padding: 9px 12px !important;
    gap: 6px !important;
    white-space: nowrap !important;
  }

  .pm-dashboard-shell .pm-manufacturer-dashboard .pm-dashboard-nav-item small {
    display: none !important;
  }

  .pm-dashboard-shell .pm-manufacturer-dashboard .pm-dashboard-content {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  .pm-dashboard-shell .pm-manufacturer-dashboard {
    padding-top: 12px !important;
  }

  .pm-dashboard-shell .pm-manufacturer-dashboard .pm-dashboard-header {
    margin-bottom: 18px !important;
  }

  .pm-dashboard-shell .pm-manufacturer-dashboard .pm-dashboard-company {
    margin-top: 4px !important;
  }
}