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

/*
  Soft UI Dashboard resets button/input[submit] background-color to transparent
  outside of any @layer, which overrides Tailwind utilities (inside @layer).
  This rule restores background control to Tailwind by removing the reset.
*/
button,
[type='button'],
[type='reset'],
[type='submit'] {
  background-color: revert-layer;
  background-image: revert-layer;
}

.border-red-400 {
  border-color: #f87171;
}
.border-red-400:focus {
  border-color: #f87171;
}

.border-black {
  border-color: #000000 !important;
}

.border   { border-width: 1px; }
.border-l { border-left-width: 1px; }
.border-r { border-right-width: 1px; }
.border-t { border-top-width: 1px; }
.border-b { border-bottom-width: 1px; }

.border-collapse {
  border-collapse: collapse;
}

.table-bordered td,
.table-bordered th {
  border-top: 1px solid black !important;
  border-right: 1px solid black !important;
  border-bottom: 1px solid black !important;
  border-left: 1px solid black !important;
}

.ac-table.table-bordered tbody tr td {
  border-top: 1px solid black !important;
  border-right: 1px solid black !important;
  border-bottom: 1px solid black !important;
  border-left: 1px solid black !important;
}

.ac-table td {
  font-size: 0.75rem;
  line-height: 1rem;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 8px;
  padding-right: 8px;
}

/* Flat white UI — no shadows, no gradients */
* {
  box-shadow: none !important;
  text-shadow: none !important;
}

[class*="bg-gradient"] {
  background-image: none !important;
}