/* ════════════════════════════════════════════════════════════════
   badges.css — Badge interactions (give, pending, suggestion cards)
   ════════════════════════════════════════════════════════════════
   Extracted from dashboard.css in C-port turn 6. Holds .badge-*,
   .pending-badge-*, and .pbtn rules.
   ════════════════════════════════════════════════════════════════ */


    .badge-card{border:1px solid var(--border);border-radius:10px;padding:14px;margin-bottom:8px;background:#fff;}

    .badge-card-top{display:flex;align-items:center;gap:10px;margin-bottom:8px;}

    .badge-avatar{width:34px;height:34px;border-radius:50%;background:var(--accent-light);color:var(--accent);font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;}

    .badge-member-name{font-size:13px;font-weight:600;}

    .badge-emoji{font-size:20px;margin-left:auto;}

    .badge-name{font-size:12px;font-weight:600;color:var(--accent);margin-bottom:3px;}

    .badge-reason{font-size:11px;color:var(--muted);line-height:1.5;margin-bottom:10px;}

    .badge-actions{display:flex;gap:6px;}

    .badge-btn{flex:1;padding:7px;border-radius:6px;border:1px solid var(--border);font-family:"DM Sans",sans-serif;font-size:12px;font-weight:600;cursor:pointer;background:#fff;transition:all .15s;text-align:center;}

    .badge-btn.give{background:var(--accent-light);color:var(--accent);border-color:var(--accent);}

    .badge-btn.give:hover{background:var(--accent);color:white;}

    .badge-btn.skip{color:var(--muted);}

    .badge-btn.custom{color:var(--muted);}

    .badge-custom-input{width:100%;padding:8px 10px;border:1px solid var(--border);border-radius:6px;font-family:"DM Sans",sans-serif;font-size:12px;outline:none;margin-bottom:6px;}

    .badge-custom-input:focus{border-color:var(--accent);}

    .pending-badge-card{background:#fff;border:1px solid #a855f7;border-radius:10px;padding:14px;margin-bottom:8px;}

    .pending-badge-header{display:flex;align-items:center;gap:8px;margin-bottom:6px;}

    .pending-badge-from{font-size:11px;color:var(--muted);}

    .pending-badge-name{font-size:13px;font-weight:600;color:var(--text);}

    .pending-badge-reason{font-size:11px;color:var(--muted);line-height:1.5;margin-bottom:10px;}

    .pending-badge-actions{display:flex;gap:6px;}

    .pbtn{flex:1;padding:7px;border-radius:6px;font-family:"DM Sans",sans-serif;font-size:11px;font-weight:600;cursor:pointer;text-align:center;border:1px solid var(--border);background:#fff;}

    .pbtn.accept{background:#f5f3ff;color:#7e22ce;border-color:#a855f7;}

    .pbtn.accept:hover{background:#a855f7;color:white;}

    .pbtn.decline{color:var(--muted);}

    .pbtn.block{color:#dc2626;border-color:#fca5a5;}