/* banking-styles.css - Separate CSS for Treuhand and Erstattung sections */

/* Common input styling */
.inputWrapper_banking input {
  display: block;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box; /* padding und Border werden mitgerechnet */
}



/* Grund-Styles für beide Button-Typen */
/* .statusCol .tw-actions .treuhand-button,
.tw-actions .erstattung-button {
  display: block;
  width: 100%;
  &:hover,
  &:focus,
  &:active {
    background-color: $brand_dark_blue_hover;
  }
} */

.statusCol .tw-actions .treuhand-button,
.tw-actions .erstattung-button {
  display: block;
  width: 100%;
  transition: filter 0.2s ease;
}

.statusCol .tw-actions .treuhand-button:hover,
.statusCol .tw-actions .treuhand-button:focus,
.statusCol .tw-actions .treuhand-button:active,
.tw-actions .erstattung-button:hover,
.tw-actions .erstattung-button:focus,
.tw-actions .erstattung-button:active {
  filter: brightness(85%);
}

/* Modifier: deaktivierter Button */
.statusCol .tw-actions .treuhand-button.disabled,
.tw-actions .erstattung-button.disabled {
  opacity: 0.6;
  pointer-events: none;
}

/* Modifier: unvollständige Überweisung */
.statusCol .tw-actions .treuhand-button.incomplete,
.tw-actions .erstattung-button.incomplete {
  background-color: red !important;
}



.statusCol .tw-actions .treuhand-button.buttonInActive,
.tw-actions .erstattung-button.buttonInActive {
  background-color: #2ed573;
  color: #fff;
  pointer-events: none;
}

/* $bright-green: #7bed9f
$dark-green: #2ed573 */



/* Spinner styling */
.banking_spinner {
  border: 4px solid #f3f3f3;
  border-top: 4px solid #3498db;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  animation: spin 1s linear infinite;
  display: none;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/* Make jQuery UI Accordion headers & contents full-width */
.banking-info-accordion,
.banking-info-accordion .ui-accordion-header,
.banking-info-accordion .ui-accordion-content {
  width: 100%;
  box-sizing: border-box;
}

/* Optional: Entfernt die max-width, falls gesetzt */
.banking-info-accordion .ui-accordion-content {
  max-width: none;
}