/* public/assets/css/style.css */
:root {
    --color-primary: #1e3a8a;
    /* Blue-900: Professional/Trust */
    --color-secondary: #f97316;
    /* Orange-500: Vibrant/Access */
    --color-accent: #ffffff;
    /* White: Clean/Space */
    --bg-light: #f3f4f6;
    /* Generic light bg */
}

/* Custom Utility Classes extending Tailwind */
.bg-brand-blue {
    background-color: var(--color-primary);
}

.text-brand-blue {
    color: var(--color-primary);
}

.bg-brand-orange {
    background-color: var(--color-secondary);
}

.text-brand-orange {
    color: var(--color-secondary);
}

.border-brand-orange {
    border-color: var(--color-secondary);
}

/* Additional styling for dashboard */
.sidebar-link {
    transition: all 0.3s ease;
}

.sidebar-link:hover {
    background-color: rgba(249, 115, 22, 0.2);
    /* Orange tint */
    color: var(--color-secondary);
    padding-left: 1.25rem;
    /* Slide effect */
}

/* --- Simple-DataTables Dark Theme Overrides --- */
.dataTable-wrapper {
    color: #e5e7eb;
    /* text-gray-200 */
}

.dataTable-top,
.dataTable-bottom {
    padding: 1rem 0;
}

.dataTable-input {
    background-color: #374151;
    /* bg-gray-700 */
    border: 1px solid #4b5563;
    /* border-gray-600 */
    color: #ffffff;
    border-radius: 0.375rem;
    /* rounded-md */
    padding: 0.5rem 1rem;
}

.dataTable-input:focus {
    outline: none;
    border-color: var(--color-secondary);
}

.dataTable-selector {
    background-color: #374151;
    border: 1px solid #4b5563;
    color: #ffffff;
    border-radius: 0.375rem;
    padding: 0.25rem 0.5rem;
}

.dataTable-table>thead>tr>th {
    border-bottom: 2px solid #4b5563 !important;
    /* border-gray-600 */
}

.dataTable-table>tbody>tr>td {
    border-bottom: 1px solid #4b5563;
}

/* Pagination Links */
.dataTable-pagination li a,
.dataTable-pagination li button {
    background-color: #374151 !important;
    border: 1px solid #4b5563 !important;
    color: #d1d5db !important;
    /* text-gray-300 */
    border-radius: 0.25rem !important;
    margin: 0 0.125rem !important;
}

.dataTable-pagination li a:hover,
.dataTable-pagination li button:hover {
    background-color: #4b5563 !important;
    color: #ffffff !important;
}

.dataTable-pagination li.active a,
.dataTable-pagination li.active button {
    background-color: var(--color-secondary) !important;
    /* Orange branding */
    color: #ffffff !important;
    border-color: var(--color-secondary) !important;
}

.dataTable-info {
    color: #9ca3af;
    /* text-gray-400 */
}

.dataTable-wrapper.no-footer .dataTable-container {
    border-bottom: 1px solid #4b5563;
}

/* Responsive Table Utility */
.table-responsive,
.dataTable-container {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    margin-bottom: 1rem;
}

/* Ensure tables inside responsive containers don't collapse too much */
.table-responsive table,
.dataTable-table {
    min-width: 650px;
}

/* Allow auto-width on desktop */
@media (min-width: 1024px) {

    .table-responsive table,
    .dataTable-table {
        min-width: 100%;
    }
}