/*
 * This is a manifest file that'll be compiled into application.css.
 *
 * With Propshaft, assets are served efficiently without preprocessing steps. You can still include
 * application-wide styles in this file, but keep in mind that CSS precedence will follow the standard
 * cascading order, meaning styles declared later in the document or manifest will override earlier ones,
 * depending on specificity.
 *
 * Consider organizing styles into separate files for maintainability.
 */

/* Planner drag/drop visual feedback - assignee sections (purple) */
.drop-zone-active {
  background-color: color-mix(in oklch, var(--color-primary) 10%, transparent) !important;
  box-shadow: inset 0 0 0 3px var(--color-primary), inset 0 0 30px color-mix(in oklch, var(--color-primary) 15%, transparent) !important;
  border-radius: 1rem;
}

/* Backlog drop zone - highlight the full sidebar panel, not just the inner list */
#unscheduled-jobs.drop-zone-active {
  background-color: transparent !important;
  box-shadow: none !important;
}

#unscheduled-sidebar:has(.drop-zone-active) {
  box-shadow: inset 0 0 0 3px var(--color-warning);
}

/* Subtle tooltip - off white background with grey text */
.tooltip-subtle::before {
  background-color: #f8f9fa;
  color: #6b7280;
  border: 1px solid #e5e7eb;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.tooltip-subtle::after {
  border-color: #f8f9fa transparent transparent transparent;
}

.tooltip-subtle.tooltip-left::after {
  border-color: transparent transparent transparent #f8f9fa;
}

.tooltip-subtle.tooltip-bottom::after {
  border-color: transparent transparent #f8f9fa transparent;
}

.tooltip-subtle.tooltip-right::after {
  border-color: transparent #f8f9fa transparent transparent;
}

/* Thicker error borders for better visibility */
.input-error,
.select-error {
  border-width: 2px !important;
}

/* Override DaisyUI modal to hide closed dialogs properly (prevents drag image issues) */
dialog.modal:not([open]) {
  display: none;
}