/* Tricolor Theme CSS Overrides - Indian flag inspired colors */

/* Modal header styling - tricolor theme */
.modal-header {
    background: linear-gradient(135deg, #FF9933 0%, #FFFFFF 100%) !important;
    color: #000080 !important;
    border-bottom: 2px solid #138808 !important;
    font-weight: 600;
    text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.3);
}

.modal-title {
    color: #000080 !important;
    font-weight: 600;
}

/* Modal body styling */
.modal-body {
    color: #333 !important;
    background-color: #fff !important;
}

/* Background fixes for areas with dark backgrounds */
.bg-primary, .bg-dark, .bg-secondary, .bg-success {
    background: linear-gradient(135deg, #FF9933 0%, #FFFFFF 100%) !important;
    color: #000080 !important;
    border-bottom: 2px solid #138808 !important;
    font-weight: 600;
    text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.3);
}

/* Form controls */
.form-control, .form-select {
    background-color: #fff !important;
    color: #333 !important;
    border: 1px solid #ced4da;
}

.form-control:focus, .form-select:focus {
    border-color: #FF9933;
    box-shadow: 0 0 0 0.25rem rgba(255, 153, 51, 0.25);
}

/* Card styling */
.card {
    border-radius: 8px;
    border: 1px solid #dee2e6;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.card-header {
    background-color: #FF9933 !important;
    color: #000080 !important;
    border-bottom: 2px solid #138808;
    font-weight: 600;
}

.card-body {
    color: #333 !important;
    background-color: #fff !important;
}

/* Table styling */
.table {
    color: #333 !important;
    background-color: #fff !important;
}

.table th {
    background-color: #f8f9fa !important;
    color: #000080 !important;
    font-weight: 600;
}

.table td {
    background-color: #ffffff !important;
    color: #333 !important;
}

/* Fix for dark backgrounds in tables and rows */
tr, td, th {
    background-color: #ffffff !important;
    color: #333 !important;
}

/* Fix for table background and footer in reports */
tfoot, thead, tbody, footer, .bg-dark, .bg-primary, .bg-secondary, .bg-info {
    background-color: #ffffff !important;
    color: #333 !important;
}

/* Fix for the specific report tables with dark rows */
table.report-table tr:nth-child(odd), 
table.report-table tr:nth-child(even),
.table-striped tbody tr:nth-child(odd), 
.table-striped tbody tr:nth-child(even) {
    background-color: #ffffff !important;
    color: #333 !important;
}

/* Report table styles */
.report-table tr:nth-child(even) {
    background-color: #f8f9fa !important;
}

.report-table tr:hover {
    background-color: #f0f0f0 !important;
}

/* Fee items */
.fee-item {
    background-color: #f8f9fa !important;
    border: 1px solid #dee2e6;
    border-radius: 5px;
    padding: 10px;
    margin-bottom: 10px;
}

.fee-item label {
    color: #333 !important;
    font-weight: 500;
}

.fee-item input[type="number"] {
    background-color: #fff !important;
    color: #000080 !important;
    font-weight: 500;
}

/* Button styling */
.btn-primary {
    background-color: #FF9933 !important;
    border-color: #FF9933 !important;
    color: #000080 !important;
    font-weight: 600;
}

.btn-primary:hover {
    background-color: #e58b2f !important;
    border-color: #e58b2f !important;
}

.btn-success {
    background-color: #138808 !important;
    border-color: #138808 !important;
    color: white !important;
    font-weight: 600;
}

.btn-success:hover {
    background-color: #107107 !important;
    border-color: #107107 !important;
}