@import '../material/indigo-pink.css';

html, body {
  margin: 0;
  padding: 0;
  height: 100%;
  font-family: 'Segoe UI', system-ui, -apple-system, sans-serif;
  background: #eef2f7;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

/* Keep Angular Material overlays above full-screen custom CRUD modals. */
.cdk-overlay-container,
.cdk-global-overlay-wrapper {
  z-index: 3000 !important;
}

.mat-mdc-datepicker-content {
  border-radius: 18px !important;
  overflow: hidden;
}

.mat-mdc-datepicker-content .mat-calendar {
  background: #e7e8ee;
}

.mat-mdc-datepicker-content .mat-calendar-header,
.mat-mdc-datepicker-content .mat-calendar-content {
  background: transparent;
}

/* Marcadores para Leaflet (global) */
.marker-dot {
  width: 14px;
  height: 14px;
  border-radius: 50%;
  border: 2px solid #fff;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
}

.marker-dot.red-dot {
  background: #ef4444;
}

.marker-dot.blue-dot {
  background: #3b82f6;
}