:root {
    --amu-yellow: #eed401;
    --amu-green: #449a15;
    --amu-blue: #01579c;
    --amu-magenta: #eb3681;
    --amu-blue-strong: #014678;
    --amu-blue-soft: #eaf4fc;
    --amu-green-soft: #eff8e9;

    --rz-primary: var(--amu-blue);
    --rz-secondary: var(--amu-green);
    --rz-success: var(--amu-green);
    --rz-info: var(--amu-blue);
    --rz-warning: var(--amu-yellow);
    --rz-sidebar-toggle-hover-color: var(--amu-blue);
    --rz-sidebar-toggle-hover-background-color: rgba(1, 87, 156, 0.16);
    --rz-panel-menu-item-active-color: var(--amu-blue);
    --rz-text-selection-background-color: rgba(1, 87, 156, 0.2);
    --rz-text-selection-color: #032f52;
}

.app-brand-logo {
    width: 136px;
    max-width: 100%;
    height: auto;
    margin-left: 30px;
    margin-top: 6px;
}

html,
body {
    color: #1f2937;
}

a,
.btn-link {
    color: var(--amu-blue);
}

a:hover,
.btn-link:hover {
    color: var(--amu-blue-strong);
}

.btn-primary {
    color: #fff;
    background-color: var(--amu-blue);
    border-color: var(--amu-blue-strong);
}

.btn-primary:hover,
.btn-primary:focus {
    background-color: var(--amu-blue-strong);
    border-color: #01385f;
}

.btn:focus,
.btn:active:focus,
.btn-link.nav-link:focus,
.form-control:focus,
.form-check-input:focus {
    box-shadow: 0 0 0 0.1rem #fff, 0 0 0 0.25rem rgba(1, 87, 156, 0.24);
}

.rz-header {
    position: relative;
    overflow: hidden;
    background:
        linear-gradient(
            90deg,
            rgba(255, 255, 255, 0.98) 0%,
            rgba(255, 255, 255, 0.95) 22%,
            rgba(234, 244, 252, 0.96) 40%,
            rgba(239, 248, 233, 0.92) 58%,
            rgba(238, 212, 1, 0.18) 76%,
            rgba(1, 87, 156, 0.18) 90%,
            rgba(235, 54, 129, 0.16) 100%
        );
    border-bottom: 2px solid var(--amu-magenta);
    box-shadow: 0 2px 10px rgba(1, 87, 156, 0.08);
}

.rz-header::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
        radial-gradient(48% 150% at 88% 8%, rgba(1, 87, 156, 0.14) 0%, rgba(1, 87, 156, 0) 72%),
        radial-gradient(32% 120% at 100% 100%, rgba(235, 54, 129, 0.12) 0%, rgba(235, 54, 129, 0) 70%);
}

.rz-sidebar {
    background: #f9fcff;
    border-right: 1px solid #d5e2ec;
}

.rz-body {
    background: #f6f9fc;
}

.rz-button.rz-light {
    background-color: #f0f4f8;
    color: var(--amu-blue);
}

.rz-button.rz-light:hover {
    background-color: #e2ecf4;
}

.rz-panel-menu .rz-navigation-item-wrapper {
    border-radius: 8px;
    margin: 2px 8px;
}

.rz-panel-menu .rz-navigation-item-link:hover {
    background-color: var(--amu-blue-soft);
    color: var(--amu-blue);
}

.rz-panel-menu .rz-navigation-item-link.rz-state-active,
.rz-panel-menu .rz-navigation-item-wrapper.rz-state-active > .rz-navigation-item-link,
.rz-panel-menu .rz-navigation-item.rz-state-active > .rz-navigation-item-wrapper > .rz-navigation-item-link,
.rz-panel-menu .rz-navigation-item-wrapper-active > .rz-navigation-item-link,
.rz-panel-menu .rz-navigation-item-active > .rz-navigation-item-wrapper > .rz-navigation-item-link {
    background: linear-gradient(90deg, rgba(1, 87, 156, 0.12) 0%, rgba(68, 154, 21, 0.14) 100%);
    border-left: 3px solid var(--amu-magenta);
    color: var(--amu-blue);
    font-weight: 600;
    padding-left: calc(1rem - 3px);
}

.wizard-card,
.details-card,
.preview-card,
.account-card {
    border-color: #d5e2ec;
}

.option-card {
    border-color: #d5e2ec;
}

.option-card:hover {
    border-color: rgba(1, 87, 156, 0.4);
    box-shadow: 0 10px 24px rgba(1, 87, 156, 0.14);
}

.option-card.selected {
    border-color: var(--amu-blue);
    box-shadow: 0 12px 28px rgba(1, 87, 156, 0.2);
    background: linear-gradient(180deg, var(--amu-blue-soft) 0%, var(--amu-green-soft) 100%);
}

.import-summary-item {
    border-color: #d5e2ec;
    background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
}

.import-coming-soon-card {
    border-color: rgba(1, 87, 156, 0.35);
    background: linear-gradient(180deg, rgba(234, 244, 252, 0.8) 0%, rgba(239, 248, 233, 0.6) 100%);
}

.import-warning-confirm {
    color: #0f3c61;
}

@media (max-width: 900px) {
    .app-brand-logo {
        width: 116px;
        margin-left: 12px;
        margin-top: 8px;
    }
}
