/* Estilos personalizados para los Sliders del cuestionario */

/* Números y marcas debajo del slider en blanco */
.rc-slider-mark-text {
    color: #ffffff !important;
}

.rc-slider-mark {
    color: #ffffff !important;
}

/* Valor mostrado en el tooltip en negro sobre fondo blanco */
.rc-tooltip-inner {
    color: #000000 !important;
    background-color: #ffffff !important;
    border: 1px solid #cccccc !important;
}

.rc-tooltip-arrow-inner {
    border-top-color: #ffffff !important;
}

/* Estilos para DatePicker - Color del texto en campos de fecha */
.DateInput_input {
    color: #000000 !important;
    background-color: #ffffff !important;
}

/* Estilos para el contenedor del DatePicker */
.DateInput {
    background-color: #ffffff !important;
}

/* Estilos para el texto del calendario desplegable */
.CalendarDay__selected_span {
    color: #000000 !important;
}

.CalendarDay__selected {
    color: #000000 !important;
    background-color: #e0e7ff !important;
}

/* Header del calendario (mes y año) */
.CalendarMonth_caption {
    color: #000000 !important;
    font-weight: bold !important;
}

/* Días de la semana */
.DayPicker_weekHeader_li {
    color: #000000 !important;
}

/* Días del mes */
.CalendarDay {
    color: #000000 !important;
}

.CalendarDay__default {
    color: #3b3b3b !important;
}

/* Día actual (hoy) */
.CalendarDay__today {
    color: #3b82f6 !important;
    background-color: #f0f8ff !important;
}

/* Día hover */
.CalendarDay:hover {
    background-color: #f5f5f5 !important;
    color: #000000 !important;
}

/* Botones de navegación del calendario */
.DayPickerNavigation_button {
    color: #000000 !important;
}

.DayPickerNavigation_button:hover {
    background-color: #f5f5f5 !important;
}

/* Contenedor del calendario */
.DayPicker {
    background-color: #ffffff !important;
    border: 1px solid #e0e0e0 !important;
}

/* Meses en el selector de mes/año */
.Selectable__option {
    color: #000000 !important;
}

.Selectable__option:hover {
    background-color: #f5f5f5 !important;
}

.Selectable__option--selected {
    background-color: #e0e7ff !important;
    color: #000000 !important;
}

/* Actualización opcional para mejorar la visibilidad */
.rc-slider-handle {
    border-color: #ff0000 !important;
}

.rc-slider-track {
    background-color: #ff0000 !important;
}

/* Mejor contraste del wizard táctico */
.tactical-modal .Select-control {
    background-color: #111111 !important;
    border: 1px solid #444444 !important;
}

.tactical-modal .Select-menu-outer {
    background-color: #111111 !important;
    border: 1px solid #444444 !important;
}

.tactical-modal .Select-option {
    background-color: #111111 !important;
    color: #f2f2f2 !important;
}

.tactical-modal .Select-value-label,
.tactical-modal .Select-placeholder,
.tactical-modal .Select-input > input {
    color: #f2f2f2 !important;
}

.tactical-modal .DateInput,
.tactical-modal .DateInput_input {
    background-color: #111111 !important;
    color: #f2f2f2 !important;
    border: 1px solid #444444 !important;
}

