/* Drop zones for Excel-as-data file inputs (auto-import / join) */
.excel-drop-zone {
  position: relative;
  transition: border-color 0.15s ease, background-color 0.15s ease, box-shadow 0.15s ease;
  border-radius: 8px;
}

.excel-drop-zone.excel-drop-ready {
  outline: 2px dashed transparent;
  outline-offset: 4px;
}

.excel-drop-zone.excel-drop-active {
  outline-color: var(--accent, #dc3545);
  background-color: color-mix(in srgb, var(--accent, #dc3545) 8%, transparent);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent, #dc3545) 18%, transparent);
}

.excel-drop-zone.excel-drop-active::after {
  content: attr(data-excel-drop-hint);
  display: block;
  margin-top: 0.35rem;
  font-size: 0.85rem;
  color: var(--accent, #dc3545);
  font-weight: 600;
  pointer-events: none;
}

.excel-drop-zone.excel-drop-invalid {
  outline-color: #b45309;
  background-color: color-mix(in srgb, #b45309 10%, transparent);
}

/* Toolbar launch buttons (e.g. عملکرد خودکار) as drop targets */
.excel-drop-launch.excel-drop-btn-ready {
  outline: 2px dashed transparent;
  outline-offset: 2px;
}

.excel-drop-launch.excel-drop-btn-active {
  outline-color: var(--accent, #dc3545);
  background-color: color-mix(in srgb, var(--accent, #dc3545) 12%, transparent) !important;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent, #dc3545) 20%, transparent);
}