.portal-loading[hidden] { display:none; }
.portal-loading { position:fixed; inset:0; z-index:20000; display:flex; align-items:center; justify-content:center; padding:20px; background:rgba(247,250,250,.84); cursor:progress; }
.portal-loading-panel { box-sizing:border-box; width:100%; max-width:360px; padding:28px 24px 22px; border:1px solid #d6e2e1; border-radius:12px; background:#fff; box-shadow:0 12px 36px rgba(25,60,60,.14); color:#244847; text-align:center; cursor:default; }
.portal-loading-spinner { display:block; box-sizing:border-box; width:36px; height:36px; margin:0 auto 16px; border:3px solid #deebe9; border-top-color:#23615d; border-radius:50%; animation:portal-loading-spin .8s linear infinite; }
.portal-loading-label { display:block; font-size:18px; line-height:1.4; }
.portal-loading-detail { margin:8px 0 16px; color:#546a69; font-size:14px; line-height:1.5; }
.portal-loading-cancel { padding:8px 12px; min-height:40px; border:1px solid #cadbd8; border-radius:6px; background:#fff; color:#245a55; font:inherit; cursor:pointer; }
.portal-loading-cancel:hover,.portal-loading-cancel:focus-visible { background:#eef5f3; outline:2px solid #36776f; outline-offset:2px; }
@keyframes portal-loading-spin { to { transform:rotate(360deg); } }
@media(prefers-reduced-motion:reduce) { .portal-loading-spinner { animation:none; border-top-color:#23615d; border-right-color:#23615d; } }