/* RBS Follow: counts strip, follow button, people popup. */
.rbs-follow-box{display:flex;align-items:center;flex-wrap:wrap;gap:10px 18px;font-family:inherit}
.rbs-follow-stat{background:none!important;border:0!important;padding:4px 2px!important;margin:0;cursor:pointer;display:inline-flex;align-items:baseline;gap:5px;color:#16171a!important;font-size:13px;box-shadow:none!important;text-transform:none!important;letter-spacing:0!important}
.rbs-follow-stat strong{font-size:17px;font-weight:800;color:#16171a}
.rbs-follow-stat span{color:#77736b;font-size:12px}
.rbs-follow-stat:hover span{text-decoration:underline}
.rbs-follow-btn{font-family:inherit;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:999px;padding:9px 20px;font-size:12px;font-weight:800;line-height:1;cursor:pointer;background:linear-gradient(155deg,#d9b44a,#a9861f);color:#16171a!important;box-shadow:0 5px 14px rgba(169,134,31,.25);text-transform:none;letter-spacing:0;transition:transform .12s ease,opacity .12s ease}
.rbs-follow-btn:hover{transform:translateY(-1px)}
.rbs-follow-btn:disabled{opacity:.6;cursor:default}
.rbs-follow-btn.is-following{background:#fff;color:#16171a!important;border:1px solid #d8c795;box-shadow:none}
.rbs-follow-btn-sm{padding:0 14px;height:28px;font-size:12px;font-weight:700;background:#16171a;color:#e8c766!important;box-shadow:none;border:1px solid #16171a;white-space:nowrap;flex:0 0 auto}
.rbs-follow-btn-sm:hover{background:#2a2b2f;transform:none}
.rbs-follow-btn-sm.is-following{background:transparent;color:#16171a!important;border:1px solid #d8c795}
.rbs-follow-btn-sm.is-following:hover{border-color:#c9a227;color:#8b6d0f!important}
/* Follow pill beside a member's name / role label (forum cards, topic view, comments).
   Small yellow pill with black text; turns into a light outlined "Following" once followed. */
.rbs-follow-btn.rbs-follow-inline{height:24px;padding:0 12px;font-size:11.5px;font-weight:800;margin-left:6px;vertical-align:middle;line-height:1;background:linear-gradient(155deg,#e0bc4f,#c9a227);color:#16171a!important;border:1px solid #c9a227;box-shadow:none;text-transform:none;letter-spacing:0;white-space:nowrap;flex:0 0 auto}
.rbs-follow-btn.rbs-follow-inline:hover{background:linear-gradient(155deg,#e8c766,#d4af37);border-color:#d4af37;color:#16171a!important;transform:none}
.rbs-follow-btn.rbs-follow-inline.is-following{background:#fff;color:#16171a!important;border:1px solid #d8c795}
.rbs-follow-btn.rbs-follow-inline.is-following:hover{background:#faf6ea;border-color:#c9a227;color:#16171a!important}
.rbs-follow-btn.rbs-follow-inline.rbs-follow-inline-lg{height:28px;padding:0 14px;font-size:12px;margin-left:10px}
.rbs-public-profile-follow{padding:20px 28px 0}
@media(max-width:760px){.rbs-public-profile-follow{padding:18px 20px 0}}

/* People popup */
html.rbs-people-open{overflow:hidden}
.rbs-people-modal{position:fixed;inset:0;z-index:2147483200;display:flex;align-items:center;justify-content:center;padding:16px}
.rbs-people-modal[hidden]{display:none}
.rbs-people-backdrop{position:absolute;inset:0;background:rgba(12,11,6,.7)}
.rbs-people-card{position:relative;width:min(440px,100%);max-height:min(560px,86vh);display:flex;flex-direction:column;background:#fff;border-radius:16px;box-shadow:0 30px 80px rgba(0,0,0,.35);border-top:3px solid #c9a227;overflow:hidden}
.rbs-people-head{display:flex;align-items:center;justify-content:space-between;padding:16px 18px 12px;border-bottom:1px solid #eee9df}
.rbs-people-title{margin:0;font-size:16px;font-weight:800;color:#16171a}
.rbs-people-close{background:none;border:0;font-size:26px;line-height:1;cursor:pointer;color:#77736b;padding:0 4px}
.rbs-people-list{overflow-y:auto;padding:6px 8px;-webkit-overflow-scrolling:touch}
.rbs-people-row{display:flex;align-items:center;gap:12px;padding:10px}
.rbs-people-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;flex:0 0 auto;background:#eee9df}
.rbs-people-info{flex:1;min-width:0;display:flex;flex-direction:column}
.rbs-people-name{font-size:13px;font-weight:700;color:#16171a!important;text-decoration:none!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
a.rbs-people-name:hover{text-decoration:underline!important}
.rbs-people-role{font-size:11px;color:#77736b;margin-top:2px}
.rbs-people-empty{padding:28px 16px;text-align:center;color:#77736b;font-size:13px}
.rbs-people-more{display:block;box-sizing:border-box;width:calc(100% - 16px);margin:8px 8px 10px;padding:9px;border:1px solid #d8c795;border-radius:10px;background:#fff;color:#8b6d0f;font-weight:800;font-size:12px;cursor:pointer}
.rbs-people-more[hidden]{display:none}

/* People to follow card: compact, Twitter-style */
.rbs-suggest{margin:12px 32px;padding:4px 0;background:#fffdf8;border:1px solid #ece6d6;border-radius:14px;box-shadow:0 1px 2px rgba(22,23,26,.04);overflow:hidden;max-width:420px}
.rbs-suggest .rbs-suggest-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-right:14px}
.rbs-suggest .rbs-suggest-title{margin:0!important;padding:12px 14px 8px!important;font-family:inherit!important;font-size:15px!important;line-height:1.2!important;font-weight:800!important;color:#16171a!important;white-space:nowrap;text-transform:none!important;letter-spacing:0!important}
.rbs-suggest .rbs-people-row{gap:10px;padding:9px 14px;border-top:1px solid #f1ecdf;transition:background .12s ease}
.rbs-suggest .rbs-people-row:hover{background:#faf6ea}
.rbs-suggest .rbs-people-avatar-link{display:block;flex:0 0 auto;line-height:0}
.rbs-suggest .rbs-people-avatar{width:36px!important;height:36px!important;box-shadow:0 0 0 2px #fff,0 0 0 3px #e8d9a6}
.rbs-suggest .rbs-people-name{font-size:13px!important;line-height:1.25!important;font-weight:700!important}
.rbs-suggest .rbs-people-role{font-size:11px;line-height:1.25;margin-top:1px}
@media(max-width:900px){.rbs-suggest{margin:12px 14px;max-width:none}}

/* Follow all + Show more (Twitter-style) */
.rbs-suggest .rbs-suggest-all,.rbs-people-all{background:transparent!important;border:1px solid #d8c795!important;color:#8b6d0f!important;border-radius:999px;height:26px;padding:0 12px!important;font-size:12px!important;font-weight:700!important;line-height:1!important;cursor:pointer;text-transform:none!important;letter-spacing:0!important;box-shadow:none!important;font-family:inherit;white-space:nowrap;transition:background .12s ease,color .12s ease}
.rbs-suggest .rbs-suggest-all:hover,.rbs-people-all:hover{background:#16171a!important;border-color:#16171a!important;color:#e8c766!important}
.rbs-suggest .rbs-suggest-all:disabled,.rbs-people-all:disabled{background:transparent!important;border-color:#e8e3d7!important;color:#77736b!important;cursor:default}
.rbs-people-all[hidden]{display:none}
.rbs-people-head .rbs-people-all{margin-left:auto;margin-right:8px}
.rbs-suggest .rbs-suggest-more{display:block;width:100%;text-align:left;background:transparent!important;border:0!important;border-top:1px solid #f1ecdf!important;border-radius:0!important;padding:11px 14px!important;font-size:13px!important;font-weight:700!important;color:#8b6d0f!important;cursor:pointer;text-transform:none!important;letter-spacing:0!important;box-shadow:none!important;font-family:inherit;transition:background .12s ease}
.rbs-suggest .rbs-suggest-more:hover{background:#faf6ea!important}

/* "Follows you" tag, dismiss X, verified badge in rows */
.rbs-follows-you{display:inline-block;font-style:normal;font-size:10px;font-weight:700;line-height:1;padding:3px 6px;border-radius:5px;background:#f1ecdf;color:#6f6a5e;vertical-align:middle;letter-spacing:0}
.rbs-follow-box .rbs-follows-you{font-size:11px;padding:4px 8px}
.rbs-people-role .rbs-follows-you{padding:2px 5px}
.rbs-people-nameline{display:flex;align-items:center;gap:6px;min-width:0}
.rbs-people-nameline .rbs-people-name{min-width:0}
.rbs-people-nameline > *:not(.rbs-people-name){flex:0 0 auto;white-space:nowrap}
.rbs-people-dismiss{flex:0 0 auto;background:none!important;border:0!important;box-shadow:none!important;color:#a39f94!important;font-size:18px!important;line-height:1!important;padding:2px 2px 2px 4px!important;cursor:pointer;margin-left:-2px}
.rbs-people-dismiss:hover{color:#16171a!important}

/* Follow-your-instructor card (after enrolling) */
.rbs-enroll-follow{display:flex;align-items:center;gap:12px;margin:14px 0;padding:12px 14px;background:#fffdf8;border:1px solid #ece6d6;border-radius:14px;text-align:left}
.rbs-enroll-follow .rbs-people-avatar{width:44px;height:44px;box-shadow:0 0 0 2px #fff,0 0 0 3px #e8d9a6}
.rbs-enroll-follow-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.rbs-enroll-follow-text strong{font-size:14px;color:#16171a;line-height:1.25}
.rbs-enroll-follow-text span{font-size:12px;color:#77736b;line-height:1.35}

/* Long names wrap instead of being cut off on small phones */
.rbs-suggest .rbs-people-nameline{flex-wrap:wrap;gap:2px 6px}
.rbs-suggest .rbs-people-name{white-space:normal!important;overflow:visible!important;text-overflow:clip!important;overflow-wrap:anywhere}
.rbs-suggest .rbs-follow-btn-sm{padding:0 12px}

/* Learning partners directory card: a small Follow pill on the same line as the category tag(s),
   pushed to the right (it wraps to its own line only if the tags fill the row). View Profile is
   untouched. */
.rbs-lp-card-categories.rbs-lp-card-cat-follow{align-items:center}
.rbs-lp-card-categories .rbs-lp-card-follow-row{display:inline-flex;align-items:center;flex:0 0 auto;margin:0 0 0 auto}
.rbs-lp-card-categories .rbs-lp-card-follow-row .rbs-follow-btn{margin-left:0;min-width:0;height:24px;padding:0 12px;font-size:11.5px;font-weight:700}