.tactical-modal .SingleDatePickerInput {
    border: 1px solid #444444 !important;
/* ===========================================
   ESTILOS RESPONSIVE PARA OCTAGON PRO
   =========================================== */

/* Variables CSS para breakpoints consistentes */
:root {
    --mobile-max: 576px;
    --tablet-min: 577px;
    --tablet-max: 992px;
    --desktop-min: 993px;
}

/* RESETEO Y BASE RESPONSIVE */
* {
    box-sizing: border-box;
}

html {
    font-size: 16px; /* Base para rem */
}

body {
    margin: 0;
    padding: 0;
    overflow-x: hidden; /* Prevenir scroll horizontal */
}

/* CONTENEDORES PRINCIPALES - RESPONSIVE */
.main-container {
    padding: 10px !important;
    min-height: 100vh;
}

@media (min-width: 576px) {
    .main-container {
        padding: 15px !important;
    }
}

@media (min-width: 768px) {
    .main-container {
        padding: 20px !important;
    }
}

/* NAVBAR RESPONSIVE */
.navbar-responsive {
    padding: 10px 15px !important;
    flex-direction: column !important;
    gap: 10px !important;
}

@media (min-width: 768px) {
    .navbar-responsive {
        flex-direction: row !important;
        padding: 15px 40px !important;
        gap: 0 !important;
    }
}

/* CARDS RESPONSIVE */
.card-responsive {
    margin-bottom: 15px !important;
    padding: 15px !important;
    border-radius: 8px !important;
}

@media (min-width: 768px) {
    .card-responsive {
        margin-bottom: 20px !important;
        padding: 25px !important;
        border-radius: 10px !important;
    }
}

/* HEADERS RESPONSIVE */
.card-header-responsive {
    font-size: 1.1rem !important;
    margin-bottom: 10px !important;
    text-align: center;
}

@media (min-width: 768px) {
    .card-header-responsive {
        font-size: 1.4rem !important;
        margin-bottom: 15px !important;
        text-align: left;
    }
}

/* BOTONES RESPONSIVE */
.btn-responsive {
    padding: 10px 15px !important;
    font-size: 0.9rem !important;
    margin-bottom: 8px !important;
    width: 100% !important;
}

@media (min-width: 576px) {
    .btn-responsive {
        width: auto !important;
        margin-bottom: 0 !important;
    }
}

@media (min-width: 768px) {
    .btn-responsive {
        padding: 12px 25px !important;
        font-size: 1rem !important;
    }
}

/* INPUTS RESPONSIVE */
.input-responsive {
    padding: 10px !important;
    font-size: 16px !important; /* Prevenir zoom en iOS */
    margin-bottom: 10px !important;
}

@media (min-width: 768px) {
    .input-responsive {
        padding: 12px !important;
        margin-bottom: 0 !important;
    }
}

/* GRÁFICOS RESPONSIVE */
.graph-responsive {
    height: 250px !important;
    margin-bottom: 15px !important;
}

@media (min-width: 576px) {
    .graph-responsive {
        height: 300px !important;
    }
}

@media (min-width: 768px) {
    .graph-responsive {
        height: 400px !important;
        margin-bottom: 20px !important;
    }
}

/* TABLAS RESPONSIVE */
.table-responsive {
    font-size: 0.8rem !important;
    overflow-x: auto !important;
}

@media (min-width: 768px) {
    .table-responsive {
        font-size: 0.9rem !important;
    }
}

/* MODALES RESPONSIVE */
.modal-responsive .modal-dialog {
    margin: 10px !important;
    max-width: calc(100vw - 20px) !important;
}

@media (min-width: 576px) {
    .modal-responsive .modal-dialog {
        margin: 30px auto !important;
        max-width: 500px !important;
    }
}

/* FORMULARIOS RESPONSIVE */
.form-row-responsive {
    margin-bottom: 15px !important;
}

@media (min-width: 768px) {
    .form-row-responsive {
        margin-bottom: 20px !important;
    }
}

/* ALERTAS RESPONSIVE */
.alert-responsive {
    padding: 10px !important;
    margin-bottom: 10px !important;
    font-size: 0.9rem !important;
}

@media (min-width: 768px) {
    .alert-responsive {
        padding: 12px !important;
        margin-bottom: 12px !important;
        font-size: 1rem !important;
    }
}

/* DASHBOARD ESPECÍFICO - COACH */

/* Lista de atletas responsive */
.athletes-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
}

@media (min-width: 576px) {
    .athletes-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 15px;
    }
}

@media (min-width: 992px) {
    .athletes-grid {
        grid-template-columns: repeat(3, 1fr);
        gap: 20px;
    }
}

/* Cards de atletas */
.athlete-card {
    background: #0a0a0a;
    border: 1px solid #ff0000;
    border-radius: 8px;
    padding: 15px;
    transition: all 0.3s ease;
}

.athlete-card:hover {
    border-color: #ff4444;
    box-shadow: 0 0 10px rgba(255, 0, 0, 0.3);
}

@media (min-width: 768px) {
    .athlete-card {
        padding: 20px;
    }
}

/* Métricas de fatiga responsive */
.fatigue-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
}

