/* Add any custom styles here */
body {
    padding-top: 0; /* Adjusted because navbar is not fixed-top */
    padding-bottom: 0; /* Footer will push content */
}

.table-responsive {
    margin-top: 20px;
}

.badge {
    font-size: 0.9em;
}

/* Ensure modal content is scrollable if it overflows */
.modal-body {
    max-height: calc(100vh - 210px); /* Adjust as needed */
    overflow-y: auto;
}

/* Style for preformatted JSON in modal if you add it */
.modal-body pre {
    background-color: #f8f9fa;
    border: 1px solid #dee2e6;
    padding: 10px;
    border-radius: 0.25rem;
    font-size: 0.85em;
    word-break: break-all; /* Important for long strings in JSON */
    white-space: pre-wrap; /* Important for preserving formatting */
}

.navbar-brand {
    font-weight: bold;
}

.btn-primary.btn-sm.text-white {
    color: white !important; /* Ensure text is white for + Add Process button */
}

/* Align footer to bottom if content is short */
html, body {
    height: 100%;
}

body {
    display: flex;
    flex-direction: column;
}

main.container {
    flex: 1 0 auto;
}

footer {
    flex-shrink: 0;
}

/* Ensure process row background colors are applied correctly */
/* .table tbody tr[style*="background-color"] {
    background-color: inherit !important;
} */

/* Specific styling for Judit, DataJud, and PJE rows */
.table tbody tr[data-process-id][style*="#e6ffe6"] {
    border-left-color: #28a745;
}

.table tbody tr[data-process-id][style*="#e6f0ff"] {
    border-left-color: #007bff;
}

.table tbody tr[data-process-id][style*="#fffbe6"] {
    border-left-color: #ffc107;
}

/* Enhanced hover effects for process rows */
.table tbody tr[data-process-id]:hover {
    filter: brightness(0.95);
    transform: translateY(-1px);
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.table {
    --bs-table-bg: transparent !important;
}