/**
 * React Modules CSS Isolation
 * 
 * AUTO-GENERATED FILE
 * Generated by: node scripts/generate-css-isolation.cjs
 * Generated at: 2025-12-11T12:27:05.770Z
 * 
 * This file resets Bootstrap/DataTables/legacy CSS styles inside 
 * [data-react-module] containers to prevent conflicts with Tailwind CSS.
 * 
 * To regenerate: node scripts/generate-css-isolation.cjs
 */

/* ========== Base Isolation ========== */
[data-react-module] {
  isolation: isolate;
}

[data-react-module] *,
[data-react-module] *::before,
[data-react-module] *::after {
  box-sizing: border-box;
}

/* ========== Typography Resets ========== */
/* Reset Bootstrap/DataTables heading styles */
[data-react-module] h1,
[data-react-module] h2,
[data-react-module] h3,
[data-react-module] h4,
[data-react-module] h5,
[data-react-module] h6,
[data-react-module] .h1,
[data-react-module] .h2,
[data-react-module] .h3,
[data-react-module] .h4,
[data-react-module] .h5,
[data-react-module] .h6 {
  font-family: inherit !important;
  font-weight: inherit !important;
  font-size: inherit !important;
  line-height: inherit !important;
  color: inherit !important;
  margin: 0 !important;
}

/* Reset paragraph and text elements */
[data-react-module] p,
[data-react-module] span,
[data-react-module] label {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  color: inherit;
}

/* ========== Layout Resets ========== */
/* Reset Bootstrap grid - using attribute selector for all col-* classes */
[data-react-module] [class*="col-"] {
  float: none !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  position: relative;
  width: auto;
}

[data-react-module] .row {
  margin-left: 0 !important;
  margin-right: 0 !important;
  display: block;
}

[data-react-module] .container,
[data-react-module] .container-fluid {
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  width: auto !important;
  max-width: none !important;
}

/* ========== Button Resets ========== */
/* Reset Bootstrap button styles */
[data-react-module] .btn {
  all: unset;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

/* ========== Form Resets ========== */
[data-react-module] input,
[data-react-module] select,
[data-react-module] textarea,
[data-react-module] button {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  color: inherit;
}

[data-react-module] .form-control {
  all: unset;
  display: block;
  width: 100%;
}

[data-react-module] .form-group {
  margin-bottom: 0 !important;
}

/* ========== Table Resets ========== */
/* Reset DataTables styles */
[data-react-module] .table,
[data-react-module] table {
  border-collapse: collapse;
  border-spacing: 0;
}

[data-react-module] .dataTables_wrapper {
  all: unset;
}

/* ========== Modal Resets ========== */
/* Prevent Bootstrap modal backdrop from interfering */
[data-react-module] .modal-backdrop {
  display: none !important;
}

/* ========== Utility Resets ========== */
/* Reset Bootstrap utility classes that might conflict */
[data-react-module] .clearfix::before,
[data-react-module] .clearfix::after {
  display: none;
}

[data-react-module] .pull-left,
[data-react-module] .pull-right {
  float: none !important;
}

[data-react-module] .hidden {
  display: revert !important;
}

[data-react-module] .show {
  display: revert !important;
}

/* ========== Link Resets ========== */
[data-react-module] a {
  color: inherit;
  text-decoration: inherit;
}

/* ========== Manual Overrides ========== */
/* Add custom resets below this line when you find new conflicts */