@charset "UTF-8";
/* -------------- Universal button shell -------------- */
.import-btn, .upload-btn .rz-button {
  /* layout */
  display: inline-flex;
  align-items: center;
  gap: 0.55rem;
  /* sizing / rhythm */
  padding: 0.65rem 1.35rem;
  border-radius: 0.625rem;
  /* type */
  font: 600 0.915rem/1.1 "Segoe UI", Roboto, sans-serif;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  /* visuals */
  text-decoration: none;
  border: none;
  cursor: pointer;
  background-color: transparent;
  transition: box-shadow 0.18s ease, transform 0.18s ease, filter 0.18s ease;
  /* base shadow (subtle 3‑D) */
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.07);
  outline: none;
}

/* focus ring – keyboard users */
.import-btn:focus-visible, .upload-btn .rz-button:focus-visible {
  box-shadow: 0 0 0 3px rgba(var(--rz-primary-rgb, 33, 150, 243), 0.45), 0 2px 4px rgba(0, 0, 0, 0.07);
}

/* shared hover / active micro‑animations */
.import-btn:hover:not([disabled]), .upload-btn .rz-button:hover:not([disabled]),
.import-btn:active:not([disabled]),
.upload-btn .rz-button:active:not([disabled]) {
  transform: translateY(-1px);
}

.import-btn:active:not([disabled]), .upload-btn .rz-button:active:not([disabled]) {
  transform: translateY(0);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.22) inset, 0 2px 4px rgba(0, 0, 0, 0.04);
}

/* -------------- Colour variants -------------- */
.import-btn--primary {
  background-color: var(--rz-primary);
  color: var(--rz-on-primary);
}

.import-btn--primary:hover:not([disabled]) {
  filter: brightness(1.07);
}

.import-btn--primary:active:not([disabled]) {
  filter: brightness(0.93);
}

.import-btn--secondary {
  background-color: var(--rz-secondary);
  color: var(--rz-on-secondary);
}

.import-btn--info {
  background-color: var(--rz-info);
  color: var(--rz-on-info);
}

/* -------------- Disabled state -------------- */
.import-btn[disabled], .upload-btn [disabled].rz-button,
.import-btn[aria-disabled=true],
.upload-btn [aria-disabled=true].rz-button {
  opacity: 0.5;
  cursor: not-allowed;
  transform: none;
  box-shadow: none;
}

/* -------------- Optional: Dark‑mode tweaks -------------- */
@media (prefers-color-scheme: dark) {
  .import-btn, .upload-btn .rz-button {
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.55);
  }
  .import-btn:focus-visible, .upload-btn .rz-button:focus-visible {
    box-shadow: 0 0 0 3px rgba(var(--rz-primary-rgb, 33, 150, 243), 0.7), 0 2px 3px rgba(0, 0, 0, 0.55);
  }
}
/* ─────────── Wrapper tweaks ─────────── */
.upload-btn {
  /* kill Radzen’s own border/background so only our button shows */
  border: none !important;
  background: transparent;
  padding: 0;
  display: inline-flex;
}

/* ─────────── Style the real button inside ─────────── */
.upload-btn .rz-button {
  /* pull in the shared skeleton */
  /* variant look */
  background-color: var(--rz-surface-200);
  color: var(--rz-primary);
  border: 2px solid var(--rz-primary) !important; /* Radzen’s default is dashed */
  min-width: 240px; /* same visual width as the other buttons */
  justify-content: center;
}

.rz-fileupload-buttonbar {
  /* override the Radzen button’s default styles */
  box-shadow: none !important; /* remove Radzen’s shadow */
  border-radius: 0.625rem; /* match the import button */
  padding: 0 !important; /* match the import button */
  background-color: white !important;
}

.upload-btn .rz-button:hover:not([disabled]) {
  background-color: var(--rz-primary);
  color: var(--rz-on-primary);
  border-style: solid; /* dashed → solid on hover */
  filter: brightness(1.07);
}

.upload-btn .rz-button:active:not([disabled]) {
  filter: brightness(0.93);
}

/* hide the default file‑input outline that some browsers add */
.upload-btn input[type=file] {
  outline: none;
}

.pickly-card.rz-card {
  padding: 0 !important;
}

.pickly-card .rz-card-body,
.pickly-card .rz-card-footer {
  padding: 1rem !important;
}

.pickly-card .card-header {
  background: #ff9800;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 1rem; /* inner spacing for the icon & text */
  color: #fff;
  border-radius: 4px 4px 0 0; /* keep the rounded corners */
}

/* ───────── Card header bar (full-width, no padding) ───────── */
.pickly-card .card-header {
  background: #ff9800 !important; /* solid orange strip */
  border-radius: 4px 4px 0 0; /* keep rounded top corners */
}

/* ───────── Header content (icon + label) ───────── */
.card-header {
  display: flex;
  justify-content: center; /* centre horizontally */
  align-items: center;
  gap: 0.5rem;
  font-weight: 600;
  color: #fff; /* white on orange */
  width: 100%;
  padding: 0.5rem 1rem; /* adjust to taste */
}

/* ───────── Card body ───────── */
.pickly-card .rz-card-body {
  flex: 1 1 auto; /* fill remaining height */
  text-align: initial; /* normal left alignment */
}

/* ───────── Equal-height card grid ───────── */
.equal-height-row {
  align-items: stretch; /* stretch cards to same height */
}

.equal-height-row > .rz-col {
  display: flex; /* column becomes flex container */
  flex-direction: column; /* header + body vertical */
}

.equal-height-row .pickly-card {
  flex: 1 1 auto;
  height: 100%;
  display: flex;
  flex-direction: column;
}

/* ─── Remove zoom buttons (upper-left/right) ─── */
.leaflet-control-zoom {
  display: none !important;
}

/* ─── Remove attribution “Leaflet” text (lower-right) ─── */
.leaflet-control-attribution {
  display: none !important;
}

/* Optional: layers/drop-down control (upper-right) */
.leaflet-control-layers {
  display: none !important;
}

/* Prevent any pointer interaction on every RealTimeMap */
.leaflet-container {
  pointer-events: none;
}

/*# sourceMappingURL=0_ImportsMain.css.map */