/* Project Overview page layout overrides.
   Scoped to avoid impacting other pages.
*/

.project-overview-page .mantine-Card-root {
  margin: 0;
}

.project-overview-top-row {
  display: grid;
  grid-template-columns: 5fr 7fr;
  gap: var(--mantine-spacing-sm);
  height: clamp(350px, 55vh, 620px);
}

.project-overview-top-row,
.project-overview-top-row > * {
  min-height: 0;
}

.project-overview-map-card,
.project-overview-event-log-card {
  height: 100%;
  display: flex;
  flex-direction: column;
  min-height: 0;
}

.project-overview-card-body {
  flex: 1 1 auto;
  min-height: 0;
  overflow: auto;
}

@media (max-width: 1200px) {
  .project-overview-top-row {
    grid-template-columns: 1fr 1fr;
    height: clamp(300px, 50vh, 500px);
  }
}

@media (max-width: 900px) {
  .project-overview-top-row {
    grid-template-columns: 1fr;
    height: auto;
  }

  .project-overview-map-card,
  .project-overview-event-log-card {
    height: 350px;
  }
}

@media (max-height: 800px) {
  .project-overview-top-row {
    height: clamp(260px, 38vh, 620px);
  }

  .project-overview-page .mantine-Title-root {
    font-size: 14px !important;
    line-height: 1.2;
  }

  .project-overview-page .mantine-Text-root {
    font-size: 12px !important;
  }

  .project-overview-page .mantine-Badge-root {
    font-size: 11px !important;
  }
}