/* Dark theme enhancements */
::selection {
    background-color: #7c3aed;
    color: #e5e7eb;
}

body {
    background-color: #1a1a2e;
}

::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

::-webkit-scrollbar-track {
    background: #1a1a2e;
}

::-webkit-scrollbar-thumb {
    background: #374151;
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: #4b5563;
}

.clickable-row {
    cursor: pointer;
}

.clickable-cell {
    cursor: pointer;
    transition: background-color 0.2s;
}

.clickable-cell:hover {
    background-color: rgba(124, 58, 237, 0.1);
}

/* Chart canvas background for dark theme */
canvas {
    background-color: transparent;
}

/* Ensure text selection is visible in dark mode */
::selection {
    background-color: #7c3aed;
    color: #e5e7eb;
}

::-moz-selection {
    background-color: #7c3aed;
    color: #e5e7eb;
}

/* Landing page hero */
.landing-hero {
    border-radius: 12px;
    background: radial-gradient(circle at 50% 0%, rgba(124, 58, 237, 0.55), transparent 55%),
                linear-gradient(180deg, rgba(6, 182, 212, 0.22), rgba(26, 26, 46, 0) 60%);
    border: 1px solid rgba(124, 58, 237, 0.2);
}

.landing-hero .mud-typography-h2,
.landing-hero .mud-typography-h6 {
    text-shadow: 0 0 24px rgba(124, 58, 237, 0.65), 0 2px 8px rgba(0, 0, 0, 0.4);
}