/* Atrai Blue Theme Overrides */
:root {
    --atrai-purple: #4e83eb !important;
    --atrai-purple-light: #7da7f5 !important;
    --atrai-purple-dark: #346cd6 !important;
    --atrai-purple-transparent: rgba(78, 131, 235, 0.1) !important;
    --primary-purple: #4e83eb !important;
    --primary: #4e83eb !important;
}

/* Override elements with hardcoded styles or specific class names */
.bg-atrai-purple, 
.bg-purple,
[style*="background-color: #6f42c1"], 
[style*="background-color:#6f42c1"] {
    background-color: #4e83eb !important;
}

.text-atrai-purple, 
.text-purple,
[style*="color: #6f42c1"], 
[style*="color:#6f42c1"] {
    color: #4e83eb !important;
}

[style*="border-color: #6f42c1"], 
[style*="border-color:#6f42c1"], 
[style*="border: 3px solid #6f42c1"],
[style*="border:3px solid #6f42c1"] {
    border-color: #4e83eb !important;
}

[style*="background-color: #f2e6ff"],
[style*="background-color:#f2e6ff"] {
    background-color: rgba(78, 131, 235, 0.08) !important;
}

/* Custom adjustments for UI components using default colors */
.btn-primary {
    background-color: #4e83eb !important;
    border-color: #4e83eb !important;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
    background-color: #346cd6 !important;
    border-color: #346cd6 !important;
}

/* Custom Purple Button Overrides */
.btn-purple {
    background-color: #4e83eb !important;
    border-color: #4e83eb !important;
    color: white !important;
}

.btn-purple:hover, .btn-purple:focus, .btn-purple:active {
    background-color: #346cd6 !important;
    border-color: #346cd6 !important;
    color: white !important;
}

/* DataTable Export Buttons Styling */
.dt-button, 
div.dt-buttons .dt-button, 
a.dt-button {
    background-color: #ffffff !important;
    border: 1px solid #e1e5eb !important;
    color: #4f5d73 !important;
    font-size: 0.85rem !important;
    font-weight: 600 !important;
    border-radius: 8px !important;
    padding: 6px 14px !important;
    transition: all 0.2s ease !important;
    margin-right: 5px !important;
    box-shadow: 0 2px 4px rgba(0,0,0,0.02) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-decoration: none !important;
}

.dt-button:hover, 
div.dt-buttons .dt-button:hover {
    background-color: #f8f9fa !important;
    border-color: #cbd3e0 !important;
    color: #333 !important;
}

/* Specific styling for Excel button to look like a premium green accent */
.buttons-excel, 
div.dt-buttons .buttons-excel {
    color: #2e7d32 !important; /* Premium Excel Green */
    border-left: 4px solid #2e7d32 !important;
}

.buttons-excel:hover, 
div.dt-buttons .buttons-excel:hover {
    background-color: rgba(46, 125, 50, 0.08) !important;
    color: #1b5e20 !important;
}

/* Specific styling for PDF button */
.buttons-pdf, 
div.dt-buttons .buttons-pdf {
    color: #c62828 !important; /* PDF Red */
    border-left: 4px solid #c62828 !important;
}

.buttons-pdf:hover, 
div.dt-buttons .buttons-pdf:hover {
    background-color: rgba(198, 40, 40, 0.08) !important;
    color: #b71c1c !important;
}

/* Specific styling for Copy button */
.buttons-copy, 
div.dt-buttons .buttons-copy {
    color: #1565c0 !important; /* Brand Blue */
    border-left: 4px solid #1565c0 !important;
}

.buttons-copy:hover, 
div.dt-buttons .buttons-copy:hover {
    background-color: rgba(21, 101, 192, 0.08) !important;
    color: #0d47a1 !important;
}

/* Specific styling for Print button */
.buttons-print, 
div.dt-buttons .buttons-print {
    color: #37474f !important; /* Slate grey */
    border-left: 4px solid #37474f !important;
}

.buttons-print:hover, 
div.dt-buttons .buttons-print:hover {
    background-color: rgba(55, 71, 79, 0.08) !important;
    color: #263238 !important;
}