/* ==================================================
   SUCCESS MODAL DARK THEME STYLING
   Apply dark theme to success modal globally
   ================================================== */

/* Success Modal - dark theme (global) */
.success-modal {
    background-color: rgba(0, 0, 0, 0.6) !important;
    z-index: 10000 !important;
}

.success-modal-content {
    background: #1a1a1a !important;
    background-color: #1a1a1a !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    color: #ffffff !important;
}

.success-modal-header {
    background: linear-gradient(135deg, #2e7d32 0%, #1b5e20 100%) !important;
    color: #ffffff !important;
}

.success-modal-header h3 {
    color: #ffffff !important;
}

.success-modal-body {
    background-color: transparent !important;
    color: #ffffff !important;
}

.success-modal-body p {
    color: #ffffff !important;
}

.success-info-box {
    background: rgba(81, 207, 102, 0.2) !important;
    background-color: rgba(81, 207, 102, 0.2) !important;
    border: 1px solid rgba(81, 207, 102, 0.4) !important;
    border-color: rgba(81, 207, 102, 0.4) !important;
    color: #ffffff !important;
}

.success-info-box i {
    color: #51cf66 !important;
}

.success-info-box p,
.success-info-box strong {
    color: #ffffff !important;
}

.success-modal-footer {
    background-color: transparent !important;
}

.success-modal-footer .btn-secondary {
    background: #4ea5f2 !important;
    color: #ffffff !important;
    border: none !important;
}

.success-modal-footer .btn-secondary:hover {
    background: #357ab8 !important;
    color: #ffffff !important;
}

.modal-close-btn {
    color: #ffffff !important;
    background: rgba(255, 255, 255, 0.15) !important;
}

.modal-close-btn:hover {
    background: rgba(255, 255, 255, 0.25) !important;
    color: #ffffff !important;
}

/* Error Modal - dark theme (global) */
.error-modal {
    background-color: rgba(0, 0, 0, 0.6) !important;
    z-index: 10000 !important;
}

.error-modal-content {
    background: #1a1a1a !important;
    background-color: #1a1a1a !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    color: #ffffff !important;
}

.error-modal-header {
    background: linear-gradient(135deg, #dc3545 0%, #c82333 100%) !important;
    color: #ffffff !important;
}

.error-modal-header h3 {
    color: #ffffff !important;
}

.error-modal-body {
    background-color: transparent !important;
    color: #ffffff !important;
}

.error-modal-body p {
    color: #ffffff !important;
}

.error-info-box {
    background: rgba(220, 53, 69, 0.2) !important;
    background-color: rgba(220, 53, 69, 0.2) !important;
    border: 1px solid rgba(220, 53, 69, 0.4) !important;
    border-color: rgba(220, 53, 69, 0.4) !important;
    color: #ffffff !important;
}

.error-info-box i {
    color: #dc3545 !important;
}

.error-info-box p,
.error-info-box strong {
    color: #ffffff !important;
}

.error-modal-footer {
    background-color: transparent !important;
}

.error-modal-footer .btn-secondary {
    background: #6c757d !important;
    color: #ffffff !important;
    border: none !important;
}

.error-modal-footer .btn-secondary:hover {
    background: #5a6268 !important;
    color: #ffffff !important;
}