html, body {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
    margin: 0;
}

#blazor-error-ui {
    background: #fff3cd;
    bottom: 0;
    box-shadow: 0 -1px 4px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.75rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 2000;
}

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

.blazor-error-boundary {
    background: #b32121;
    padding: 1rem;
    color: white;
    border-radius: 8px;
}

.blazor-error-boundary::after {
    content: "Something went wrong.";
}

/* Splash screen shown while the WASM bundle loads */
.communo-splash {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100vh;
    background: #161f52;
}

.communo-splash-mark {
    width: 64px;
    height: 64px;
    animation: communo-pulse 1.4s ease-in-out infinite;
}

@keyframes communo-pulse {
    0%, 100% { transform: scale(1); opacity: 1; }
    50% { transform: scale(0.92); opacity: 0.75; }
}

.communo-brand-logo {
    height: 32px;
    width: auto;
    display: block;
}

.cursor-pointer {
    cursor: pointer;
}

.communo-stat-card-clickable {
    cursor: pointer;
    transition: border-color 0.15s ease, transform 0.15s ease;
}

.communo-stat-card-clickable:hover {
    border-color: var(--mud-palette-primary);
    transform: translateY(-2px);
}