/* Form COAS Dark Theme */

.form-coas-module {
    background: #2c2c2c;
    color: #ffffff;
    border: 1px solid #444444;
}

.form-coas-input,
.form-coas-textarea {
    background: #3c3c3c;
    color: #ffffff;
    border: 2px solid #555555;
}

.form-coas-input:focus,
.form-coas-textarea:focus {
    border-color: #6c9bd1;
    background: #444444;
}

.form-coas-input::placeholder,
.form-coas-textarea::placeholder {
    color: #aaaaaa;
}

/* Состояния валидации для темной темы */
.form-coas-input.error,
.form-coas-textarea.error {
    border-color: #e74c3c;
    background: rgba(231, 76, 60, 0.1);
}

.form-coas-input.success,
.form-coas-textarea.success {
    border-color: #27ae60;
    background: rgba(39, 174, 96, 0.1);
}

/* Согласие на обработку данных */
.form-coas-consent-text {
    color: #cccccc;
}

.form-coas-consent-link {
    color: #6c9bd1;
}

.form-coas-consent-link:hover {
    color: #8db4d8;
}

/* Кнопка отправки - остается настраиваемой по цвету */
.form-coas-submit:hover {
    box-shadow: 0 4px 15px rgba(255, 255, 255, 0.1);
}

/* Сообщения */
.form-coas-message.success {
    background-color: #1e3a1e;
    color: #27ae60;
    border: 1px solid #27ae60;
}

.form-coas-message.error {
    background-color: #3a1e1e;
    color: #e74c3c;
    border: 1px solid #e74c3c;
}

/* Loader */
.form-coas-loader {
    background: rgba(44, 44, 44, 0.95);
}

.form-coas-spinner {
    border: 4px solid #555555;
    border-top: 4px solid #6c9bd1;
}

.form-coas-loader span {
    color: #cccccc;
}

/* Чекбокс согласия */
.form-coas-checkbox {
    accent-color: #6c9bd1;
}

/* Адаптивность для темной темы */
@media (max-width: 768px) {
    .form-coas-module {
        background: #2c2c2c;
        border: none;
    }
}

/* Дополнительные стили для лучшей контрастности */
.form-coas-input:disabled,
.form-coas-textarea:disabled {
    background: #555555;
    color: #888888;
}

/* Стили для автозаполнения в темной теме */
.form-coas-input:-webkit-autofill,
.form-coas-input:-webkit-autofill:hover,
.form-coas-input:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0 1000px #3c3c3c inset !important;
    -webkit-text-fill-color: #ffffff !important;
    transition: background-color 5000s ease-in-out 0s;
}