/* CommunityHub Social Widget Library — v1.0.528 */
/* ========================================================================
   v1.0.528 — CommunityHub Social Widget Library
   Core owns social data/actions; Theme owns rail placement and outer widget chrome.
   ======================================================================== */
.ch-social-widget-list{display:grid;gap:8px;min-width:0}
.ch-social-widget-empty{margin:4px 0;color:var(--ch-muted,#8293aa);font-size:.78rem;line-height:1.45}
.ch-social-widget-person,.ch-social-widget-group{position:relative;display:flex;align-items:center;gap:9px;min-width:0;padding:8px;border:1px solid color-mix(in srgb,var(--ch-border,#293b55) 78%,transparent);border-radius:13px;background:color-mix(in srgb,var(--ch-card-bg,#101a2a) 92%,transparent);transition:border-color .18s ease,background .18s ease,transform .18s ease}
.ch-social-widget-person:hover,.ch-social-widget-group:hover{border-color:color-mix(in srgb,var(--ch-accent,#4da3ff) 42%,var(--ch-border,#293b55));background:color-mix(in srgb,var(--ch-accent,#4da3ff) 5%,var(--ch-card-bg,#101a2a));transform:translateY(-1px)}
.ch-social-widget-person__identity,.ch-social-widget-group__identity{display:flex;align-items:center;gap:9px;min-width:0;flex:1;color:inherit;text-decoration:none}
.ch-social-widget-avatar{position:relative;display:inline-flex;align-items:center;justify-content:center;flex:0 0 46px;width:46px;height:46px;border-radius:50%}
.ch-social-widget-avatar>img,.ch-social-widget-avatar img.avatar,.ch-social-widget-avatar img.photo{display:block;width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;max-width:44px!important;max-height:44px!important;border-radius:50%!important;object-fit:cover!important}
.ch-social-widget-person__copy,.ch-social-widget-group__copy{display:grid;gap:2px;min-width:0;line-height:1.2}
.ch-social-widget-person__copy strong,.ch-social-widget-group__copy strong{overflow:hidden;color:var(--ch-text,#f4f7fb);font-size:.82rem;font-weight:850;text-overflow:ellipsis;white-space:nowrap}
.ch-social-widget-person__copy small,.ch-social-widget-group__copy small{overflow:hidden;color:var(--ch-muted,#8293aa);font-size:.67rem;font-weight:650;text-overflow:ellipsis;white-space:nowrap}
.ch-social-widget-person__actions,.ch-social-widget-group__actions{flex:0 0 auto;display:flex;align-items:center;gap:6px}
.ch-social-widget-person__actions .ch-profile-social-controls{display:flex;align-items:center;gap:4px}
.ch-social-widget-person__actions .ch-profile-overflow{display:none!important}
.ch-social-widget-person__actions .ch-profile-friend-controls{display:flex;align-items:center;gap:4px}
.ch-social-widget-person__actions .ch-profile-social-button{min-height:28px!important;padding:4px 8px!important;border-radius:999px!important;font-size:.62rem!important;line-height:1!important;white-space:nowrap}
.ch-social-widget-person__actions .ch-profile-social-state{font-size:.62rem;white-space:nowrap;color:var(--ch-muted,#8293aa)}
.ch-social-widget-group__avatar{display:block;flex:0 0 44px;width:44px;height:44px;border:1px solid color-mix(in srgb,var(--ch-border,#293b55) 78%,transparent);border-radius:12px;object-fit:cover}
.ch-social-widget-group__avatar--fallback{display:grid;place-items:center;background:linear-gradient(135deg,color-mix(in srgb,var(--ch-accent,#4da3ff) 18%,transparent),color-mix(in srgb,var(--ch-card-bg,#101a2a) 95%,transparent));font-size:1.1rem}
.ch-social-widget-action{display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:4px 9px;border:1px solid color-mix(in srgb,var(--ch-accent,#4da3ff) 56%,var(--ch-border,#293b55));border-radius:999px;background:color-mix(in srgb,var(--ch-accent,#4da3ff) 13%,transparent);color:var(--ch-text,#f4f7fb);font-size:.64rem;font-weight:850;line-height:1;text-decoration:none;cursor:pointer;transition:background .18s ease,border-color .18s ease,transform .18s ease}
.ch-social-widget-action:hover,.ch-social-widget-action:focus-visible{background:color-mix(in srgb,var(--ch-accent,#4da3ff) 24%,transparent);border-color:color-mix(in srgb,var(--ch-accent,#4da3ff) 74%,var(--ch-border,#293b55));transform:translateY(-1px)}
.ch-social-widget-action.is-secondary{background:transparent}
.ch-social-widget-action.is-joined{border-color:color-mix(in srgb,#20bf6b 55%,var(--ch-border,#293b55));background:color-mix(in srgb,#20bf6b 14%,transparent);cursor:default}
.ch-social-widget-status{position:absolute;right:7px;bottom:-14px;padding:2px 5px;border-radius:6px;background:var(--ch-card-bg,#101a2a);color:var(--ch-muted,#8293aa);font-size:.58rem;box-shadow:0 3px 12px rgba(0,0,0,.18)}
.ch-social-widget-status.is-error{color:#ff9e9e}
.ch-social-widget-activity{display:grid;grid-template-columns:40px minmax(0,1fr);gap:9px;padding:8px;border:1px solid color-mix(in srgb,var(--ch-border,#293b55) 72%,transparent);border-radius:12px;background:color-mix(in srgb,var(--ch-card-bg,#101a2a) 91%,transparent);color:inherit;text-decoration:none}
.ch-social-widget-activity .ch-social-widget-avatar{width:40px;height:40px;flex-basis:40px}
.ch-social-widget-activity .ch-social-widget-avatar>img,.ch-social-widget-activity .ch-social-widget-avatar img.avatar,.ch-social-widget-activity .ch-social-widget-avatar img.photo{width:38px!important;height:38px!important;min-width:38px!important;min-height:38px!important;max-width:38px!important;max-height:38px!important}
.ch-social-widget-activity>span{display:grid;gap:2px;min-width:0}.ch-social-widget-activity strong{font-size:.75rem}.ch-social-widget-activity span span{display:-webkit-box;overflow:hidden;color:var(--ch-text,#f4f7fb);font-size:.7rem;line-height:1.35;-webkit-box-orient:vertical;-webkit-line-clamp:2}.ch-social-widget-activity small{color:var(--ch-muted,#8293aa);font-size:.61rem}
.ch-social-widget-account{display:grid;gap:10px}.ch-social-widget-account__identity{display:flex;align-items:center;gap:10px;color:inherit;text-decoration:none}.ch-social-widget-account__identity>span:last-child{display:grid;gap:2px;min-width:0}.ch-social-widget-account__identity strong{font-size:.86rem}.ch-social-widget-account__identity small{color:var(--ch-muted,#8293aa);font-size:.67rem}.ch-social-widget-account__actions{display:grid;grid-template-columns:1fr 1fr;gap:7px}.ch-social-widget-account__actions a{display:grid;place-items:center;min-height:31px;border:1px solid var(--ch-border,#293b55);border-radius:9px;color:var(--ch-text,#f4f7fb);background:color-mix(in srgb,var(--ch-accent,#4da3ff) 6%,transparent);font-size:.7rem;font-weight:800;text-decoration:none}
.ch-social-widget-login form{display:grid;gap:8px}.ch-social-widget-login p{margin:0}.ch-social-widget-login label{display:grid;gap:4px;font-size:.7rem;color:var(--ch-muted,#8293aa)}.ch-social-widget-login input[type="text"],.ch-social-widget-login input[type="password"]{box-sizing:border-box;width:100%;min-height:36px;border:1px solid var(--ch-border,#293b55);border-radius:9px;background:var(--ch-input-bg,var(--ch-card-bg,#101a2a));color:var(--ch-text,#f4f7fb);padding:7px 9px}.ch-social-widget-login input[type="submit"]{min-height:34px;border:0;border-radius:9px;background:var(--ch-accent,#268dff);color:#fff;font-weight:850;cursor:pointer}
.ch-social-widget-blog{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:9px;padding:7px;border-radius:11px;color:inherit;text-decoration:none}.ch-social-widget-blog:hover{background:color-mix(in srgb,var(--ch-accent,#4da3ff) 7%,transparent)}.ch-social-widget-blog__thumb{width:50px!important;height:42px!important;min-width:50px!important;border-radius:9px!important;object-fit:cover!important}.ch-social-widget-blog>span{display:grid;gap:2px;min-width:0}.ch-social-widget-blog strong{display:-webkit-box;overflow:hidden;font-size:.73rem;line-height:1.25;-webkit-box-orient:vertical;-webkit-line-clamp:2}.ch-social-widget-blog small{color:var(--ch-muted,#8293aa);font-size:.61rem}
.ch-social-widget-notice{display:grid;gap:3px;padding:10px;border:1px solid color-mix(in srgb,var(--ch-accent,#4da3ff) 24%,var(--ch-border,#293b55));border-radius:12px;background:linear-gradient(135deg,color-mix(in srgb,var(--ch-accent,#4da3ff) 8%,transparent),transparent 62%);color:inherit;text-decoration:none}.ch-social-widget-notice small{color:var(--ch-accent,#65b8ff);font-size:.57rem;font-weight:900;letter-spacing:.09em}.ch-social-widget-notice strong{font-size:.76rem}.ch-social-widget-notice span{display:-webkit-box;overflow:hidden;color:var(--ch-muted,#8293aa);font-size:.67rem;line-height:1.35;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.ch-social-widget-birthday{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:9px;padding:7px;border-radius:11px;color:inherit;text-decoration:none}.ch-social-widget-birthday:hover{background:color-mix(in srgb,#f06ca8 7%,transparent)}.ch-social-widget-birthday .ch-social-widget-avatar{width:44px;height:44px;flex-basis:44px}.ch-social-widget-birthday .ch-social-widget-avatar>img,.ch-social-widget-birthday .ch-social-widget-avatar img.avatar,.ch-social-widget-birthday .ch-social-widget-avatar img.photo{width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important;max-width:42px!important;max-height:42px!important}.ch-social-widget-birthday>span{display:grid;gap:2px;min-width:0}.ch-social-widget-birthday strong{font-size:.75rem}.ch-social-widget-birthday small{color:var(--ch-muted,#8293aa);font-size:.64rem}.ch-social-widget-birthday>i{font-style:normal;font-size:1.05rem}
@media(max-width:520px){.ch-social-widget-person,.ch-social-widget-group{padding:7px}.ch-social-widget-avatar{flex-basis:42px;width:42px;height:42px}.ch-social-widget-avatar>img,.ch-social-widget-avatar img.avatar,.ch-social-widget-avatar img.photo{width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;max-width:40px!important;max-height:40px!important}.ch-social-widget-person__copy strong,.ch-social-widget-group__copy strong{font-size:.78rem}.ch-social-widget-person__actions .ch-profile-social-button{padding:4px 7px!important;font-size:.58rem!important}}
@media(prefers-reduced-motion:reduce){.ch-social-widget-person,.ch-social-widget-group,.ch-social-widget-action{transition:none!important}}


/* v1.0.541 — provider replacement widgets */
.ch-native-forum-search{display:flex;gap:7px}.ch-native-forum-search input{min-width:0;flex:1;border:1px solid var(--ch-border,#dbe4ee);border-radius:10px;background:var(--ch-surface,#fff);color:var(--ch-text,#172033);padding:9px 10px}.ch-native-forum-search button{width:38px;border:1px solid color-mix(in srgb,var(--ch-accent,#168fff) 34%,var(--ch-border,#dbe4ee));border-radius:10px;background:color-mix(in srgb,var(--ch-accent,#168fff) 12%,var(--ch-surface,#fff));color:var(--ch-accent,#168fff);font-weight:950;cursor:pointer}.ch-native-forum-list,.ch-native-forum-topics,.ch-native-forum-replies,.ch-native-forum-views{display:grid;gap:5px}.ch-native-forum-list>a,.ch-native-forum-topics>a,.ch-native-forum-replies>a,.ch-native-forum-views>a{display:flex;align-items:center;gap:8px;padding:8px;border-radius:10px;color:inherit;text-decoration:none;border:1px solid transparent}.ch-native-forum-list>a:hover,.ch-native-forum-topics>a:hover,.ch-native-forum-replies>a:hover,.ch-native-forum-views>a:hover{background:color-mix(in srgb,var(--ch-accent,#168fff) 7%,transparent);border-color:color-mix(in srgb,var(--ch-accent,#168fff) 18%,transparent)}.ch-native-forum-list>a>span:last-child,.ch-native-forum-topics>a>span:last-child,.ch-native-forum-replies>a>span:last-child{display:grid;gap:2px;min-width:0}.ch-native-forum-list strong,.ch-native-forum-topics strong,.ch-native-forum-replies strong{font-size:.72rem;color:var(--ch-text,#172033);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ch-native-forum-list small,.ch-native-forum-topics small,.ch-native-forum-replies small{font-size:.61rem;color:var(--ch-muted,#8293aa);line-height:1.35}.ch-native-forum-icon{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border-radius:10px;background:color-mix(in srgb,var(--ch-accent,#168fff) 10%,transparent)}.ch-native-forum-topics .ch-social-widget-avatar,.ch-native-forum-replies .ch-social-widget-avatar{width:36px;height:36px;flex-basis:36px}.ch-native-forum-topics .ch-social-widget-avatar img,.ch-native-forum-replies .ch-social-widget-avatar img{width:34px!important;height:34px!important;min-width:34px!important;min-height:34px!important}.ch-native-forum-stats{display:grid;grid-template-columns:1fr 1fr;gap:7px}.ch-native-forum-stats>div{display:grid;gap:2px;padding:10px;border:1px solid var(--ch-border,#dbe4ee);border-radius:11px;background:color-mix(in srgb,var(--ch-accent,#168fff) 5%,var(--ch-surface,#fff));text-align:center}.ch-native-forum-stats strong{font-size:1rem;color:var(--ch-text,#172033)}.ch-native-forum-stats span{font-size:.58rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:var(--ch-muted,#8293aa)}.ch-native-forum-views>a{justify-content:space-between;font-size:.69rem;font-weight:850}.ch-hchip-balance-card{display:flex;align-items:center;gap:10px;padding:11px;border:1px solid color-mix(in srgb,#d8ad3e 30%,var(--ch-border,#dbe4ee));border-radius:13px;background:linear-gradient(135deg,color-mix(in srgb,#f5c94f 8%,var(--ch-surface,#fff)),color-mix(in srgb,var(--ch-accent,#168fff) 4%,var(--ch-surface,#fff)))}.ch-hchip-balance-card>span{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:linear-gradient(145deg,#ffe99b,#d5a62a);font-size:20px;box-shadow:0 0 0 4px #e2bd4d1a}.ch-hchip-balance-card>div{display:grid;gap:1px}.ch-hchip-balance-card small{font-size:.55rem;font-weight:950;letter-spacing:.11em;color:var(--ch-muted,#8293aa)}.ch-hchip-balance-card strong{font-size:.86rem;color:var(--ch-text,#172033)}.ch-hchip-leaderboard{list-style:none;margin:0;padding:0;display:grid;gap:4px;counter-reset:none}.ch-hchip-leaderboard li{display:grid;grid-template-columns:24px 34px minmax(0,1fr) auto;align-items:center;gap:6px;padding:6px 4px;border-bottom:1px solid color-mix(in srgb,var(--ch-border,#dbe4ee) 72%,transparent)}.ch-hchip-leaderboard li:last-child{border-bottom:0}.ch-hchip-leaderboard li>b{font-size:.61rem;color:#d7a62b}.ch-hchip-leaderboard .ch-social-widget-avatar{width:34px;height:34px;flex-basis:34px}.ch-hchip-leaderboard .ch-social-widget-avatar img{width:32px!important;height:32px!important;min-width:32px!important;min-height:32px!important}.ch-hchip-leaderboard a{min-width:0;color:var(--ch-text,#172033);font-size:.68rem;font-weight:850;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ch-hchip-leaderboard>li>span:last-child{font-size:.62rem;color:var(--ch-muted,#8293aa);white-space:nowrap}