/* Sobrescribir colores de Material Design Web con tema teal */

/* Colores para select */
.mdc-select:not(.mdc-select--disabled) .mdc-select__anchor .mdc-floating-label--float-above {
  color: #0d9488 !important; /* teal-600 */
}

.mdc-select:not(.mdc-select--disabled).mdc-select--focused .mdc-floating-label {
  color: #0d9488 !important; /* teal-600 */
}

.mdc-select:not(.mdc-select--disabled) .mdc-select__dropdown-icon {
  fill: #0d9488 !important; /* teal-600 */
}

.mdc-select:not(.mdc-select--disabled).mdc-select--focused .mdc-line-ripple::after {
  border-bottom-color: #0d9488 !important; /* teal-600 */
}

/* Colores para text fields */
.mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-floating-label {
  color: #0d9488 !important; /* teal-600 */
}

.mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__leading,
.mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__notch,
.mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__trailing {
  border-color: #0d9488 !important; /* teal-600 */
}

/* Colores para botones */
.mdc-button--unelevated:not(:disabled),
.mdc-button--raised:not(:disabled) {
  background-color: #0d9488 !important; /* teal-600 */
}

/* Para campos select en modo filled */
.mdc-select--filled:not(.mdc-select--disabled).mdc-select--focused .mdc-floating-label {
  color: #0d9488 !important; /* teal-600 */
}

.mdc-select--filled:not(.mdc-select--disabled).mdc-select--focused .mdc-line-ripple::after {
  border-bottom-color: #0d9488 !important; /* teal-600 */
}

/* Ripple para botones */
.mdc-button--unelevated:not(:disabled) .mdc-button__ripple::before,
.mdc-button--unelevated:not(:disabled) .mdc-button__ripple::after,
.mdc-button--raised:not(:disabled) .mdc-button__ripple::before,
.mdc-button--raised:not(:disabled) .mdc-button__ripple::after {
  background-color: #fff; /* Ripple blanco para contraste */
}

/* Hover colors */
.mdc-button--outlined:not(:disabled):hover {
  border-color: #0d9488 !important; /* teal-600 */
}

/* Menu surface color */
.mdc-menu-surface {
  border-radius: 0.375rem; /* rounded-md */
}

/* List item hover en el dropdown */
.mdc-list-item:hover {
  background-color: #f0fdfa !important; /* teal-50 */
}

/* Selected list item */
.mdc-list-item--selected {
  color: #0d9488 !important; /* teal-600 */
}

/* Sobreescribir colores para componentes de Material Design */

/* Switch de Material Design - Color teal */
.mdc-switch.mdc-switch--teal:not(.mdc-switch--checked) .mdc-switch__track {
  background-color: #ccc;
  border-color: #ccc;
}

.mdc-switch.mdc-switch--teal.mdc-switch--checked .mdc-switch__track {
  background-color: #14b8a6; /* teal-500 */
  border-color: #14b8a6;
}

.mdc-switch.mdc-switch--teal.mdc-switch--checked .mdc-switch__thumb {
  background-color: #0f766e; /* teal-700 */
  border-color: #0f766e;
}

.mdc-switch.mdc-switch--teal:hover .mdc-switch__thumb-underlay,
.mdc-switch.mdc-switch--teal:focus .mdc-switch__thumb-underlay {
  background-color: rgba(20, 184, 166, 0.2); /* teal-500 con opacidad */
}