/* Tabulator Global Styles - Add to /static/css/tabulator-custom.css */

/* Base Tabulator styling */
.tabulator-table {
    font-size: 14px;
}

.tabulator-table .tabulator-row {
    min-height: 40px;
}

.tabulator-table .tabulator-cell {
    padding: 8px 12px;
}

/* Warning highlight styles for data-driven row coloring */
.tabulator-row.bg-yellow-50 {
    background-color: #fefce8 !important;
    border-left: 4px solid #facc15 !important;
}

.tabulator-row.bg-orange-50 {
    background-color: #fff7ed !important;
    border-left: 4px solid #fb923c !important;
}

.tabulator-row.bg-red-50 {
    background-color: #fef2f2 !important;
    border-left: 4px solid #f87171 !important;
}

/* Status indicator styles */
.bg-green-100 { background-color: #dcfce7; }
.text-green-800 { color: #166534; }
.bg-red-100 { background-color: #fee2e2; }
.text-red-800 { color: #991b1b; }

/* Layout utilities */
.text-center { text-align: center; }
.font-medium { font-weight: 500; }
.text-xs { font-size: 0.75rem; line-height: 1rem; }
.px-2 { padding-left: 0.5rem; padding-right: 0.5rem; }
.py-1 { padding-top: 0.25rem; padding-bottom: 0.25rem; }
.rounded-full { border-radius: 9999px; }
.max-w-xs { max-width: 20rem; }
.truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

/* Color utilities (should be handled by Tailwind globally) */
.text-green-600 { color: #16a34a; }
.text-blue-600 { color: #2563eb; }
.text-orange-600 { color: #ea580c; }
.text-red-600 { color: #dc2626; }