/* Placeholders contain no customer information and preserve the eventual layout. */
.ui-skeleton { --skeleton:#e7ecf2; display:grid; gap:18px; padding:20px 0; }
.ui-skeleton[hidden] { display:none!important; }
.ui-skeleton span { display:block; height:18px; border-radius:4px; background:linear-gradient(100deg,var(--skeleton) 30%,#f5f7fa 50%,var(--skeleton) 70%); background-size:220% 100%; animation:ui-loading 1.8s ease-in-out infinite; }
.ui-skeleton .ui-skeleton-title { width:55%; height:26px; }
.ui-skeleton .ui-skeleton-field { height:46px; }
.ui-skeleton .ui-skeleton-short { width:72%; }
.ui-skeleton-calendar { min-height:330px; grid-template-columns:repeat(7,1fr); gap:12px; padding:26px; border:1px solid #e2e7ed; border-radius:8px; }
.ui-skeleton-calendar span { height:32px; }
.ui-skeleton-calendar .ui-skeleton-title { grid-column:1/-1; }
.ui-state-sr { position:absolute!important; width:1px; height:1px; padding:0; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
.ui-retry { min-height:44px; margin-top:10px; padding:10px 16px; border:1px solid #bcc8d8; background:white; color:#142039; border-radius:6px; cursor:pointer; }
@keyframes ui-loading { to { background-position:-220% 0; } }
@media(prefers-reduced-motion:reduce) { .ui-skeleton span { animation:none; } }