/* Audit Log Changes List Styling */
.changes-list {
    max-height: 600px;
    overflow-y: auto;
}

.change-item {
    padding: 1.25rem;
    transition: background-color 0.2s ease-in-out;
}

.change-item:hover {
    background-color: #f8f9fa;
}

.change-header {
    margin-bottom: 1rem;
}

.change-header strong {
    font-size: 0.9375rem;
    color: #212529;
}

.change-body {
    padding-left: 1.75rem;
}

.change-value {
    padding: 0.75rem;
    border-radius: 0.375rem;
    background-color: #f8f9fa;
}

.change-value.old-value {
    background-color: #fff5f5;
    border-left: 3px solid #dc3545;
}

.change-value.new-value {
    background-color: #f0fdf4;
    border-left: 3px solid #198754;
}

.change-value code {
    background: none;
    padding: 0;
    font-size: 0.875rem;
    color: #495057;
    word-break: break-word;
}

.change-arrow {
    opacity: 0.5;
}

/* Subtle badge styling */
.bg-danger-subtle {
    background-color: #f8d7da !important;
}

.bg-success-subtle {
    background-color: #d1e7dd !important;
}

.text-danger {
    color: #dc3545 !important;
}

.text-success {
    color: #198754 !important;
}

/* Icon sizing */
.feather-xs {
    width: 12px;
    height: 12px;
}

/* Scrollbar styling for changes list */
.changes-list::-webkit-scrollbar {
    width: 6px;
}

.changes-list::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 10px;
}

.changes-list::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 10px;
}

.changes-list::-webkit-scrollbar-thumb:hover {
    background: #555;
}