/* DC Allocation Dashboard */
.dc-dash-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
  gap: 14px;
  margin-bottom: 16px;
}
.dc-dash-shifts .data-table th,
.dc-dash-shifts .data-table td {
  font-size: 12px;
}

/* ============================================================
   DC Configuration page (dc_configuration/show)
   ============================================================ */
.dc-config-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
  gap: 14px;
}
.dc-location-card {
  padding: 18px 22px;
}
.dc-assign-form {
  margin: 0;
}
.dc-region-remove {
  background: none;
  border: none;
  cursor: pointer;
  font-size: 13px;
  color: var(--muted);
  padding: 0 0 0 4px;
  line-height: 1;
  display: inline;
}
.dc-region-remove:hover {
  color: var(--red);
}
/* Map */
.dc-map-wrap {
  position: relative;
}
.dc-map-wrap svg path[id]:hover {
  filter: brightness(0.85);
}
.dc-map-tooltip {
  position: absolute;
  pointer-events: none;
  background: #1a1a1a;
  color: #fff;
  font-size: 12px;
  line-height: 1.5;
  padding: 8px 12px;
  border-radius: 6px;
  z-index: 20;
  white-space: nowrap;
  box-shadow: 0 2px 8px rgba(0,0,0,0.2);
}
.dc-map-popover {
  position: absolute;
  background: #fff;
  border: 1px solid var(--border-light, #e0ddd8);
  border-radius: 8px;
  padding: 12px 14px;
  z-index: 30;
  box-shadow: 0 4px 16px rgba(0,0,0,0.12);
  min-width: 180px;
}
.dc-map-popover-title {
  font-size: 13px;
  margin-bottom: 8px;
}