@media (min-width: 576px) {
    .fatigue-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (min-width: 992px) {
    .fatigue-grid {
        grid-template-columns: repeat(4, 1fr);
    }
}

/* DASHBOARD ESPECÍFICO - PACIENTE */

/* Lista de citas responsive */
.appointments-list {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.appointment-card {
    background: #0a0a0a;
    border: 1px solid #333333;
    border-radius: 8px;
    padding: 15px;
}

@media (min-width: 768px) {
    .appointment-card {
        padding: 20px;
    }
}

/* DASHBOARD ESPECÍFICO - MÉDICO */

/* Panel de pacientes responsive */
.patients-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 15px;
}

@media (min-width: 768px) {
    .patients-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (min-width: 1200px) {
    .patients-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

/* UTILIDADES GENERALES */

/* Ocultar elementos en móvil */
.hide-mobile {
    display: none !important;
}

@media (min-width: 768px) {
    .hide-mobile {
        display: block !important;
    }
}

/* Mostrar solo en móvil */
.show-mobile-only {
    display: block !important;
}

@media (min-width: 768px) {
    .show-mobile-only {
        display: none !important;
    }
}

/* Texto responsive */
.text-responsive {
    font-size: 0.9rem !important;
}

@media (min-width: 768px) {
    .text-responsive {
        font-size: 1rem !important;
    }
}

/* Espaciado responsive */
.spacing-responsive {
    margin-bottom: 15px !important;
}

@media (min-width: 768px) {
    .spacing-responsive {
        margin-bottom: 20px !important;
    }
}

/* TOUCH FRIENDLY */

/* Botones touch-friendly */
.btn-touch {
    min-height: 44px !important; /* Mínimo recomendado para touch */
    min-width: 44px !important;
}

/* Inputs touch-friendly */
.input-touch {
    min-height: 44px !important;
    font-size: 16px !important; /* Prevenir zoom en iOS */
}

/* Links touch-friendly */
.link-touch {
    min-height: 44px !important;
    display: flex !important;
    align-items: center !important;
    padding: 10px !important;
}

/* ANIMACIONES SUAVES PARA MEJOR UX */
* {
    transition: all 0.2s ease-in-out;
}

/* LOADING STATES */
.loading-shimmer {
    background: linear-gradient(90deg, #1a1a1a 25%, #2a2a2a 50%, #1a1a1a 75%);
    background-size: 200% 100%;
    animation: shimmer 1.5s infinite;
}

@keyframes shimmer {
    0% {
        background-position: -200% 0;
    }
    100% {
        background-position: 200% 0;
    }
}

/* FOCUS STATES PARA ACCESIBILIDAD */
.btn:focus,
.input:focus,
.select:focus {
    outline: 2px solid #ff0000 !important;
    outline-offset: 2px !important;
}

/* PREVENIR ZOOM EN INPUTS (iOS) */
@media screen and (max-width: 767px) {
    input[type="text"],
    input[type="email"],
    input[type="password"],
    input[type="number"],
    input[type="tel"],
    input[type="url"],
    textarea,
    select {
        font-size: 16px !important;
    }
}

    /* AUTENTICACIÓN OCTAGON PRO */
    .octagon-auth-shell input::placeholder,
    .octagon-auth-shell textarea::placeholder {
        color: #94a3b8 !important;
        opacity: 1 !important;
    }

    .octagon-auth-shell input,
    .octagon-auth-shell textarea,
    .octagon-auth-shell .DateInput_input {
        background-color: #1a1a1a !important;
        color: #f8fafc !important;
        border-color: #334155 !important;
        caret-color: #3b82f6 !important;
        box-sizing: border-box !important;
    }

    .octagon-auth-shell input[type="text"],
    .octagon-auth-shell input[type="password"],
    .octagon-auth-shell input[type="email"],
    .octagon-auth-shell input[type="tel"] {
        height: 48px !important;
        padding: 0 15px !important;
        line-height: 48px !important;
        vertical-align: middle !important;
        box-sizing: border-box !important;
    }

    .octagon-auth-shell .DateInput,
    .octagon-auth-shell .SingleDatePickerInput,
    .octagon-auth-shell .DateInput_input {
        background-color: #1a1a1a !important;
        border: 1px solid #334155 !important;
        border-radius: 10px !important;
    }

    .octagon-auth-shell .Select-control,
    .octagon-auth-shell .Select__control {
        background-color: #1a1a1a !important;
        border: 1px solid #334155 !important;
        border-radius: 10px !important;
        color: #f8fafc !important;
        min-height: 44px !important;
        box-shadow: none !important;
    }

    .octagon-auth-shell .is-focused > .Select-control,
    .octagon-auth-shell .Select-control:hover,
    .octagon-auth-shell .Select__control--is-focused,
    .octagon-auth-shell .Select__control:hover {
        border-color: #3b82f6 !important;
        box-shadow: 0 0 0 1px rgba(59, 130, 246, 0.35), 0 0 16px rgba(59, 130, 246, 0.18) !important;
    }

    .octagon-auth-shell .Select-menu-outer,
    .octagon-auth-shell .Select__menu {
        background-color: #111827 !important;
        border: 1px solid #334155 !important;
        color: #f8fafc !important;
    }

    .octagon-auth-shell .Select-option,
    .octagon-auth-shell .Select__option {
        background-color: #111827 !important;
        color: #f8fafc !important;
    }

    .octagon-auth-shell .Select-option.is-focused,
    .octagon-auth-shell .Select__option--is-focused {
        background-color: #1d4ed8 !important;
        color: #ffffff !important;
    }

    .octagon-auth-shell .Select-option.is-selected,
    .octagon-auth-shell .Select__option--is-selected {
        background-color: #2563eb !important;
        color: #ffffff !important;
    }

    .octagon-auth-shell .Select-placeholder,
    .octagon-auth-shell .Select--single > .Select-control .Select-value,
    .octagon-auth-shell .Select-value-label,
    .octagon-auth-shell .Select-input > input {
        color: #94a3b8 !important;
    }

    .octagon-button:hover {
        transform: translateY(-2px);
        box-shadow: 0 0 24px rgba(59, 130, 246, 0.55) !important;
        background-color: #2563eb !important;
    }

    .octagon-button:active {
        transform: translateY(0);
    }

    /* Registro: Perfil de luchador y salud (solo color en esta sección) */
    .octagon-auth-shell #register-birthdate .DateInput_input {
        color: #000000 !important;
        background-color: #ffffff !important;
    }

    .octagon-auth-shell #register-weight-class .Select-control,
    .octagon-auth-shell #register-specialty .Select-control,
    .octagon-auth-shell #register-health-status .Select-control,
    .octagon-auth-shell #register-injury-type .Select-control,
    .octagon-auth-shell #register-blood-type .Select-control,
    .octagon-auth-shell #register-weight-class .Select__control,
    .octagon-auth-shell #register-specialty .Select__control,
    .octagon-auth-shell #register-health-status .Select__control,
    .octagon-auth-shell #register-injury-type .Select__control,
    .octagon-auth-shell #register-blood-type .Select__control {
        background-color: #ffffff !important;
        color: #000000 !important;
        border-color: #2563eb !important;
    }

    .octagon-auth-shell #register-weight-class .Select-placeholder,
    .octagon-auth-shell #register-specialty .Select-placeholder,
    .octagon-auth-shell #register-health-status .Select-placeholder,
    .octagon-auth-shell #register-injury-type .Select-placeholder,
    .octagon-auth-shell #register-blood-type .Select-placeholder,
    .octagon-auth-shell #register-weight-class .Select-value-label,
    .octagon-auth-shell #register-specialty .Select-value-label,
    .octagon-auth-shell #register-health-status .Select-value-label,
    .octagon-auth-shell #register-injury-type .Select-value-label,
    .octagon-auth-shell #register-blood-type .Select-value-label,
    .octagon-auth-shell #register-weight-class .Select-input > input,
    .octagon-auth-shell #register-specialty .Select-input > input,
    .octagon-auth-shell #register-health-status .Select-input > input,
    .octagon-auth-shell #register-injury-type .Select-input > input,
    .octagon-auth-shell #register-blood-type .Select-input > input,
    .octagon-auth-shell #register-weight-class .Select__single-value,
    .octagon-auth-shell #register-specialty .Select__single-value,
    .octagon-auth-shell #register-health-status .Select__single-value,
    .octagon-auth-shell #register-injury-type .Select__single-value,
    .octagon-auth-shell #register-blood-type .Select__single-value,
    .octagon-auth-shell #register-weight-class .Select__placeholder,
    .octagon-auth-shell #register-specialty .Select__placeholder,
    .octagon-auth-shell #register-health-status .Select__placeholder,
    .octagon-auth-shell #register-injury-type .Select__placeholder,
    .octagon-auth-shell #register-blood-type .Select__placeholder,
    .octagon-auth-shell #register-weight-class .Select__input-container,
    .octagon-auth-shell #register-specialty .Select__input-container,
    .octagon-auth-shell #register-health-status .Select__input-container,
    .octagon-auth-shell #register-injury-type .Select__input-container,
    .octagon-auth-shell #register-blood-type .Select__input-container {
        color: #000000 !important;
    }

    .octagon-auth-shell #register-weight-class .Select-menu-outer,
    .octagon-auth-shell #register-specialty .Select-menu-outer,
    .octagon-auth-shell #register-health-status .Select-menu-outer,
    .octagon-auth-shell #register-injury-type .Select-menu-outer,
    .octagon-auth-shell #register-blood-type .Select-menu-outer,
    .octagon-auth-shell #register-weight-class .Select__menu,
    .octagon-auth-shell #register-specialty .Select__menu,
    .octagon-auth-shell #register-health-status .Select__menu,
    .octagon-auth-shell #register-injury-type .Select__menu,
    .octagon-auth-shell #register-blood-type .Select__menu,
    .octagon-auth-shell #register-weight-class .Select-option,
    .octagon-auth-shell #register-specialty .Select-option,
    .octagon-auth-shell #register-health-status .Select-option,
    .octagon-auth-shell #register-injury-type .Select-option,
    .octagon-auth-shell #register-blood-type .Select-option,
    .octagon-auth-shell #register-weight-class .Select__option,
    .octagon-auth-shell #register-specialty .Select__option,
    .octagon-auth-shell #register-health-status .Select__option,
    .octagon-auth-shell #register-injury-type .Select__option,
    .octagon-auth-shell #register-blood-type .Select__option {
        background-color: #ffffff !important;
        color: #000000 !important;
    }

    /* Ajuste puntual: valor seleccionado en tipo de sangre */
    .octagon-auth-shell #register-blood-type.Select--single > .Select-control .Select-value,
    .octagon-auth-shell #register-blood-type .Select-value-label,
    .octagon-auth-shell #register-blood-type .Select-value-label:link,
    .octagon-auth-shell #register-blood-type .Select-value-label:visited,
    .octagon-auth-shell #register-blood-type .Select-value-label:hover,
    .octagon-auth-shell #register-blood-type .Select-value-label:active,
    .octagon-auth-shell #register-blood-type .Select__single-value,
    .octagon-auth-shell #register-blood-type .Select__value-container {
        color: #000000 !important;
    }

    .octagon-auth-shell #register-blood-type .Select-arrow,
    .octagon-auth-shell #register-blood-type .Select__indicator,
    .octagon-auth-shell #register-blood-type .Select__dropdown-indicator {
        color: #000000 !important;
        border-top-color: #000000 !important;
    }

    /* Registro: valor ya elegido (texto fijo visible en negro) */
    .octagon-auth-shell #register-weight-class .has-value.Select--single > .Select-control .Select-value,
    .octagon-auth-shell #register-specialty .has-value.Select--single > .Select-control .Select-value,
    .octagon-auth-shell #register-health-status .has-value.Select--single > .Select-control .Select-value,
    .octagon-auth-shell #register-injury-type .has-value.Select--single > .Select-control .Select-value,
    .octagon-auth-shell #register-blood-type .has-value.Select--single > .Select-control .Select-value,
    .octagon-auth-shell #register-weight-class .has-value.Select--single > .Select-control .Select-value .Select-value-label,
    .octagon-auth-shell #register-specialty .has-value.Select--single > .Select-control .Select-value .Select-value-label,
    .octagon-auth-shell #register-health-status .has-value.Select--single > .Select-control .Select-value .Select-value-label,
    .octagon-auth-shell #register-injury-type .has-value.Select--single > .Select-control .Select-value .Select-value-label,
    .octagon-auth-shell #register-blood-type .has-value.Select--single > .Select-control .Select-value .Select-value-label,
    .octagon-auth-shell #register-weight-class .Select-value,
    .octagon-auth-shell #register-specialty .Select-value,
    .octagon-auth-shell #register-health-status .Select-value,
    .octagon-auth-shell #register-injury-type .Select-value,
    .octagon-auth-shell #register-blood-type .Select-value {
        color: #000000 !important;
        opacity: 1 !important;
    }

    .octagon-auth-shell #register-weight-class .has-value .Select-value-label,
    .octagon-auth-shell #register-specialty .has-value .Select-value-label,
    .octagon-auth-shell #register-health-status .has-value .Select-value-label,
    .octagon-auth-shell #register-injury-type .has-value .Select-value-label,
    .octagon-auth-shell #register-blood-type .has-value .Select-value-label,
    .octagon-auth-shell #register-weight-class .has-value .Select__single-value,
    .octagon-auth-shell #register-specialty .has-value .Select__single-value,
    .octagon-auth-shell #register-health-status .has-value .Select__single-value,
    .octagon-auth-shell #register-injury-type .has-value .Select__single-value,
    .octagon-auth-shell #register-blood-type .has-value .Select__single-value {
        color: #000000 !important;
    }

    .octagon-auth-shell #register-birthdate input,
    .octagon-auth-shell #register-birthdate .DateInput_input,
    .octagon-auth-shell #register-birthdate .DateInput_input__focused {
        color: #000000 !important;
        -webkit-text-fill-color: #000000 !important;
        opacity: 1 !important;
    }

    .octagon-auth-shell #register-weight-class .Select-control .Select-value,
    .octagon-auth-shell #register-weight-class .Select-control .Select-value-label,
    .octagon-auth-shell #register-specialty .Select-control .Select-value,
    .octagon-auth-shell #register-specialty .Select-control .Select-value-label,
    .octagon-auth-shell #register-health-status .Select-control .Select-value,
    .octagon-auth-shell #register-health-status .Select-control .Select-value-label,
    .octagon-auth-shell #register-injury-type .Select-control .Select-value,
    .octagon-auth-shell #register-injury-type .Select-control .Select-value-label,
    .octagon-auth-shell #register-blood-type .Select-control .Select-value,
    .octagon-auth-shell #register-blood-type .Select-control .Select-value-label,
    .octagon-auth-shell #register-weight-class .has-value .Select-value,
    .octagon-auth-shell #register-weight-class .has-value .Select-value-label,
    .octagon-auth-shell #register-specialty .has-value .Select-value,
    .octagon-auth-shell #register-specialty .has-value .Select-value-label,
    .octagon-auth-shell #register-health-status .has-value .Select-value,
    .octagon-auth-shell #register-health-status .has-value .Select-value-label,
    .octagon-auth-shell #register-injury-type .has-value .Select-value,
    .octagon-auth-shell #register-injury-type .has-value .Select-value-label,
    .octagon-auth-shell #register-blood-type .has-value .Select-value,
    .octagon-auth-shell #register-blood-type .has-value .Select-value-label {
        color: #000000 !important;
        -webkit-text-fill-color: #000000 !important;
        opacity: 1 !important;
    }

    .octagon-auth-shell #register-weight-class [class*="singleValue"],
    .octagon-auth-shell #register-specialty [class*="singleValue"],
    .octagon-auth-shell #register-health-status [class*="singleValue"],
    .octagon-auth-shell #register-injury-type [class*="singleValue"],
    .octagon-auth-shell #register-blood-type [class*="singleValue"] {
        color: #000000 !important;
        -webkit-text-fill-color: #000000 !important;
        opacity: 1 !important;
    }

    .octagon-auth-shell #register-weight-class .dash-dropdown-value:not(.dash-dropdown-placeholder),
    .octagon-auth-shell #register-specialty .dash-dropdown-value:not(.dash-dropdown-placeholder),
    .octagon-auth-shell #register-health-status .dash-dropdown-value:not(.dash-dropdown-placeholder),
    .octagon-auth-shell #register-injury-type .dash-dropdown-value:not(.dash-dropdown-placeholder),
    .octagon-auth-shell #register-blood-type .dash-dropdown-value:not(.dash-dropdown-placeholder),
    .octagon-auth-shell #register-weight-class .dash-dropdown-value:not(.dash-dropdown-placeholder) *,
    .octagon-auth-shell #register-specialty .dash-dropdown-value:not(.dash-dropdown-placeholder) *,
    .octagon-auth-shell #register-health-status .dash-dropdown-value:not(.dash-dropdown-placeholder) *,
    .octagon-auth-shell #register-injury-type .dash-dropdown-value:not(.dash-dropdown-placeholder) *,
    .octagon-auth-shell #register-blood-type .dash-dropdown-value:not(.dash-dropdown-placeholder) * {
        color: #000000 !important;
        -webkit-text-fill-color: #000000 !important;
        opacity: 1 !important;
    }

    .octagon-auth-shell #register-birthdate .dash-datepicker-input {
        color: #000000 !important;
        -webkit-text-fill-color: #000000 !important;
        opacity: 1 !important;
    }

    .octagon-auth-shell #register-weight-class:has(.dash-dropdown-value:not(.dash-dropdown-placeholder)),
    .octagon-auth-shell #register-specialty:has(.dash-dropdown-value:not(.dash-dropdown-placeholder)),
    .octagon-auth-shell #register-health-status:has(.dash-dropdown-value:not(.dash-dropdown-placeholder)),
    .octagon-auth-shell #register-injury-type:has(.dash-dropdown-value:not(.dash-dropdown-placeholder)),
    .octagon-auth-shell #register-blood-type:has(.dash-dropdown-value:not(.dash-dropdown-placeholder)) {
        color: #000000 !important;
    }