/*
 * 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.
 */

/*todo: refactor these classes into a better place or raw tailwind classes*/
/* TopNav dashboard classes */
.glossy-bg {
  backdrop-filter: blur(6px) saturate(130%);
  -webkit-backdrop-filter: blur(6px) saturate(130%);
}
.translate-y-hide {
  transform: translateY(-100%);
}
/* Scrollbar for tags if too many */
.no-scrollbar::-webkit-scrollbar {
  display: none;
}
.no-scrollbar {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}

.debug turbo-frame {
  border: 1px dashed red;
  display: block;
}
.debug turbo-frame::before {
  content: "FrameID #" attr(id) " src=" attr(src) " loading=" attr(loading);
  font-size: 0.75rem;
  position: relative;
  padding: 0.25rem;
  border: 1px dashed red;
  background: white;
}

/* Visual feedback for import csv payload drag-over */
.drag-over {
  outline: 2px dashed rgba(96,165,250,0.9);
  background-color: #f0f9ff;
}