*, *::before, *::after {
    box-sizing: border-box;
}

html, body {
    font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    background-color: #070C1A;
    color: #E2E8F0;
    margin: 0;
    padding: 0;
    min-height: 100vh;
}

/* Custom scrollbar */
::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

::-webkit-scrollbar-track {
    background: #0D1829;
}

::-webkit-scrollbar-thumb {
    background: #1E3047;
    border-radius: 3px;
}

::-webkit-scrollbar-thumb:hover {
    background: #2D4A6E;
}

/* MudBlazor overrides */
.mud-appbar {
    border-bottom: 1px solid #1E3047 !important;
}

.mud-paper {
    background-color: #0D1829 !important;
}

.mud-card {
    background-color: #0D1829 !important;
}

/* Error boundary */
.blazor-error-boundary {
    background: #1a0a0a;
    padding: 1rem 1rem 1rem 3.7rem;
    color: #EF4444;
    border: 1px solid #EF4444;
    border-radius: 8px;
    margin: 1rem;
}

.blazor-error-boundary::after {
    content: "Nastala chyba."
}

/* Horizontal scroll container */
.scroll-x {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

/* Photo gallery */
.photo-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
    gap: 10px;
}

.photo-grid-item {
    cursor: pointer;
    border-radius: 8px;
    overflow: hidden;
    border: 1px solid #1E3047;
    aspect-ratio: 4/3;
    background: #0D1829;
    transition: border-color 0.2s ease;
}

.photo-grid-item:hover {
    border-color: #3B82F6;
}

.photo-grid-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}