/* Loading states shared by every page of the CRM.
   A page that is loading shows its own shape in soft grey (the .sk blocks in style.css), says in
   one short line what it is fetching, and — when it cannot finish — says so and offers a retry. */
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.sk-text{display:block;height:12px;margin:0 0 12px;border-radius:999px}
.sk-text:last-child{margin-bottom:0}
.sk-card h2{color:var(--muted)}
.sk-block{display:block;height:64px;border-radius:12px;margin-bottom:12px}
/* Shimmer is decoration; people who ask for less motion get a still grey block. */
@media(prefers-reduced-motion:reduce){.sk:after{animation:none}}