/*!********************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[3]!./src/app/demo/fault-detection-analysis/demo-page-inputs.css ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************/
/* Demo page - white text in form controls, selects, and date picks */
.demo-page-inputs .form-control,
.demo-page-inputs .form-select,
.demo-page-inputs input,
.demo-page-inputs select,
.demo-page-inputs textarea {
  color: #ffffff !important;
}
.demo-page-inputs .form-control::placeholder,
.demo-page-inputs .form-control::-webkit-input-placeholder,
.demo-page-inputs .form-control::-moz-placeholder {
  color: #94a3b8 !important;
}
.demo-page-inputs select option {
  color: #ffffff !important;
  background-color: #0f172a !important;
}
.demo-page-inputs input[type="date"],
.demo-page-inputs input[type="datetime-local"],
.demo-page-inputs input[type="number"],
.demo-page-inputs input[type="text"] {
  color: #ffffff !important;
}
.demo-page-inputs input[type="date"]::-webkit-calendar-picker-indicator,
.demo-page-inputs input[type="datetime-local"]::-webkit-calendar-picker-indicator {
  filter: invert(1);
  cursor: pointer;
  opacity: 0.8;
}
.demo-page-inputs input[type="date"]::-webkit-datetime-edit,
.demo-page-inputs input[type="datetime-local"]::-webkit-datetime-edit,
.demo-page-inputs input[type="date"]::-webkit-datetime-edit-text,
.demo-page-inputs input[type="date"]::-webkit-datetime-edit-month-field,
.demo-page-inputs input[type="date"]::-webkit-datetime-edit-day-field,
.demo-page-inputs input[type="date"]::-webkit-datetime-edit-year-field,
.demo-page-inputs input[type="datetime-local"]::-webkit-datetime-edit-text,
.demo-page-inputs input[type="datetime-local"]::-webkit-datetime-edit-month-field,
.demo-page-inputs input[type="datetime-local"]::-webkit-datetime-edit-day-field,
.demo-page-inputs input[type="datetime-local"]::-webkit-datetime-edit-year-field,
.demo-page-inputs input[type="datetime-local"]::-webkit-datetime-edit-hour-field,
.demo-page-inputs input[type="datetime-local"]::-webkit-datetime-edit-minute-field,
.demo-page-inputs input[type="datetime-local"]::-webkit-datetime-edit-second-field,
.demo-page-inputs input[type="datetime-local"]::-webkit-datetime-edit-ampm-field {
  color: #ffffff !important;
}
.demo-page-inputs input[type="date"]::-moz-datetime-edit,
.demo-page-inputs input[type="datetime-local"]::-moz-datetime-edit,
.demo-page-inputs input[type="date"]::-moz-datetime-edit-text,
.demo-page-inputs input[type="date"]::-moz-datetime-edit-month-field,
.demo-page-inputs input[type="date"]::-moz-datetime-edit-day-field,
.demo-page-inputs input[type="date"]::-moz-datetime-edit-year-field,
.demo-page-inputs input[type="datetime-local"]::-moz-datetime-edit-text,
.demo-page-inputs input[type="datetime-local"]::-moz-datetime-edit-month-field,
.demo-page-inputs input[type="datetime-local"]::-moz-datetime-edit-day-field,
.demo-page-inputs input[type="datetime-local"]::-moz-datetime-edit-year-field,
.demo-page-inputs input[type="datetime-local"]::-moz-datetime-edit-hour-field,
.demo-page-inputs input[type="datetime-local"]::-moz-datetime-edit-minute-field,
.demo-page-inputs input[type="datetime-local"]::-moz-datetime-edit-second-field {
  color: #ffffff !important;
}

/* Chart skeleton shimmer animation */
@keyframes shimmer {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(100%);
  }
}

.chart-skeleton-shimmer {
  animation: shimmer 2s ease-in-out infinite;
}

/* Chart loading improvements */
.chart-loading-container {
  position: relative;
  min-height: 450px;
  background-color: #1e293b;
  border-radius: 12px;
  border: 1px solid #334155;
}

/* Optimized chart animations disabled for performance */
.recharts-wrapper {
  will-change: auto;
}

.recharts-surface {
  overflow: visible;
}