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

/* IMPORTANT: In this folder we should have css files without tailwind features (for example `@apply`). */

body {
  margin: 0;
  padding: 0;
}

.container {
  padding: 20px;
  margin: 20px auto;
  max-width: 800px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.field {
  margin-bottom: 15px;
}

.actions {
  margin-top: 20px;
}

div.actions {
  margin-top: 0;
  margin-bottom: 20px;
}

.shadow-xl-all {
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 -10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1), 0 -4px 6px -4px rgba(0, 0, 0, 0.1);
}

#empty_row_available,
#empty_row_selected {
  display: table-row !important;
}