:root {
    --odohub-surface: #f7fafc;
    --odohub-card-radius: 18px;
}

html,
body {
    font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
    background-color: var(--odohub-surface);
}

html,
body,
#app {
    min-height: 100%;
}

.mud-layout {
    min-height: 100dvh;
}

.odohub-brand {
    font-weight: 700;
    letter-spacing: 0.4px;
    margin-right: 1rem;
    color: inherit;
    text-decoration: none;
}

.odohub-main-content {
    min-height: 100dvh;
    padding: 1.5rem 1rem 1rem;
    box-sizing: border-box;
    background: linear-gradient(155deg, #f4f8ff 0%, #f9fbfd 50%, #f4f7f5 100%);
}

.odohub-main-content > :first-child {
    margin-top: 0.75rem;
}

.auth-card {
    border-radius: var(--odohub-card-radius);
}

a {
    text-decoration: none;
}

#blazor-error-ui {
    display: none !important;
}