/**
 * Quick Advice Modal Styles
 */

/* Modal form styling */
#quickAdviceModal .form-control:focus {
    border-color: #61CE70;
    box-shadow: 0 0 0 0.2rem rgba(97, 206, 112, 0.25);
}

#quickAdviceModal .btn-check:checked + .btn {
    background-color: #61CE70;
    border-color: #61CE70;
}

/* Textarea specific styling */
#quickAdviceCaseDescription {
    resize: vertical;
    min-height: 120px;
}

/* Privacy checkbox styling */
.form-check-input:checked {
    background-color: #61CE70;
    border-color: #61CE70;
}

/* Modal header styling */
#quickAdviceModal .modal-header {
    background: linear-gradient(135deg, #61CE70 0%, #4CAF50 100%);
    color: white;
    border-bottom: none;
}

#quickAdviceModal .modal-header .btn-close {
    filter: invert(1);
}

/* Alert styling within modal */
#quickAdviceModal .alert {
    margin-bottom: 0;
    margin-top: 15px;
}

/* Character counter styling */
.char-counter {
    font-size: 0.875rem;
    color: #6c757d;
}

.char-counter.warning {
    color: #f0ad4e;
}

.char-counter.danger {
    color: #dc3545;
}

/* Privacy modal specific styling */
#privacyModal .modal-body {
    max-height: 60vh;
    overflow-y: auto;
}

/* Button loading state */
.btn:disabled {
    opacity: 0.7;
    cursor: not-allowed;
}