html, body {
    font-family: 'Roboto', sans-serif;
}

.mud-table-container {
    overflow-x: auto;
}

.connection-status {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.status-indicator {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    display: inline-block;
}

.status-indicator.connected {
    background-color: #4caf50;
}

.status-indicator.disconnected {
    background-color: #f44336;
}

.status-indicator.checking {
    background-color: #ff9800;
}

/* DataGrid row selection */
.selected-row {
    background-color: var(--mud-palette-primary-lighten) !important;
}

.selected-row:hover {
    background-color: var(--mud-palette-primary-lighten) !important;
}

.cursor-pointer {
    cursor: pointer;
}