@font-face {
    font-family: 'CustomFont';
    src: url('/fonts/CursedTimerUlil-Aznm.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
.warning-cell {
    background-color: var(--mud-palette-error-hover);
    /* or var(--mud-palette-warning-lighten), etc. */
}
.icon-uniform {
    font-size: 24px !important;
    width: 24px !important;
    height: 24px !important;
    line-height: 1 !important;
}

.bus-stop-font {
    font-family: 'CustomFont', sans-serif !important;
}


.glowing-text {
    color: rgba(255, 204, 0, 0.8); /* Reduced opacity */
    text-shadow: 0 0 2px rgba(255, 204, 0, 0.1), 0 0 4px rgba(255, 170, 0, 0.1);
}


@keyframes glow {
    from {
        text-shadow: 0 0 5px #FFCC00, 0 0 10px #FFCC00, 0 0 15px #FFAA00;
    }

    to {
        text-shadow: 0 0 10px #FFCC00, 0 0 20px #FFAA00, 0 0 30px #FFAA00, 0 0 40px #FFAA00;
    }
}
/* Dark theme row styling */
.mud-theme-dark .mud-table-row {
    background-color: #333;
}

.mud-theme-dark .mud-table-row-odd {
    background-color: #444;
}

/* Spin animation for loading or similar */
.spin {
    animation: spin 1s linear infinite;
}

/* Table cell styling */
.mud-table-root .mud-table-head .mud-table-cell {
    color: var(--mud-palette-info) !important;
    font-weight: 500;
}

/* Gradient background for table card */
.card-gradient {
    background: linear-gradient(135deg, rgba(55, 55, 64, 0.10) 65%, rgba(128, 128, 128, 0.2)) !important;
}

/* Column styling */
.narrow-column {
    white-space: nowrap;
    width: 1%;
}

.expand-column {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 300px;
}

/* Text alignment */
.text-right {
    text-align: right !important;
}

/* Table layout and width */
.mud-table {
    table-layout: fixed;
    width: 100%;
}

/* Spin keyframe animation */
@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}
@keyframes pulseWarningError {
    0% {
        color: var(--mud-palette-warning);
    }

    50% {
        color: var(--mud-palette-error);
    }

    100% {
        color: var(--mud-palette-warning);
    }
}

.pulse-warning-error {
    animation: pulseWarningError 3s infinite;
}



.custom-td-collapsed {
    white-space: nowrap; /* Don’t wrap lines */
    overflow: hidden; /* Hide content that overflows */
    text-overflow: ellipsis; /* Show "..." for truncated text */

    cursor: pointer;
}

.custom-td-expanded {
    white-space: pre-wrap; /* Wrap text respecting line breaks */
    overflow: visible; /* Show all content */
    cursor: pointer; /* Still clickable if we want to collapse again */
}