/* Attendance demo landing page — a couple of small additions on top of
   ../url-filter-demo/demo.css (already reuses the portfolio's own tokens). */
.att-warning{ border-color: var(--demo-bad); background: color-mix(in srgb, var(--demo-bad) 8%, var(--bg-card)); margin-bottom: 22px; }
.att-warning strong{ color: var(--demo-bad); }
.att-features{ display: grid; gap: 8px; margin: 0; padding-left: 20px; font-size: 0.88rem; color: var(--text-muted); }
.att-grid{ align-items: start; }
.att-launch{ display: flex; flex-direction: column; }
.att-creds{ margin: 6px 0 20px; }
.att-launch-btn{ width: 100%; justify-content: center; padding: 14px 24px; }