/* Styling for entity links */ .open-entity-modal { color: #0073aa; text-decoration: none; font-weight: 500; transition: all 0.2s ease; cursor: pointer; border-bottom: 1px dashed #0073aa; padding: 2px 0; display: inline-block; } .open-entity-modal:hover { color: #005a87; border-bottom-style: solid; background-color: #f0f7ff; padding: 2px 5px; margin: -2px -5px; border-radius: 3px; } /* Modal responsiveness */ @media (max-width: 768px) { .entity-modal-content { padding: 15px !important; width: 98% !important; max-height: 90vh !important; } .entity-modal-content h2 { font-size: 18px !important; } .entity-modal-content table { font-size: 12px !important; } .entity-modal-content th, .entity-modal-content td { padding: 8px 10px !important; } /* Make table scroll horizontally on mobile */ .entity-modal-content .modal-body { overflow-x: auto; } }