/* SOHBERA Platinum — Community Panel V1 */
body.sohbera-platinum .people-drawer{
  background:linear-gradient(180deg,#fbfcfd 0%,#f6f9fa 100%);
  border-left:1px solid #dfe8e9;
}
body.sohbera-platinum .drawer-head{
  padding:0 18px;
  background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(249,251,252,.94));
  border-bottom:1px solid #e7eeef;
}
body.sohbera-platinum .drawer-head > div{display:flex;flex-direction:column;gap:4px}
body.sohbera-platinum .drawer-head small{font-size:9px;letter-spacing:.18em;color:#268393}
body.sohbera-platinum .drawer-head b{font-size:19px;letter-spacing:-.04em;color:#173845}
body.sohbera-platinum .drawer-head button{
  width:36px;height:36px;border-radius:12px;border:1px solid #d9e5e7;background:#fff;color:#6b828b;
  box-shadow:0 8px 20px rgba(42,70,80,.04);
}
body.sohbera-platinum .people-search{
  margin:12px 14px 10px;height:46px;padding:0 14px;border-radius:14px;background:#eef4f5;border:1px solid #dde8ea;
}
body.sohbera-platinum .people-search input{font-size:12px;color:#294552}
body.sohbera-platinum .people-presence-filters{
  display:flex;flex-wrap:wrap;gap:7px;padding:0 14px 10px;
}
body.sohbera-platinum .people-presence-filters button{
  height:28px;padding:0 10px;border-radius:999px;border:1px solid #dce7e9;background:#fff;color:#6d828b;
  font-size:10px;font-weight:800;letter-spacing:-.01em;
}
body.sohbera-platinum .people-presence-filters button.active{
  background:#eaf5f5;border-color:#bcdadd;color:#257e8d;box-shadow:0 4px 12px rgba(39,126,141,.08)
}
body.sohbera-platinum .people-list{padding:2px 0 18px}
body.sohbera-platinum .people-group{padding:5px 10px 10px}
body.sohbera-platinum .people-group + .people-group{padding-top:0}
body.sohbera-platinum .people-group label{
  display:flex;align-items:center;justify-content:space-between;gap:8px;
  margin:0 2px 8px;padding:0 4px;
  font-size:9px;font-weight:900;letter-spacing:.18em;color:#80939b;
}
body.sohbera-platinum .people-group label::after{
  content:"";flex:1;height:1px;margin-left:8px;background:linear-gradient(90deg,#dce8ea,transparent);
}
body.sohbera-platinum .person{
  position:relative;
  min-height:64px;
  padding:10px 10px;
  border-radius:16px;
  grid-template-columns:44px minmax(0,1fr) auto;
  gap:10px;
  margin-bottom:6px;
  background:rgba(255,255,255,.72);
  border:1px solid #e3ecee;
  box-shadow:0 6px 16px rgba(38,64,75,.03);
  transition:transform .16s ease, box-shadow .16s ease, border-color .16s ease, background .16s ease;
}
body.sohbera-platinum .person:hover,
body.sohbera-platinum .person:focus-visible{
  background:#ffffff;
  border-color:#d0e1e4;
  box-shadow:0 12px 24px rgba(37,66,78,.08);
  transform:translateY(-1px);
}
body.sohbera-platinum .person.self{
  background:linear-gradient(180deg,#eef7f7,#f8fbfc);
  border-color:#cfe3e5;
}
body.sohbera-platinum .person-avatar-wrap{width:42px;height:42px}
body.sohbera-platinum .person .avatar{
  width:42px;height:42px;border-radius:14px;font-size:12px;border:1px solid #dfe8ea;box-shadow:0 8px 18px rgba(39,65,76,.05);
}
body.sohbera-platinum .person .presence-dot{right:-2px;bottom:-2px;width:11px;height:11px;border-width:2px}
body.sohbera-platinum .person-copy>b{gap:6px;align-items:center}
body.sohbera-platinum .person b{font-size:12.5px;font-weight:800;color:#173744}
body.sohbera-platinum .person small{margin-top:4px;font-size:10px;color:#70828b}
body.sohbera-platinum .person-nick{max-width:100%}
body.sohbera-platinum .you-badge{
  font-size:7px;letter-spacing:.13em;padding:4px 6px;border-radius:999px;background:#e8f4f5;color:#267e8d
}
body.sohbera-platinum .person-vip-chip{
  display:inline-flex;align-items:center;gap:5px;font-style:normal;max-width:114px;
  padding:4px 7px;border-radius:999px;background:#f3f8f9;border:1px solid #e1eaed;color:#5f7882;
  font-size:8px;font-weight:800;letter-spacing:.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
body.sohbera-platinum .person-vip-chip span{font-size:10px;line-height:1}
body.sohbera-platinum .person-role-badge{
  width:auto;min-width:30px;height:28px;padding:0 8px;border-radius:11px;font-size:11px;
  border:1px solid #d9e6e9;background:#f5fafb;color:#276f7d;box-shadow:inset 0 1px 0 rgba(255,255,255,.7);
}
body.sohbera-platinum .person-role-badge.owner{background:#1f2e40;color:#fff;border-color:#1f2e40}
body.sohbera-platinum .person-role-badge.admin{background:#6554c0;color:#fff;border-color:#6554c0}
body.sohbera-platinum .person-role-badge.op{background:#2f89a4;color:#fff;border-color:#2f89a4}
body.sohbera-platinum .person-role-badge.halfop{background:#4d9b76;color:#fff;border-color:#4d9b76}
body.sohbera-platinum .person-role-badge.voice{background:#fff6cf;color:#8a6616;border-color:#efdf8d}
body.sohbera-platinum .person.role-owner .avatar{border-color:#243649}
body.sohbera-platinum .person.role-admin .avatar{border-color:#8e81d4}
body.sohbera-platinum .person.role-op .avatar{border-color:#71adc0}
body.sohbera-platinum .person.role-halfop .avatar{border-color:#80bb9c}
body.sohbera-platinum .person.role-voice .avatar{border-color:#ead998}
body.sohbera-platinum .people-empty{
  margin:34px 18px;padding:20px 14px;border-radius:18px;background:rgba(255,255,255,.72);border:1px dashed #dce8ea;
  font-size:10px;color:#7e9098
}
body.sohbera-platinum .people-empty i{font-size:28px;color:#c9d8dd}
@media (max-width:760px){
  body.sohbera-platinum .people-search{margin:10px 10px 8px;height:42px;border-radius:12px}
  body.sohbera-platinum .people-presence-filters{padding:0 10px 8px;gap:6px}
  body.sohbera-platinum .people-group{padding:4px 8px 8px}
  body.sohbera-platinum .person{min-height:58px;padding:8px 9px;border-radius:14px;grid-template-columns:40px minmax(0,1fr) auto}
  body.sohbera-platinum .person-avatar-wrap{width:38px;height:38px}
  body.sohbera-platinum .person .avatar{width:38px;height:38px;border-radius:12px}
  body.sohbera-platinum .person small{font-size:9px}
}