/* DELAD UR style.css (KAN-388 CSS-3): rad 3502-4538, byte-exakt; Hem-rutor. Laddas direkt efter föregående del i index.html. */
/* AT-216: Hems egna regler bor nu i home.css. Kvar här: skelettkorten och deras puls, som ärendelistorna delar. */

@keyframes hw-pulse {
0%, 100% { opacity: 0.3; }
50%       { opacity: 0.7; }
}

/* Skeleton-kort — visas kort vid första vybesök tills listdata laddas (F-UX-4) */
.atlas-skeleton-card {
display: flex;
align-items: center;
gap: 12px;
padding: 14px 16px;
border-bottom: 1px solid rgba(255,255,255,0.06);
pointer-events: none;
}
.atlas-sk-avatar {
width: 36px; height: 36px;
border-radius: 50%;
background: rgba(255,255,255,0.12);
flex-shrink: 0;
animation: hw-pulse 1.5s ease-in-out infinite;
}
.atlas-sk-body { flex: 1; display: flex; flex-direction: column; gap: 8px; }
.atlas-sk-line {
background: rgba(255,255,255,0.12);
border-radius: 4px;
animation: hw-pulse 1.5s ease-in-out infinite;
}
.atlas-sk-line--title { height: 13px; width: 60%; }
.atlas-sk-line--sub   { height: 11px; width: 40%; animation-delay: 0.2s; }
.atlas-minimal .atlas-sk-avatar,
.atlas-minimal .atlas-sk-line  { animation: none; }