/* Loading surfaces reserve the same space as the final content. */
[data-skeleton]{position:relative}
.media-skeleton,.media-fallback{display:none;pointer-events:none}
.skeleton-enabled [data-skeleton]>img{transition:opacity .32s ease}
.skeleton-enabled [data-media-state="loading"]>img,
.skeleton-enabled [data-media-state="slow"]>img,
.skeleton-enabled [data-media-state="error"]>img{opacity:0}
.skeleton-enabled [data-media-state="loading"]>.media-skeleton,
.skeleton-enabled [data-media-state="slow"]>.media-skeleton,
.skeleton-enabled [data-media-state="error"]>.media-skeleton{display:block}
.media-skeleton{position:absolute;inset:0;z-index:2;overflow:hidden;border-radius:inherit;background:#edf4fd}
.media-skeleton::after,.skeleton-block::after{content:"";position:absolute;inset:0;transform:translateX(-100%);background:linear-gradient(100deg,transparent 20%,#ffffffb8 48%,transparent 78%);animation:horplus-shimmer 1.65s ease-in-out infinite}
[data-skeleton="phone"]>.media-skeleton{background:linear-gradient(#c6dcff,#c6dcff) 0 0/100% 19% no-repeat,linear-gradient(#fff,#fff) 8% 27%/84% 20% no-repeat,linear-gradient(#d4e3fa,#d4e3fa) 12% 52%/40% 2.5% no-repeat,linear-gradient(#fff,#fff) 10% 66%/23% 13% no-repeat,linear-gradient(#fff,#fff) 50% 66%/23% 13% no-repeat,linear-gradient(#fff,#fff) 90% 66%/23% 13% no-repeat,linear-gradient(#fff,#fff) 10% 84%/23% 13% no-repeat,linear-gradient(#fff,#fff) 50% 84%/23% 13% no-repeat,linear-gradient(#fff,#fff) 90% 84%/23% 13% no-repeat,#edf4fd}
.line-screen-viewport{position:relative}
.line-screen-viewport>img{display:block;aspect-ratio:750/1624}
.skeleton-enabled [data-media-state="slow"]>.media-fallback,
.skeleton-enabled [data-media-state="error"]>.media-fallback{display:grid;place-items:center;position:absolute;z-index:3;inset:0;padding:18px;text-align:center;font-size:14px;line-height:1.6;color:#355577;background:#edf4fdde;border-radius:inherit}
.skeleton-enabled [data-media-state="slow"] .media-skeleton::after,
.skeleton-enabled [data-media-state="error"] .media-skeleton::after,
[data-skeleton-visible="false"] .media-skeleton::after{animation:none}
.skeleton-enabled [data-media-cached="true"]>img{transition:none}
.skeleton-block{display:block;position:relative;overflow:hidden;background:#e6effb;border-radius:8px}
.portal-skeleton-card{border:1px solid #dce7f5;border-radius:18px;background:white;padding:22px;display:flex;flex-direction:column;justify-content:space-between;gap:16px;min-height:218px}
.portal-skeleton-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.portal-skeleton-brand{display:flex;align-items:center;gap:12px;flex:1}
.portal-skeleton-avatar{width:48px;height:48px;border-radius:14px;flex:none}
.portal-skeleton-lines{flex:1;display:grid;gap:6px}
.portal-skeleton-title{width:80%;height:18px}
.portal-skeleton-subtitle{width:55%;height:13px}
.portal-skeleton-role{width:70px;height:24px;border-radius:6px}
.portal-skeleton-metrics{height:62px;border-radius:12px;background:#f3f7fd}
.portal-skeleton-button{height:42px;border-radius:10px;background:#e3efff}
.portal-load-message{display:none;grid-column:1/-1;padding:24px;border:1px solid #dce7f5;border-radius:20px;background:white;color:#486580;font-size:16px;line-height:1.8}
[data-content-state="slow"]>.portal-skeleton-card{display:none}
[data-content-state="slow"]>.portal-load-message{display:block}
html:not(.skeleton-enabled) [data-content-state="loading"]>.portal-skeleton-card{display:none}
html:not(.skeleton-enabled) [data-content-state="loading"]>.portal-load-message{display:block}
html.page-hidden .media-skeleton::after,html.page-hidden .skeleton-block::after{animation-play-state:paused}
@keyframes horplus-shimmer{to{transform:translateX(100%)}}
@media(max-width:600px){.portal-skeleton-card{padding:18px}}
@media(prefers-reduced-motion:reduce){.media-skeleton::after,.skeleton-block::after{animation:none}.skeleton-enabled [data-skeleton]>img{transition:none}}
@media print{.media-skeleton,.media-fallback,.portal-skeleton-card{display:none!important}[data-skeleton]>img{opacity:1!important}}