/* SOHBERA Platinum V2 Refinement — topic, readable chat, people drawer.
   No new components, demo panels or server-side changes. */
body.sohbera-platinum .topic-bar{
  min-height:40px;
  padding:7px 20px;
  display:flex;
  align-items:center;
  gap:12px;
  background:#f8fafb;
  border-bottom:1px solid #e9eff1;
  box-shadow:none;
}
body.sohbera-platinum .topic-bar > span{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  padding:0 10px;
  height:22px;
  background:#e9f2f3;
  color:#287b88;
  font-size:9px;
  font-weight:850;
  letter-spacing:.11em;
  border-radius:6px;
}
body.sohbera-platinum .topic-bar p{
  flex:1;
  min-width:0;
  margin:0;
  font-size:11.5px;
  font-weight:600;
  line-height:1.45;
  letter-spacing:0;
  color:#536a73;
  background:transparent!important;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
body.sohbera-platinum .topic-bar button{
  flex:0 0 auto;
  width:26px;
  height:26px;
  border-radius:8px;
  display:grid;
  place-items:center;
  color:#7e929c;
}
body.sohbera-platinum .topic-bar button:hover{background:#e9f1f2;color:#286e7d}
body.sohbera-platinum .timeline{
  padding:20px clamp(18px,2.5vw,40px) 26px;
  background:radial-gradient(ellipse at 85% 4%,rgba(231,242,242,.37),transparent 49%),#fff;
}
body.sohbera-platinum .message{
  padding:9px 10px;
  border-radius:12px;
  gap:11px;
  grid-template-columns:40px minmax(0,1fr) 26px;
}
body.sohbera-platinum .message+.message{margin-top:1px}
body.sohbera-platinum .message:hover{background:#f4f8f8}
body.sohbera-platinum .message-meta b{font-size:12.5px}
body.sohbera-platinum .message-meta time{font-size:10px;color:#84959d}
body.sohbera-platinum .message p{font-size:13px;line-height:1.67;margin-top:4px}
body.sohbera-platinum .system-line{
  margin:5px 0 5px 49px;
  padding:5px 10px;
  background:transparent;
  border-left:2px solid #b0cfd2;
  border-radius:0;
  font-size:10.5px;
  box-shadow:none;
}
body.sohbera-platinum .system-line time{font-size:9px}
body.sohbera-platinum .day-sep{margin:3px 0 17px;font-size:10px}
body.sohbera-platinum .composer{
  border-top:1px solid #e8edef;
  margin:0;
  padding:11px clamp(14px,2vw,28px);
  border-radius:0;
  box-shadow:0 -6px 16px rgba(48,80,86,.025);
}
body.sohbera-platinum .composer-box{min-height:52px;border-radius:15px}
body.sohbera-platinum .send{height:46px;border-radius:13px}
/* People drawer: compact, consistent rows without changing avatar geometry. */
body.sohbera-platinum .people-drawer{background:#f8fafb}
body.sohbera-platinum .people-group{padding:4px 12px 10px}
body.sohbera-platinum .people-group label{
  padding:12px 7px 8px;
  font-size:9px;
  letter-spacing:.13em;
  color:#80939a;
}
body.sohbera-platinum .person{
  min-height:55px;
  padding:7px 9px;
  gap:10px;
  border-radius:12px;
  border:1px solid transparent;
  transition:background .15s ease,border-color .15s ease;
}
body.sohbera-platinum .person:hover{
  background:#edf5f5;
  border-color:#e2edee;
}
body.sohbera-platinum .person .avatar,
body.sohbera-platinum .person-avatar-wrap{
  width:36px;
  height:36px;
  flex-shrink:0;
}
body.sohbera-platinum .person .avatar{
  border-radius:11px;
  animation:none!important;
  transform:none!important;
}
body.sohbera-platinum .person-copy>b{gap:5px}
body.sohbera-platinum .person b{font-size:11px;line-height:1.25}
body.sohbera-platinum .person small{font-size:9.5px;line-height:1.4;margin-top:3px}
body.sohbera-platinum .person-role-badge{width:22px;height:22px;border-radius:7px}
body.sohbera-platinum .people-group .person.role-owner{background:#f5f8f6}
body.sohbera-platinum .people-group .person.role-admin{background:#f1f7f9}
body.sohbera-platinum .people-group .person.role-owner:hover,
body.sohbera-platinum .people-group .person.role-admin:hover{background:#e9f3f4}
@media(max-width:760px){
  body.sohbera-platinum .topic-bar{padding:6px 10px;min-height:36px;gap:8px}
  body.sohbera-platinum .topic-bar>span{height:20px;font-size:8px;padding:0 7px}
  body.sohbera-platinum .topic-bar p{font-size:10px}
  body.sohbera-platinum .timeline{padding:12px 9px 18px}
  body.sohbera-platinum .message{padding:7px 6px;gap:8px}
  body.sohbera-platinum .message p{font-size:12px}
  body.sohbera-platinum .system-line{margin-left:38px;padding:5px 8px}
  body.sohbera-platinum .composer{padding:8px;gap:6px}
  body.sohbera-platinum .composer-box{min-height:44px;border-radius:13px}
  body.sohbera-platinum .send{height:42px}
}