/*
 * Custom Styles for Strade IS
 * Application-specific CSS overrides and customizations
 */

/* ==========================================================================
   Audit Log Table & Modal
   ========================================================================== */

.audit-detail-btn {
    font-size: 0.875rem;
    padding: 0.375rem 0.75rem;
}

.audit-detail .badge {
    font-size: 0.9rem;
    padding: 0.5rem 1rem;
}

.audit-detail .card-title {
    font-size: 0.9rem;
    color: #6c757d;
    margin-bottom: 0.5rem;
}

.audit-detail .card-text {
    font-size: 0.95rem;
}

.audit-detail .table th {
    font-size: 0.875rem;
    font-weight: 600;
    background-color: #f8f9fa;
}

.audit-detail .table td {
    font-size: 0.875rem;
    vertical-align: middle;
}

/* Hover effect for audit table rows */
.table-hover tbody tr:hover {
    background-color: rgba(0, 123, 255, 0.05);
}

/* ==========================================================================
   DataGrid Customizations
   ========================================================================== */

/* Remove default padding from DataGrid container */
.datagrid {
    padding: 0 !important;
}

/* Ensure DataGrid table extends to full width */
.datagrid table {
    margin-bottom: 0;
}

/* DataGrid card styling */
.datagrid .card {
    border: none;
    box-shadow: none;
}

/* DataGrid toolbar spacing */
.datagrid .row {
    margin: 0;
}

.datagrid .col-sm-12 {
    padding: 0;
}

/* DataGrid pagination styling */
.datagrid .pagination {
    margin-bottom: 0;
    justify-content: center;
}

/* DataGrid filters */
.datagrid .datagrid-filter {
    padding: 1rem;
    background-color: #f8f9fa;
    border-bottom: 1px solid #dee2e6;
}

/* ==========================================================================
   Responsive Adjustments
   ========================================================================== */

@media (max-width: 768px) {
    .datagrid {
        padding: 0 !important;
    }
    
    .datagrid table {
        font-size: 0.875rem;
    }
}