/* ZIEN FIT — Achievements Page */
.achievements-header { display:flex; align-items:center; justify-content:space-between; margin-bottom:var(--space-lg); }
.achievements-header h1 { font:700 var(--text-card-title) var(--font-display); letter-spacing:var(--ls-display); text-transform:uppercase; }

.achieve-summary { display:grid; grid-template-columns:repeat(auto-fit,minmax(140px,1fr)); gap:var(--space-base); margin-bottom:var(--space-xl); }
.achieve-summary-card { background:var(--bg-surface); border:1px solid var(--border-subtle); border-radius:4px; padding:var(--space-md); text-align:center; }
.achieve-summary-card .as-value { font:700 var(--text-data) var(--font-display); color:var(--gold-primary); letter-spacing:var(--ls-display); }
.achieve-summary-card .as-label { font:500 var(--text-label) var(--font-heading); letter-spacing:var(--ls-label); text-transform:uppercase; color:var(--text-secondary); margin-top:4px; }

.badge-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(260px,1fr)); gap:var(--space-base); margin-bottom:var(--space-xl); }
.achievement-card { background:var(--bg-surface); border:1px solid var(--border-subtle); border-radius:4px; padding:var(--space-md); display:flex; align-items:flex-start; gap:var(--space-base); transition:all var(--dur-fast) var(--ease-drift); }
.achievement-card:hover { border-color:var(--border-gold); box-shadow:var(--shadow-card); transform:translateY(-2px); }
.achievement-card.unlocked { border-color:var(--gold-primary); background:var(--gold-ghost); }
.achievement-card.locked { opacity:0.5; }
.achieve-icon { width:52px; height:52px; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:24px; flex-shrink:0; }
.achievement-card.unlocked .achieve-icon { background:var(--grad-gold); box-shadow:var(--shadow-gold); }
.achievement-card.locked .achieve-icon { background:var(--bg-elevated); border:1px solid var(--border-visible); }
.achieve-info .achieve-name { font:700 15px var(--font-heading); letter-spacing:var(--ls-label); text-transform:uppercase; color:var(--text-primary); margin-bottom:2px; }
.achieve-info .achieve-desc { font:400 13px var(--font-body); color:var(--text-secondary); line-height:1.5; margin-bottom:6px; }
.achieve-info .achieve-date { font:400 11px var(--font-mono); color:var(--text-muted); }
.achieve-progress { margin-top:6px; }
.achieve-progress .ap-label { display:flex; justify-content:space-between; font:500 11px var(--font-mono); color:var(--text-muted); margin-bottom:4px; }

.pr-section { margin-bottom:var(--space-xl); }
.pr-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(200px,1fr)); gap:var(--space-base); }
.pr-card { background:var(--bg-surface); border:1px solid var(--border-subtle); border-top:2px solid var(--gold-primary); border-radius:4px; padding:var(--space-md); text-align:center; transition:all var(--dur-fast); }
.pr-card:hover { box-shadow:var(--shadow-gold); transform:translateY(-2px); }
.pr-card .pr-exercise { font:600 13px var(--font-heading); letter-spacing:var(--ls-label); text-transform:uppercase; color:var(--text-secondary); margin-bottom:4px; }
.pr-card .pr-value { font:700 var(--text-data) var(--font-display); color:var(--gold-primary); letter-spacing:var(--ls-display); }
.pr-card .pr-date { font:400 11px var(--font-mono); color:var(--text-muted); margin-top:4px; }

.streak-visual { background:var(--bg-surface); border:1px solid var(--border-subtle); border-radius:4px; padding:var(--space-md); margin-bottom:var(--space-xl); }
.streak-grid { display:flex; flex-wrap:wrap; gap:4px; }
.streak-day { width:16px; height:16px; border-radius:2px; background:var(--bg-elevated); }
.streak-day.active { background:var(--gold-primary); box-shadow:0 0 4px rgba(201,168,76,0.4); }
.streak-day.rest { background:var(--gold-dark); }