/* DMG Voice V3.5.1 - Okey chat + HQ avatars + 10min bot rule UI */
.okeyLounge .opAvatar,
.gameMemberRow .botAvatar{
  background-size:cover!important;background-position:center!important;
  image-rendering:auto!important;
}
.okeyLounge .opAvatar{
  border-color:#f0bb3f!important;
  box-shadow:0 0 0 2px rgba(255,205,82,.20),0 7px 18px rgba(0,0,0,.58)!important;
}
.opAiMark,.miniAiMark{opacity:.82;transform:scale(.86);transform-origin:center}

.opBottomBar{
  height:66px!important;
  grid-template-columns:minmax(230px,1fr) auto minmax(150px,1fr)!important
}
.opChatPanel{
  position:absolute;left:0;bottom:0;width:min(315px,23vw);height:174px;
  border-radius:14px;overflow:hidden;
  background:rgba(8,15,24,.96);border:1px solid rgba(255,255,255,.14);
  box-shadow:0 16px 34px rgba(0,0,0,.55);backdrop-filter:blur(13px);
  display:grid;grid-template-rows:32px minmax(0,1fr) 42px;
}
.opChatHead{display:flex;align-items:center;gap:12px;padding:0 10px;border-bottom:1px solid rgba(255,255,255,.07)}
.opChatHead b{font-size:8px;color:#fff}.opChatHead span{font-size:6px;color:#8294a9}
.opChatMessages{overflow-y:auto;padding:5px 7px;display:flex;flex-direction:column;gap:4px;scrollbar-width:thin}
.opChatLine{display:grid;grid-template-columns:25px minmax(0,1fr) auto;gap:5px;align-items:center}
.opChatAvatar{
  width:25px;height:25px;border-radius:50%;display:grid;place-items:center;
  background:#253348 center/cover no-repeat;border:1px solid rgba(255,213,107,.35);
  font-size:6px;font-weight:900;color:#fff
}
.opChatLine>div{min-width:0}.opChatLine b{display:flex;align-items:center;gap:3px;font-size:6px;color:#dce6f1}
.opChatLine b i{font-size:4px;font-style:normal;padding:1px 3px;border-radius:4px;background:#173d63;color:#8ccaff}
.opChatLine p{margin:1px 0 0;font-size:6px;line-height:1.25;color:#c1ccd8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.opChatLine>small{font-size:4px;color:#63768b}
.opChatEmpty{display:grid;place-items:center;height:100%;font-size:6px;color:#73859a}
.opChatPanel .opMiniChat{
  width:100%!important;height:42px!important;border:0!important;border-top:1px solid rgba(255,255,255,.08)!important;
  border-radius:0!important;background:rgba(6,12,19,.97)!important
}
.opChatPanel .opMiniChat input{font-size:9px!important}
.opChatPanel .opMiniChat button{
  width:29px;height:29px;border-radius:8px!important;background:#1767c8!important;color:#fff!important;
  display:grid;place-items:center
}

/* Make room at left/right for chat/history while preserving centered controls */
.okeyLounge .opActions{align-self:end}

@media(max-width:1100px){
  .opChatPanel{width:250px;height:150px}
  .opBottomBar{grid-template-columns:250px auto 120px!important}
}
@media(max-width:980px){
  /* V3.5.0 hid the composer here; keep it accessible. */
  .opChatPanel{
    display:grid!important;position:fixed;z-index:260;
    left:5px;bottom:58px;width:245px;height:43px;
    grid-template-rows:0 0 43px;border-radius:12px;
  }
  .opChatHead,.opChatMessages{display:none!important}
  .opChatPanel .opMiniChat{display:grid!important;height:43px!important;border-top:0!important;border-radius:12px!important}
  .opBottomBar{grid-template-columns:1fr auto!important}
}
@media(max-width:620px){
  .opChatPanel{width:calc(100dvw - 10px);bottom:58px}
  .opChatPanel .opMiniChat input{font-size:16px!important}
}