/**
 * Don't Flock - Map
 * Inherits theme custom properties, falls back to the palette.
 */

.dfm-wrap{
  --_paper:var(--df-paper,#F4EDDF);
  --_card:#FFFCF5;
  --_ink:var(--df-ink,#16293C);
  --_slate:var(--df-slate,#67788A);
  --_orange:var(--df-orange,#CF5B18);
  --_due:#B07A18;
  --_active:var(--df-supports,#B23A2A);
  --_clear:var(--df-opposes,#2E6B4E);
  --_line:var(--df-line,rgba(22,41,60,.16));
  --_mono:var(--df-mono,"IBM Plex Mono",ui-monospace,monospace);
  --_display:var(--df-display,"Archivo",system-ui,sans-serif);
}

.dfm-map{
  width:100%;border:1px solid var(--_line);border-radius:3px;
  background:var(--_paper);z-index:1;
}
.leaflet-container{font-family:var(--df-body,system-ui,sans-serif)}

.dfm-pin{
  display:block;width:14px;height:14px;border-radius:50%;
  border:3px solid #FFFCF5;box-shadow:0 0 0 1px rgba(22,41,60,.3);
}
.dfm-cam{
  display:block;width:7px;height:7px;border-radius:50%;
  background:var(--_orange);border:2px solid #FFFCF5;
  box-shadow:0 0 0 1px rgba(22,41,60,.28);
}

.dfm-legend{
  display:flex;flex-wrap:wrap;gap:18px;margin-top:12px;
  font-family:var(--_mono);font-size:11px;color:var(--_slate);
}
.dfm-key{display:flex;align-items:center;gap:7px}
.dfm-dot{width:9px;height:9px;border-radius:50%;display:inline-block}
.dfm-dot--due{background:var(--_due)}
.dfm-dot--active{background:var(--_active)}
.dfm-dot--clear{background:var(--_clear)}
.dfm-dot--cam{background:var(--_orange)}

.dfm-status{
  font-family:var(--_mono);font-size:11px;color:var(--_slate);
  margin-top:9px;
}
.dfm-status.is-warn{color:var(--_active)}
.dfm-status.is-hidden{display:none}

.dfm-attr{
  font-family:var(--_mono);font-size:10.5px;line-height:1.6;
  color:var(--_slate);margin:10px 0 0;max-width:44em;
}

.dfm-pop{font-size:13px;line-height:1.55}
.dfm-pop b{
  font-family:var(--_display);font-size:15px;font-weight:700;
  display:block;margin-bottom:5px;
}
.dfm-due{color:#8A5E12}

.dfm-stats{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:26px}
.dfm-stat{
  background:#FFFCF5;border:1px solid var(--df-line,rgba(22,41,60,.16));
  border-top:2px solid var(--df-orange,#CF5B18);
  border-radius:3px;padding:16px 20px;min-width:150px;
}
.dfm-stat--due{border-top-color:#B07A18}
.dfm-stat--clear{border-top-color:#2E6B4E}
.dfm-stat-n{
  display:block;font-family:var(--df-display,"Archivo",sans-serif);
  font-weight:900;font-size:32px;line-height:1;color:var(--df-orange,#CF5B18);
}
.dfm-stat--due .dfm-stat-n{color:#B07A18}
.dfm-stat--clear .dfm-stat-n{color:#2E6B4E}
.dfm-stat-l{
  display:block;margin-top:7px;font-family:var(--_mono);font-size:10.5px;
  letter-spacing:.11em;text-transform:uppercase;color:var(--_slate);
}

@media(prefers-reduced-motion:reduce){
  .leaflet-fade-anim .leaflet-tile{transition:none}
}

.dfm-draft{
  display:inline-block;font-family:var(--_mono);font-size:10.5px;
  letter-spacing:.06em;text-transform:uppercase;color:#7B8894;
  border:1px solid rgba(123,136,148,.4);border-radius:2px;
  padding:3px 7px;margin-bottom:6px;
}