/* Modern front styles (ongeveer gelijk aan 1.2.7, met moderne loader/circles/cards) */
:root{
  --wa-bg:#F7F9F8;
  --wa-border:#E5ECE9;
  --wa-accent:#43C470;
  --wa-txt:#1f2937;
  --wa-muted:#6b7280;
  --wa-card:#ffffff;
  --wa-shadow:0 8px 24px rgba(0,0,0,.06);
}
.wa-form{max-width:720px;margin:24px auto;padding:16px;background:var(--wa-bg);border:1px solid var(--wa-border);border-radius:16px}
.wa-form label{display:block;font-weight:700;margin-bottom:8px;color:var(--wa-txt)}
.wa-form__row{display:flex;gap:8px}
.wa-form input{flex:1;padding:12px 14px;border-radius:12px;border:1px solid var(--wa-border);font-size:16px}
.wa-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 16px;border:1px solid var(--wa-border);border-radius:12px;background:#fff;color:var(--wa-txt);text-decoration:none;cursor:pointer;transition:.2s box-shadow,.2s transform}
.wa-btn:hover{box-shadow:var(--wa-shadow);transform:translateY(-1px)}
.wa-btn--primary{background:var(--wa-accent);border-color:var(--wa-accent);color:#fff}
.wa-loader{max-width:760px;margin:24px auto;padding:24px;background:var(--wa-bg);border:1px dashed var(--wa-border);border-radius:16px;text-align:center}
.wa-spinner{width:36px;height:36px;border-radius:999px;border:4px solid #e5e7eb;border-top-color:var(--wa-accent);margin:0 auto 12px;animation:wa-spin 1s linear infinite}
@keyframes wa-spin{to{transform:rotate(360deg)}}
.wa-loader__bar{width:100%;height:10px;background:#EDEFEF;border-radius:999px;overflow:hidden;margin-top:12px}
.wa-loader__fill{height:100%;background:var(--wa-accent);transition:width .25s ease}
.wa-loader__text{color:var(--wa-muted);margin:0}
.wa-error{max-width:760px;margin:24px auto;padding:16px;background:#fff1f2;border:1px solid #fecdd3;border-radius:12px;color:#881337}

.wa-results{max-width:1100px;margin:24px auto;padding:8px}
.wa-hero{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:16px}
.wa-hero h2{margin:0;font-size:26px}
.wa-hero .wa-url{margin:0;color:var(--wa-muted)}
.wa-scorecards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:16px}
.wa-card{background:var(--wa-card);border:1px solid var(--wa-border);border-radius:16px;padding:16px;box-shadow:var(--wa-shadow)}
.wa-card--score{display:flex;flex-direction:column;align-items:center;gap:8px}
.wa-card__label{font-weight:700}
.wa-card__meta{display:flex;gap:12px;color:var(--wa-muted);font-size:14px}
.wa-circle{width:140px;height:140px}
.wa-subjects{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:8px}
.wa-card__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}
.wa-chip{background:#EEF7F3;color:#0b7b4b;border:1px solid #CFEBDD;border-radius:999px;padding:6px 10px;font-weight:700}
.wa-badge{background:#F3F4F6;border:1px solid #E5E7EB;border-radius:10px;padding:6px 10px;font-weight:700}
.wa-list{margin:0;padding-left:18px}
.wa-cta{display:flex;gap:12px;justify-content:flex-start;margin-top:16px}
@media(max-width:900px){
  .wa-scorecards,.wa-subjects{grid-template-columns:1fr}
}