/* --- Header avatar: fixed & round --- */
.cblp-profile-wrap{position:relative;display:inline-block}
.cblp-avatar-btn{background:transparent;border:0;cursor:pointer;padding:0;outline:none;line-height:0}
.cblp-avatar{width:42px;height:42px;border-radius:50%;object-fit:cover;display:block;border:1px solid rgba(255,255,255,.15);box-shadow:0 2px 8px rgba(0,0,0,.35)}
.cblp-dropdown{position:absolute;right:0;top:48px;min-width:200px;background:#0f1115;border:1px solid rgba(255,255,255,.06);border-radius:14px;box-shadow:0 24px 60px rgba(0,0,0,.55);padding:6px 0;display:none;z-index:9999}
.cblp-dropdown .cblp-item{display:block;padding:10px 14px;text-decoration:none;color:#e9edf5;font-weight:500}
.cblp-dropdown .cblp-item:hover{background:#151922}

/* --- Root/container dark theme --- */
.cblp-root.cblp-dark{color:#e9edf5}
.cblp-root.cblp-dark a{color:#b9d2ff}
.cblp-grid{display:grid;grid-template-columns: 2fr 1fr;grid-gap:22px;align-items:start}

/* --- Card --- */
.cblp-card{background:#111318;border:1px solid rgba(255,255,255,.06);border-radius:16px;box-shadow:0 12px 40px rgba(0,0,0,.45);overflow:hidden}
.cblp-card-header{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid rgba(255,255,255,.06)}
.cblp-card-header h3{margin:0;font-size:18px}
.cblp-card-body{padding:18px}
.cblp-btn{background:#232a3a;color:#e9edf5;border:1px solid rgba(255,255,255,.08);border-radius:999px;padding:8px 14px;cursor:pointer;font-weight:600}
.cblp-btn:hover{filter:brightness(1.08)}

.cblp-profile-body{display:flex;gap:16px;align-items:center}
.cblp-profile-photo{width:96px;height:96px;border-radius:18px;object-fit:cover;border:1px solid rgba(255,255,255,.08);box-shadow:0 4px 20px rgba(0,0,0,.45)}
.cblp-profile-meta .cblp-name{font-weight:800;font-size:20px;margin-bottom:2px}
.cblp-profile-meta .cblp-email{opacity:.8;margin-bottom:8px}
.cblp-socials a,.cblp-socials span{display:inline-block;margin-right:10px;opacity:.9}

/* --- Points --- */
.cblp-card-points .cblp-points-current{font-size:16px;margin-bottom:8px}
.cblp-card-points .cblp-points-history{margin:10px 0 0 16px;padding-left:0}

/* --- History slot --- */
.cblp-card-history{grid-column: 1 / span 2}
.cblp-table{width:100%;border-collapse:collapse}
.cblp-table th,.cblp-table td{padding:12px;border-bottom:1px solid rgba(255,255,255,.06);text-align:left}
.cblp-status{padding:6px 10px;border-radius:999px;background:#1b2130;font-size:12px;color:#d6e5ff}
.cblp-status.confirmed{background:#0f2d1b;color:#71f4a0}
.cblp-status.declined{background:#2b1414;color:#ff8a8a}

/* --- Modal --- */
.cblp-modal{position:fixed;inset:0;background:rgba(8,10,14,.65);display:none;align-items:center;justify-content:center;z-index:99999;backdrop-filter: blur(2px)}
.cblp-modal-dialog{position:relative;background:#111318;border:1px solid rgba(255,255,255,.06);border-radius:16px;box-shadow:0 24px 64px rgba(0,0,0,.65);padding:20px;max-width:560px;width:92%;color:#e9edf5}
.cblp-modal-close{position:absolute;right:14px;top:10px;background:transparent;border:0;font-size:24px;cursor:pointer;color:#e9edf5}
.cblp-profile-form label{display:block;margin:0 0 12px}
.cblp-profile-form input[type="text"],
.cblp-profile-form input[type="email"],
.cblp-profile-form input[type="url"]{width:100%;background:#0f1115;border:1px solid rgba(255,255,255,.08);color:#e9edf5;border-radius:10px;padding:10px}
.cblp-modal .cblp-modal-msg{margin-top:12px;font-size:14px;opacity:.9}

/* Staff grid */
.cblp-staff{grid-template-columns: 1fr}
.cblp-card-wide{grid-column:1}

@media (max-width: 860px){
 .cblp-grid{grid-template-columns:1fr}
 .cblp-card-history{grid-column:1}
}


/* === v1.2 tweaks === */
/* Force avatar perfectly round with fixed size and thick white-ish outline */
.cblp-avatar-btn{border-radius:9999px !important; overflow:hidden; line-height:0;}
.cblp-avatar{width:42px !important; height:42px !important; border-radius:9999px !important; object-fit:cover; display:block; border:2px solid rgba(255,255,255,.9); background:#0e1020}
/* Dropdown keep same dark style */
.cblp-dropdown{top:50px}

/* Modal centered with space below sticky header */
.cblp-modal{display:none; align-items:flex-start; justify-content:center; padding-top:96px}
.cblp-modal.is-open{display:flex}
@media (max-width: 760px){ .cblp-modal{padding-top:72px} }
.cblp-modal-dialog{max-height:calc(100dvh - 140px); overflow:auto}

/* nicer header actions */
.cblp-card-header { display:flex; align-items:center; justify-content:space-between; padding:16px 18px; border-bottom:1px solid rgba(255,255,255,.06); }
.cblp-header-actions { display:flex; gap:10px; }

/* bigger profile */
.cblp-profile-body{display:flex;gap:18px;align-items:center}
.cblp-profile-photo{width:120px;height:120px;border-radius:22px;object-fit:cover;border:1px solid rgba(255,255,255,.08);box-shadow:0 6px 26px rgba(0,0,0,.45)}

/* badges / extra line */
.cblp-extra{margin:8px 0 10px;display:flex;gap:8px;flex-wrap:wrap}
.cblp-badge{display:inline-block;padding:4px 10px;border-radius:999px;background:#151922;border:1px solid rgba(255,255,255,.08);font-weight:600;opacity:.95}

/* social chips */
.cblp-socials{display:flex;gap:8px;flex-wrap:wrap}
.cblp-chip{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;background:#12151e;border:1px solid rgba(255,255,255,.08);text-decoration:none;color:#e9edf5;font-weight:600}
.cblp-chip:hover{filter:brightness(1.08)}

/* modal niceties */
.cblp-modal .cblp-modal-inner{max-width:520px}
.cblp-hint{margin-top:6px;font-size:12px;opacity:.75}