/* Custom styles for Lightning Enable Dashboard */

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

/* Code styling */
code {
    background-color: rgba(128, 128, 128, 0.1);
    padding: 2px 6px;
    border-radius: 4px;
    font-family: 'Consolas', 'Monaco', monospace;
    font-size: 0.875em;
}

pre {
    font-family: 'Consolas', 'Monaco', monospace;
}

/* Text truncation helper */
.text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Card hover effect */
.mud-card {
    transition: box-shadow 0.2s ease-in-out;
}

.mud-card:hover {
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.12);
}

/* Chart container */
.mud-chart {
    width: 100%;
}

/* Custom scrollbar for dark mode */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

::-webkit-scrollbar-track {
    background: transparent;
}

::-webkit-scrollbar-thumb {
    background: rgba(128, 128, 128, 0.4);
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: rgba(128, 128, 128, 0.6);
}

/* Status chip styling */
.status-active {
    color: var(--mud-palette-success);
}

.status-inactive {
    color: var(--mud-palette-grey-500);
}

/* Lightning bolt animation for loading states */
@keyframes pulse {
    0%, 100% {
        opacity: 1;
    }
    50% {
        opacity: 0.5;
    }
}

.lightning-pulse {
    animation: pulse 1.5s ease-in-out infinite;
}

/* Stepper adjustments */
.mud-stepper {
    min-height: 400px;
}

/* Table responsive adjustments */
@media (max-width: 960px) {
    .mud-table-cell {
        padding: 8px 4px;
    }
}

/* Navigation menu styling */
.mud-nav-link {
    margin: 4px 8px;
    border-radius: 8px;
}

/* Focus states for accessibility */
.mud-button:focus-visible,
.mud-icon-button:focus-visible,
.mud-switch:focus-visible {
    outline: 2px solid var(--mud-palette-primary);
    outline-offset: 2px;
}