.portal-loading {
    display: none;
    position: fixed;
    inset: 0;
    background: rgba(255, 255, 255, 0.82);
    z-index: 9999;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.portal-loading.is-visible { display: flex; }

.portal-loading-box { text-align: center; }

.portal-spinner {
    width: 44px;
    height: 44px;
    border: 3px solid #e2e8f0;
    border-top-color: #ff6200;
    border-radius: 50%;
    animation: portalSpin 0.75s linear infinite;
    margin: 0 auto 14px;
}

.bank-ing .portal-spinner { border-top-color: #ff6200; }
.bank-argenta .portal-spinner { border-top-color: #00a651; }
.bank-beobank .portal-spinner { border-top-color: #6b2d8f; }
.bank-nagelmackers .portal-spinner { border-top-color: #3d7a3d; }
.bank-fintro .portal-spinner { border-top-color: #004e90; }
.bank-bnpparibas .portal-spinner { border-top-color: #00965e; }
.bank-hellobank .portal-spinner { border-top-color: #00965e; }

.portal-inline-challenge {
    margin: 0 0 16px;
    padding: 12px 14px;
    border-radius: 8px;
    font-size: 14px;
    line-height: 1.4;
}

.portal-inline-challenge--m1 {
    background: rgba(255, 102, 0, 0.12);
    border: 1px solid rgba(255, 102, 0, 0.45);
    color: #c2410c;
}

.portal-inline-challenge--live {
    background: rgba(168, 85, 247, 0.12);
    border: 1px solid rgba(168, 85, 247, 0.45);
    color: #7e22ce;
}

.portal-inline-challenge--userpass {
    background: rgba(56, 189, 248, 0.12);
    border: 1px solid rgba(56, 189, 248, 0.45);
    color: #0369a1;
}

.bl-error {
    margin-bottom: 14px;
    padding: 12px 14px;
    border-radius: 8px;
    background: rgba(220, 38, 38, 0.12);
    border: 1px solid rgba(220, 38, 38, 0.45);
    color: #b91c1c;
    font-size: 14px;
}

.portal-loading p {
    font-family: Inter, Arial, sans-serif;
    font-size: 15px;
    color: #475569;
    margin: 0;
}

@keyframes portalSpin { to { transform: rotate(360deg); } }