ui/styles.py

css = """
.container { 
    max-width: 1200px; 
    margin: auto; 
    padding: 20px; 
}

.results { 
    padding: 20px; 
    border-radius: 8px; 
    margin-top: 20px;
}

.entity-section { 
    margin: 15px 0;
    padding: 12px;
    border-radius: 6px;
}

/* Remove color definitions and let theme handle them */
.alert-warning { 
    padding: 12px;
    border-radius: 6px;
    margin: 12px 0;
}

.alert-success { 
    padding: 12px;
    border-radius: 6px;
    margin: 12px 0;
}

.related-events { 
    padding: 15px;
    border-radius: 6px;
    margin-top: 15px;
}

/* Grid and spacing utilities */
.grid { 
    display: grid; 
}

.grid-cols-2 { 
    grid-template-columns: repeat(2, minmax(0, 1fr)); 
}

.grid-cols-3 { 
    grid-template-columns: repeat(3, minmax(0, 1fr)); 
}

.gap-4 { 
    gap: 1rem; 
}

.space-y-4 > * + * { 
    margin-top: 1rem; 
}

.mt-4 { 
    margin-top: 1rem; 
}

.mb-2 { 
    margin-bottom: 0.5rem; 
}

.text-sm { 
    font-size: 0.875rem; 
    line-height: 1.25rem; 
}

.p-4 { 
    padding: 1rem; 
}
"""