/* Display-only score until the attendance calculation is introduced. */
.vmw-home-raid-readiness { display: grid; grid-template-columns: minmax(0, 1fr) 280px; gap: 18px; align-items: stretch; }
.vmw-home-raid-readiness > .vmw-home-raids { min-width: 0; }
.vmw-home-raid-readiness > .vmw-attendance-score { align-self: stretch; }
.vmw-home-raid-readiness .vmw-attendance-body { flex: 1; align-content: center; }
@media (max-width: 1100px) { .vmw-home-raid-readiness { grid-template-columns: minmax(0, 1fr); } }
.vmw-attendance-score { min-width: 0; border-top: 2px solid var(--vmw-accent); background: linear-gradient(135deg, var(--vmw-accent-faint), transparent 80%), var(--vmw-surface); }
.vmw-attendance-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 20px; border-bottom: 1px solid var(--vmw-border); }
.vmw-attendance-heading > div { min-width: 0; }
.vmw-attendance-heading > .rzi { flex: 0 0 auto; font-size: 24px; color: var(--vmw-link); }
.vmw-attendance-heading h2 { margin: 0; font: 600 19px/1.4 var(--vmw-font-display); }
.vmw-attendance-body { display: grid; gap: 18px; padding: 24px 20px; }
.vmw-attendance-value { display: flex; flex-direction: column; gap: 6px; }
.vmw-attendance-value strong { display: inline-flex; align-items: baseline; gap: 4px; color: var(--vmw-link); font: 600 64px/1 var(--vmw-font-display); font-variant-numeric: tabular-nums; letter-spacing: -.035em; }
.vmw-attendance-value strong > span { font-size: 27px; font-weight: 500; }
.vmw-attendance-value > span { color: var(--vmw-dim); font-size: 12px; }
.vmw-attendance-track { height: 6px; background: var(--vmw-inset); border-radius: 2px; overflow: hidden; }
.vmw-attendance-track > span { display: block; width: 100%; height: 100%; background: linear-gradient(90deg, var(--vmw-accent), var(--vmw-accent-light)); transform-origin: left; animation: vmw-attendance-fill 180ms ease-out both; }
.vmw-attendance-body > p { margin: 0; color: var(--vmw-dim); font-size: 12px; line-height: 1.65; overflow-wrap: anywhere; }
@keyframes vmw-attendance-fill { from { transform: scaleX(.7); opacity: .4; } to { transform: scaleX(1); opacity: 1; } }
@media (max-width: 1100px) and (min-width: 641px) {
    .vmw-home-raid-readiness .vmw-attendance-body { grid-template-columns: auto minmax(120px, 1fr) minmax(180px, 1fr); align-items: center; gap: 24px; }
}
@media (max-width: 640px) {
    .vmw-attendance-heading { padding: 16px; }
    .vmw-attendance-body { padding: 20px 16px; gap: 14px; }
    .vmw-attendance-heading h2 { font-size: 17px; }
    .vmw-attendance-value strong { font-size: 54px; }
}
@media (prefers-reduced-motion: reduce) { .vmw-attendance-track > span { animation: none; } }