@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');

/* ─── Sidebar ─────────────────────────────────────────────────── */

.mud-drawer {
  background-color: var(--mud-palette-drawer-background) !important;
  overflow: hidden;
}

  .mud-drawer .mud-nav-link {
    color: var(--mud-palette-drawer-text) !important;
  }

    .mud-drawer .mud-nav-link:hover {
      background-color: rgba(255,255,255,0.12) !important;
    }

.mud-nav-item {
  border-radius: 10px;
  overflow: hidden;
}

.mud-nav-link {
  padding: 8px 8px;
  transition: none !important;
}

/* Active nav item – amber left bar */
.mud-nav-item .active {
  background-color: rgba(255,255,255,0.15) !important;
  border-left: 3px solid var(--mud-palette-tertiary);
  font-weight: 700;
}

.sidebar-subtitle {
  color: var(--mud-palette-drawer-icon);
  font-size: 0.75rem;
  margin-top: -4px;
}

/* ─── Stat cards ───────────────────────────────────────────────── */

.mud-grid .mud-grid-item .mud-card {
  height: 100%;
}

.stat-number {
  font-size: 2rem;
  font-weight: 700;
  line-height: 1;
  color: var(--mud-palette-text-primary);
}

/* Waiting card gets the amber tint */
.stat-card-waiting {
  background-color: var(--mud-palette-warning-hover) !important;
  border: 1.5px solid var(--mud-palette-warning) !important;
}

  .stat-card-waiting .stat-number, .stat-card-waiting h5 {
    color: var(--mud-palette-warning-darken) !important;
  }

  .stat-card-waiting .mud-typography-body2,
  .stat-card-waiting .mud-typography-caption {
    color: var(--mud-palette-warning) !important;
  }

/* ─── Waiting on Files section card ───────────────────────────── */

.waiting-section-card {
  background-color: var(--mud-palette-warning-lighten) !important;
  border: 1.5px solid var(--mud-palette-warning) !important;
}

.waiting-section-title {
  color: var(--mud-palette-primary) !important;
  font-weight: 700;
}

.waiting-section-meta {
  color: var(--mud-palette-warning);
  font-size: 0.8rem;
}

.waiting-section-id {
  font-weight: 700;
  color: var(--mud-palette-primary);
}

.waiting-divider {
  background-color: color-mix(in srgb, var(--mud-palette-warning) 25%, transparent) !important;
}

/* ─── Status chips ─────────────────────────────────────────────── */

.status-chip {
  display: inline-block;
  padding: 3px 10px;
  border-radius: 999px;
  font-size: 0.75rem;
  font-weight: 600;
  white-space: nowrap;
}

.status-completed {
  background-color: var(--mud-palette-success-lighten);
  color: var(--mud-palette-success);
}

.status-waiting {
  background-color: var(--mud-palette-warning-lighten);
  color: var(--mud-palette-warning);
}

.status-review {
  background-color: var(--mud-palette-info-lighten);
  color: var(--mud-palette-info);
}

/* ─── Buttons ──────────────────────────────────────────────────── */

/* "Generate Site Plan" – already handled by Variant.Filled Color.Secondary */
/* "Upload" – outlined using primary color */
.btn-upload {
  border-color: var(--mud-palette-primary) !important;
  color: var(--mud-palette-primary) !important;
}

  .btn-upload:hover {
    background-color: color-mix(in srgb, var(--mud-palette-primary) 8%, transparent) !important;
  }


/* Inputs */

.mud-autocomplete .mud-disabled:not(.mud-input-label), .mud-input-control .mud-disabled:not(.mud-input-label) {
  background: var(--mud-palette-action-default-hover);
}

.mud-popover .mud-list {
  overflow-y: unset !important;
}

.text-center {
  text-align: center;
}
.td-shrink {
  width: 1%;
  white-space: nowrap;
}
.td-grow {
  width: 100%;
}

sup {
  line-height: 0;
}