.dd-notabelen-board { max-width: 820px; }

.ddb-badges-title { font-size:13px; font-weight:700; text-transform:uppercase; letter-spacing:1px; color:var(--dd-muted); margin-bottom:14px; }

.ddb-badges-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(220px,1fr)); gap:12px; margin-bottom:32px; }

.ddb-badge-card {
  display:flex; align-items:center; gap:12px; padding:14px;
  background:#fff; border:1.5px solid var(--dd-border); border-radius:12px;
  transition:all .18s; border-left:4px solid var(--badge-color,var(--dd-amber));
}
.ddb-badge-card:hover { transform:translateY(-2px); box-shadow:var(--dd-shadow); }
.ddb-badge-card.earned { background:linear-gradient(135deg,#f5fdf7,#e8f7ec); border-color:var(--badge-color,var(--dd-amber)); }

.ddb-badge-icon { font-size:28px; flex-shrink:0; }
.ddb-badge-info { display:flex; flex-direction:column; gap:2px; min-width:0; }
.ddb-badge-info strong { font-size:13.5px; color:var(--dd-text); line-height:1.2; }
.ddb-badge-info span   { font-size:11.5px; color:var(--dd-muted); line-height:1.3; }
.ddb-venue-dot { font-size:10.5px !important; }

/* Claim */
.ddb-claim-wrap { padding:24px; margin-bottom:28px; }
.ddb-claim-title { font-size:18px; color:var(--dd-green); margin:0 0 8px; }
.ddb-claim-wrap > p { font-size:13.5px; color:var(--dd-muted); margin:0 0 16px; }
.ddb-claim-form { display:flex; flex-wrap:wrap; gap:10px; align-items:center; }
.ddb-input {
  padding:10px 14px; border:1.5px solid var(--dd-border); border-radius:10px;
  font-family:var(--dd-font); font-size:14px; color:var(--dd-text); outline:none;
  transition:border-color .15s; background:#fff;
}
.ddb-input:focus { border-color:var(--dd-amber); }
.ddb-select { min-width:200px; }
.ddb-claim-msg { margin-top:12px; padding:10px 14px; border-radius:8px; font-size:13.5px; }
.ddb-claim-msg.success { background:#e8f7ec; color:#1a7a40; }
.ddb-claim-msg.error   { background:#fdecea; color:#8e2020; }

/* Members board */
.ddb-members-title { font-size:20px; color:var(--dd-green); margin:0 0 16px; }
.ddb-members-list  { display:flex; flex-direction:column; gap:12px; }
.ddb-member-row {
  display:flex; align-items:center; gap:14px; padding:16px;
  background:#fff; border:1.5px solid var(--dd-border); border-radius:12px;
  transition:box-shadow .2s;
}
.ddb-member-row:hover { box-shadow:var(--dd-shadow); }
.ddb-member-rank  { font-size:22px; flex-shrink:0; width:32px; text-align:center; }
.ddb-member-name  { font-size:16px; font-weight:700; color:var(--dd-green); }
.ddb-member-joined{ font-size:11.5px; color:var(--dd-muted); }
.ddb-member-badges{ display:flex; flex-wrap:wrap; gap:4px; margin-top:4px; }
.ddb-member-badge { font-size:20px; line-height:1; }
.ddb-member-count { margin-left:auto; flex-shrink:0; font-size:13px; font-weight:700; color:var(--dd-amber); }
.ddb-empty { font-size:14px; color:var(--dd-muted); font-style:italic; margin:0; }