/* === Base === */
html, body {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    margin: 0;
    padding: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* === Scrollbar === */
::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}
::-webkit-scrollbar-track {
    background: transparent;
}
::-webkit-scrollbar-thumb {
    background: rgba(148,163,184,0.2);
    border-radius: 3px;
}
::-webkit-scrollbar-thumb:hover {
    background: rgba(148,163,184,0.35);
}

/* === MudBlazor Overrides === */

/* Smoother nav links */
.mud-nav-link {
    border-radius: 8px !important;
    margin: 1px 8px !important;
    transition: background 0.15s ease !important;
}

/* Data grid refinements */
.mud-table-cell {
    font-size: 0.85rem !important;
}
.mud-table-head .mud-table-cell {
    font-weight: 600 !important;
    font-size: 0.75rem !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
    opacity: 0.6;
}

/* Card hover effect */
.mud-paper {
    transition: box-shadow 0.2s ease, border-color 0.2s ease;
}

/* Chip refinements */
.mud-chip {
    font-weight: 600 !important;
}

/* Button refinements */
.mud-button-root {
    transition: all 0.15s ease !important;
}

/* Dialog refinements */
.mud-dialog {
    border-radius: 16px !important;
}

/* === Error UI === */
#blazor-error-ui {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

#blazor-error-ui .dismiss {
    cursor: pointer;
    position: absolute;
    right: 0.75rem;
    top: 0.5rem;
}

.blazor-error-boundary {
    background: url(data:image/svg+xml;base64,...) no-repeat 1rem/1.8rem;
    padding: 1rem 1rem 1rem 3.7rem;
    color: #b32121;
}

.blazor-error-boundary::after {
    content: "An error has occurred.";
}