/* Audit Log Styles - Centralized Component Styling */

/* CSS Variables for Audit Log Theme */
:root {
    --audit-primary-color: #0d6efd;
    --audit-primary-bg: #e7f1ff;
    --audit-secondary-color: #5a7ccc;
    --audit-secondary-bg: #f0f4ff;
    --audit-parent-bg: #f8f9fa;
    --audit-parent-hover-bg: #e9ecef;
    --audit-child-bg: #ffffff;
    --audit-border-color: #dee2e6;
    --audit-detail-bg: #f8f9fa;
    --audit-detail-border: #0d6efd;
}

/* ==================== TABLE AUDIT LOG ==================== */

.table-audit-log {
    margin-top: 20px;
}

.audit-group-parent {
    cursor: pointer;
    font-weight: 500;
    background-color: var(--audit-parent-bg);
}

    .audit-group-parent:hover {
        background-color: var(--audit-parent-hover-bg);
    }

    .audit-group-parent.non-expandable {
        cursor: default;
    }

        .audit-group-parent.non-expandable:hover {
            background-color: var(--audit-parent-bg);
        }

.audit-group-child {
    background-color: var(--audit-child-bg);
}

    .audit-group-child td {
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
        border-top: 1px solid var(--audit-border-color);
    }

.expand-cell {
    text-align: center;
    vertical-align: middle;
}

.audit-entry-details {
    padding: 8px;
    background-color: var(--audit-detail-bg);
    border-radius: 4px;
    border-left: 3px solid var(--audit-detail-border);
}

    .audit-entry-details code {
        background-color: #e7e5e4;
        padding: 2px 6px;
        border-radius: 3px;
        font-size: 0.85rem;
    }

/* Version Badge Styles */
.version-badge-header {
    display: inline-block;
    background-color: var(--audit-primary-bg);
    border: 1px solid var(--audit-primary-color);
    border-radius: 4px;
    padding: 4px 12px;
    font-size: 0.90rem;
    font-weight: 600;
    color: var(--audit-primary-color);
    white-space: nowrap;
}

.version-badge-child {
    display: inline-block;
    background-color: var(--audit-secondary-bg);
    border: 1px solid #b0c4ff;
    border-radius: 3px;
    padding: 2px 8px;
    font-size: 0.75rem;
    font-weight: 500;
    color: var(--audit-secondary-color);
    opacity: 0.85;
}

/* ==================== CARD AUDIT LOG ==================== */

.card-audit-log {
    margin-top: 20px;
}

.audit-entries-list {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.audit-entry {
    border-left: 4px solid var(--audit-primary-color);
    transition: box-shadow 0.2s ease;
}

    .audit-entry:hover {
        box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
    }

.audit-entry-group {
    border-left: 4px solid #6f42c1;
}

    .audit-entry-group .card-header {
        padding: 0.75rem 1.25rem;
    }

.bg-info-light {
    background-color: var(--audit-primary-bg) !important;
}

.audit-entry-item {
    padding-left: 10px;
    border-left: 2px solid var(--audit-border-color);
}

.version-badge-small {
    display: inline-block;
    background-color: var(--audit-secondary-bg);
    border: 1px solid #b0c4ff;
    border-radius: 3px;
    padding: 1px 6px;
    margin-right: 6px;
    font-size: 0.80rem;
    font-weight: 600;
    color: var(--audit-secondary-color);
}

/* ==================== AUDIT LOG PAGE ==================== */

.audit-log-container {
    padding: 20px;
}

.filters-section {
    background-color: var(--audit-detail-bg);
    border-radius: 4px;
}

.audit-entries-section {
    margin-top: 20px;
}