/* MEETUS 0.6.25.2 COMMUNITY2-TG11-WORKSPACE14 */

:root{
  --workspace14-accent:#8b73ed;
  --workspace14-panel:#20242d;
  --workspace14-ease:cubic-bezier(.2,.72,.25,1);
}

/* Avatar selector in group/channel/linked-community creation. */
.workspace14-create-avatar-field{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  align-items:center;
  gap:14px;
  padding:13px;
  border:1px solid rgba(139,115,237,.22);
  border-radius:17px;
  background:rgba(139,115,237,.055);
}
.workspace14-create-avatar-preview{
  position:relative;
  width:82px;
  height:82px;
  display:grid;
  place-items:center;
  overflow:hidden;
  border:2px solid rgba(139,115,237,.54);
  border-radius:50%;
  background:linear-gradient(145deg,#6c5ddb,#35a8c7);
  color:#fff;
  font-size:30px;
  font-weight:800;
  cursor:pointer;
  box-shadow:0 12px 28px rgba(70,55,150,.24);
  transition:transform .18s var(--workspace14-ease),filter .18s var(--workspace14-ease);
}
.workspace14-create-avatar-preview:hover{transform:translateY(-1px);filter:brightness(1.06)}
.workspace14-create-avatar-preview img{width:100%;height:100%;display:block;object-fit:cover}
.workspace14-create-avatar-preview i{
  position:absolute;
  right:1px;
  bottom:1px;
  width:25px;
  height:25px;
  display:grid;
  place-items:center;
  border:2px solid #1d212a;
  border-radius:50%;
  background:var(--workspace14-accent);
  color:#fff;
  font-size:17px;
  font-style:normal;
  line-height:1;
}
.workspace14-create-avatar-copy{min-width:0;display:grid;gap:4px}
.workspace14-create-avatar-copy>strong{font-size:14px;color:#fff}
.workspace14-create-avatar-copy>small{color:#9299a6;font-size:11px}
.workspace14-create-avatar-copy>div{display:flex;flex-wrap:wrap;gap:7px;margin-top:5px}
.workspace14-create-avatar-copy button{
  min-height:34px;
  padding:0 11px;
  border:0;
  border-radius:10px;
  background:#343945;
  color:#fff;
  cursor:pointer;
}
#workspace14CreateAvatarRemove{background:rgba(255,91,113,.12);color:#ff9aaa}

/* Obvious owner/admin profile editing inside the existing info panel. */
.workspace14-community-edit-card{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:12px;
}
.workspace14-community-edit-card.hidden{display:none!important}
.workspace14-community-edit-card>div{min-width:0;display:grid;gap:3px}
.workspace14-community-edit-card>div>strong{font-size:14px}
.workspace14-community-edit-card>div>small{color:#9198a5;font-size:11px}
.workspace14-community-edit-card .telegram-primary-button{width:auto!important;min-height:40px!important;margin:0!important;padding:0 14px!important}
#communityManageAvatar.workspace14-editable-avatar{position:relative;cursor:pointer;box-shadow:0 0 0 3px rgba(139,115,237,.2)}
#communityManageAvatar.workspace14-editable-avatar::after{
  content:'✎';
  position:absolute;
  right:1px;
  bottom:1px;
  width:28px;
  height:28px;
  display:grid;
  place-items:center;
  border:2px solid #202329;
  border-radius:50%;
  background:var(--workspace14-accent);
  color:#fff;
  font-size:14px;
  font-weight:800;
}

/* Dedicated pins button appears next to the call button only when pins exist. */
#workspace14PinsButton{position:relative}
#workspace14PinsButton svg{fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.workspace14-pins-badge{
  position:absolute;
  right:0;
  top:0;
  min-width:16px;
  height:16px;
  padding:0 4px;
  display:grid;
  place-items:center;
  border:2px solid #1d2026;
  border-radius:999px;
  background:var(--workspace14-accent);
  color:#fff;
  font-size:9px;
  font-weight:800;
  line-height:1;
}

/* Uploaded audio is intentionally compact; voice messages keep their own layout. */
.workspace12-audio-file{
  width:min(380px,52vw)!important;
  min-width:240px!important;
  max-width:100%!important;
  gap:8px!important;
  padding:5px 7px 5px 5px!important;
  border-radius:13px!important;
}
.workspace12-audio-play{
  width:42px!important;
  height:42px!important;
  flex:0 0 42px!important;
  box-shadow:0 6px 18px rgba(84,65,183,.24)!important;
}
.workspace12-audio-play svg{width:20px!important;height:20px!important}
.workspace12-audio-content{gap:2px!important}
.workspace12-audio-title strong{font-size:12px!important}
.workspace12-audio-title small{font-size:9px!important}
.workspace12-audio-range{height:14px!important}
.workspace12-audio-time{font-size:9px!important}
.message-bubble:has(.workspace12-audio-file),
.message-bubble:has(.workspace-audio-file){
  width:auto!important;
  max-width:min(410px,58vw)!important;
  min-width:0!important;
  overflow:visible!important;
}

@media(max-width:700px){
  .workspace14-create-avatar-field{grid-template-columns:70px minmax(0,1fr);gap:11px;padding:11px}
  .workspace14-create-avatar-preview{width:68px;height:68px;font-size:25px}
  .workspace14-create-avatar-preview i{width:23px;height:23px;font-size:15px}
  .workspace14-community-edit-card{grid-template-columns:1fr!important}
  .workspace14-community-edit-card .telegram-primary-button{width:100%!important}

  .message-bubble:has(.workspace12-audio-file),
  .message-bubble:has(.workspace-audio-file){
    width:auto!important;
    max-width:calc(100vw - 52px)!important;
  }
  .workspace12-audio-file{
    width:min(310px,calc(100vw - 64px))!important;
    min-width:0!important;
    max-width:calc(100vw - 64px)!important;
    gap:7px!important;
    padding:5px 6px 5px 5px!important;
  }
  .workspace12-audio-play{width:40px!important;height:40px!important;flex-basis:40px!important}
  .workspace12-audio-title{gap:6px!important}
  .workspace12-audio-title strong{font-size:11px!important}
  .workspace12-audio-title small{font-size:8px!important}
}

@media(max-width:390px){
  .workspace12-audio-file{width:min(286px,calc(100vw - 58px))!important;max-width:calc(100vw - 58px)!important}
  .message-bubble:has(.workspace12-audio-file){max-width:calc(100vw - 46px)!important}
}

@media(prefers-reduced-motion:reduce){
  .workspace14-create-avatar-preview{transition:none!important}
}