/* Global responsive fixes for smaller laptops/tablets */
html, body {
  max-width: 100%;
  overflow-x: hidden;
}

.ops-body {
  min-width: 0 !important;
}

.ops-sidebar {
  width: 280px;
  min-width: 280px;
}

.ops-main {
  min-width: 0 !important;
  width: calc(100vw - 280px) !important;
  max-width: calc(100vw - 280px) !important;
  overflow-x: hidden !important;
  padding: 28px 32px !important;
  box-sizing: border-box !important;
}

.ops-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
  min-width: 0;
}

.ops-header > div:first-child {
  min-width: 0;
}

.ops-header h1 {
  overflow-wrap: anywhere;
}

.ops-userbar {
  flex-shrink: 0;
}

.stats-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)) !important;
  gap: 18px !important;
}

.dash-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(330px, 1fr)) !important;
  gap: 18px !important;
}

.panel,
.stat-card,
.pm-card,
.admin-card,
.settings-panel,
.settings-sidebar {
  min-width: 0 !important;
  box-sizing: border-box !important;
}

.pm-layout,
.pm-main-grid,
.pm-dashboard,
.pilot-management-layout {
  min-width: 0 !important;
  max-width: 100% !important;
}

.pm-detail,
#pilotDetail {
  max-width: 100% !important;
  min-width: 0 !important;
}

.pm-table-wrap,
.pm-table-card,
table {
  max-width: 100% !important;
  overflow-x: auto !important;
}

.pm-table-card {
  min-width: 0 !important;
}

.pm-table-card table {
  width: 100% !important;
  min-width: 980px !important;
}

.pm-detail-head,
.pm-detail-header {
  min-width: 0 !important;
}

.pm-detail-head h3,
.pm-detail-header h3 {
  overflow-wrap: anywhere !important;
}

.pm-tabs {
  overflow-x: auto !important;
  white-space: nowrap !important;
}

.user-chip {
  max-width: 300px !important;
}

.user-chip b,
.user-chip span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@media (max-width: 1400px) {
  .ops-sidebar {
    width: 240px;
    min-width: 240px;
  }

  .ops-main {
    width: calc(100vw - 240px) !important;
    max-width: calc(100vw - 240px) !important;
    padding: 24px !important;
  }

  .dash-grid {
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)) !important;
  }
}

@media (max-width: 1100px) {
  .ops-sidebar {
    width: 220px;
    min-width: 220px;
  }

  .ops-main {
    width: calc(100vw - 220px) !important;
    max-width: calc(100vw - 220px) !important;
    padding: 18px !important;
  }

  .ops-header {
    flex-direction: column;
  }

  .ops-userbar {
    width: 100%;
    justify-content: flex-end;
  }

  .dash-grid {
    grid-template-columns: 1fr !important;
  }

  .pm-main-grid,
  .pilot-management-layout {
    grid-template-columns: 1fr !important;
  }

  #pilotDetail,
  .pm-detail {
    position: static !important;
    width: 100% !important;
  }
}