/* Step103 — discovery signals, online status, compatibility, VIP boost. */
.db-quick{display:flex;gap:9px;overflow-x:auto;padding:6px 0 2px;scrollbar-width:none}.db-quick a{flex:0 0 auto;text-decoration:none;color:#253041;background:#f3f5f7;border:1px solid #e0e4e8;border-radius:999px;padding:9px 13px;font-size:14px;font-weight:800}.db-quick a.active{background:#111827;color:#fff;border-color:#111827}
.db-card-badges{position:absolute;top:10px;right:10px;display:flex;gap:6px;align-items:center}.db-card-badges .db-vip-badge{position:static}.db-boost-badge{background:#ff5b37;color:#fff;padding:6px 9px;border-radius:999px;font-size:11px;box-shadow:0 4px 16px rgba(255,91,55,.25)}.db-verified-badge{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#1d9bf0;color:#fff;font-size:16px}
.db-online-dot{position:absolute;left:10px;bottom:10px;background:rgba(16,185,129,.94);color:#fff;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:900;box-shadow:0 3px 12px rgba(16,185,129,.25)}.db-match-score{position:absolute;right:10px;bottom:10px;background:rgba(17,24,39,.86);color:#fff;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:900;backdrop-filter:blur(8px)}
.dating-detail-badges{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:10px}.dating-detail-badges .dating-goal-badge{margin:0}.dating-status-pill{display:inline-flex;align-items:center;min-height:31px;padding:6px 10px;border-radius:999px;background:#f2f4f7;color:#344054;font-size:12px;font-weight:850}.dating-status-pill.vip{background:#111827;color:#ffd966}.dating-status-pill.verified{background:#e8f4ff;color:#0876b9}.dating-status-pill.online{background:#e8fff3;color:#067647}.dating-status-pill.match{background:#fff0f3;color:#c51b45}
.dating-vip-control{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:18px 0;padding:18px;border:1px solid #eadb9b;border-radius:18px;background:linear-gradient(135deg,#fffdf2,#fff8dc)}.dating-vip-control b{font-size:18px}.dating-vip-control p{margin:5px 0 0;color:#667085;line-height:1.45}.dating-vip-control form{margin:0;flex:0 0 auto}
@media(max-width:720px){.db-quick{margin:0 -10px;padding:8px 10px 2px}.db-match-score{font-size:10px}.db-online-dot{font-size:10px}.dating-vip-control{display:block}.dating-vip-control form{margin-top:12px}.dating-vip-control button{width:100%}.dating-detail-badges{gap:6px}}