:root {
    --aqua: #1C8F8A;
    --gold: #47D75F;
    --radius-xl: 8px;
    --radius-lg: 8px;
    --radius-md: 8px;
}

.shell {
    width: min(100% - 10px, 1280px) !important;
}

.brand img {
    width: 104px !important;
}

.card.solid,
.hero-panel,
.toolbar,
.message,
.login-media-preview,
.login-media-default {
    border-radius: 8px !important;
}

.field input,
.field select,
.field textarea,
.button,
button.button,
.hero-chip,
.soft-chip,
.check-row {
    border-radius: 10px !important;
}

.auth-panel {
    grid-template-columns: minmax(0, 1fr) minmax(300px, 360px) !important;
}

.auth-panel.auth-panel-media_right {
    grid-template-columns: minmax(300px, 360px) minmax(0, 1fr) !important;
}

.auth-panel-media_right .auth-hero {
    order: 2;
}

.auth-panel-media_right .auth-form {
    order: 1;
}

.auth-hero {
    min-height: 420px !important;
}

.auth-panel {
    min-height: 420px !important;
}

.auth-hero-bg {
    object-fit: contain !important;
    object-position: center center !important;
}

video.auth-hero-bg,
.auth-hero video {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    min-width: 100% !important;
    min-height: 100% !important;
    max-width: none !important;
    max-height: none !important;
    object-fit: contain !important;
    object-position: center center !important;
    pointer-events: none !important;
    user-select: none !important;
}

.login-media-preview img,
.login-media-preview video {
    object-fit: contain !important;
    object-position: center center !important;
}
:root {
    --shadow: 0 24px 80px rgba(16, 42, 67, 0.2) !important;
}

.card,
.toolbar,
.message,
.module-tile,
.summary-item,
.kpi,
.mini-metric {
    box-shadow: 0 18px 54px rgba(16, 42, 67, 0.15) !important;
}
.hero,
.card.solid,
.panel-pad,
.toolbar {
    padding: 20px !important;
}

.hero-grid,
.filter-grid,
.menu-grid,
.mini-metrics,
.site-config-form {
    gap: 18px !important;
}
@media (max-width: 900px) {
    .auth-panel,
    .auth-panel-media_right {
        grid-template-columns: 1fr !important;
    }

    .auth-panel-media_right .auth-hero,
    .auth-panel-media_right .auth-form {
        order: initial;
    }
}