/* Демо-панель управления под чатом (.ctrl/.seg/.tog), мобильные правки чата, reduced-motion */
.ctrl{width:min(1801px,100%);display:flex;flex-wrap:wrap;gap:12px 24px;align-items:center;justify-content:space-between;color:rgba(255,255,255,.55);font-size:14px}
.grp{display:flex;align-items:center;gap:10px;flex-wrap:wrap;min-width:0}
.seg{display:flex;gap:2px;padding:3px;border-radius:14px;background:var(--pill);flex-wrap:wrap}
.seg button{padding:7px 12px;border-radius:11px;font-weight:500;font-size:14px;color:rgba(255,255,255,.6);
  transition:background-color .2s,color .2s,transform .3s var(--spring)}
.seg button:hover{color:#fff}
.seg button:active{transform:scale(.92)}
.seg button[aria-pressed="true"]{background:rgba(255,255,255,.12);color:#fff}
.tog{display:flex;align-items:center;gap:8px;padding:7px 12px;border-radius:12px;background:var(--pill);font-weight:500;color:rgba(255,255,255,.6);
  transition:transform .3s var(--spring),color .2s}
.tog:active{transform:scale(.93)}
.tog i{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.25);transition:background-color .2s,box-shadow .2s}
.tog[aria-pressed="true"]{color:#fff}
.tog[aria-pressed="true"] i{background:var(--mod);box-shadow:0 0 8px var(--mod)}
.hint{flex-basis:100%;font-size:13px;color:rgba(255,255,255,.35)}

@media (max-width:720px){
  .plates{flex-direction:column;gap:8px;right:10px}
  .ad{flex:0 0 75px}
  .plate .l2{font-size:16px}
  .time{display:none}
  .input{padding:20px 16px}
}
@media (prefers-reduced-motion:reduce){
  .blob,.msg.new,.plate,.ad,.tb,.emo,.members,.mrow.pulse{animation:none!important}
  *{transition-duration:.01ms!important}
}
/* Сессия 7: reduced motion — неподвижные свечения торговой панели и карточки без анимации появления */
@media (prefers-reduced-motion:reduce){
  .trade::before,.trade::after{animation:none!important}
  .pc,.sr,.nc,.art,.fnc,.aq,.adl,.rg-body{animation:none!important}
}