/* V92 — mobile Adial workspace / activity log. Desktop chat remains unchanged. */
.mobile-chat-switcher,.mobile-activity-log{display:none}
@media (max-width:760px){
  .hero-chat-visual .adial-chat-demo{overflow:hidden!important}
  .hero-chat-visual .chat-main{overflow:hidden!important;background:#fff!important}
  .mobile-chat-switcher{display:block;background:linear-gradient(180deg,#082735 0%,#0a3042 100%);border-bottom:1px solid rgba(255,138,0,.34);padding:12px 12px 10px;color:#fff}
  .mobile-chat-switcher-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}
  .mobile-chat-switcher-top>div{min-width:0}
  .mobile-chat-switcher-top small{display:block;margin-bottom:3px;color:#ff9a3d;font:800 9px/1.2 Manrope,sans-serif;letter-spacing:.16em}
  .mobile-chat-switcher-top strong{display:block;max-width:230px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:700 14px/1.25 Manrope,sans-serif}
  .mobile-activity-toggle{flex:none;border:1px solid rgba(255,255,255,.28);border-radius:999px;background:rgba(255,255,255,.06);color:#fff;padding:8px 10px;font:700 11px/1 Manrope,sans-serif}
  .mobile-activity-toggle span{display:inline-grid;place-items:center;min-width:20px;height:20px;margin-left:5px;border-radius:10px;background:#ff8a00;color:#071923;font-size:9px}
  .mobile-channel-strip{display:flex;gap:7px;overflow-x:auto;padding:2px 0 4px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .mobile-channel-strip::-webkit-scrollbar{display:none}
  .mobile-channel-strip button{flex:0 0 auto;max-width:190px;border:1px solid rgba(255,255,255,.16);border-radius:10px;background:rgba(255,255,255,.055);color:#d9e4e9;padding:8px 10px;font:700 10px/1.1 Manrope,sans-serif;white-space:nowrap}
  .mobile-channel-strip button.active{border-color:#ff8a00;background:#ff8a00;color:#071923;box-shadow:0 7px 18px rgba(255,138,0,.23)}
  .mobile-activity-log{display:block;background:linear-gradient(180deg,#f9fbfc,#fff);padding:14px 12px 16px;color:#12222e}
  .mobile-activity-log[hidden]{display:none!important}
  .mobile-activity-log>header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px;padding:0 2px}
  .mobile-activity-log>header small{display:block;color:#d86313;font:800 9px/1.2 Manrope,sans-serif;letter-spacing:.15em;margin-bottom:4px}
  .mobile-activity-log>header strong{display:block;font:800 15px/1.25 Manrope,sans-serif}
  .mobile-activity-log>header button{border:0;background:transparent;color:#667781;font:700 11px/1 Manrope,sans-serif;padding:4px}
  .mobile-activity-log [data-mobile-activity-items]{display:grid;gap:8px}
  .mobile-activity-item{display:grid;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:10px;border:1px solid #dde4e8;border-radius:12px;background:#fff;padding:11px;box-shadow:0 7px 22px rgba(13,37,51,.05)}
  .mobile-activity-item>i{display:grid;width:32px;height:32px;place-items:center;border-radius:9px;background:#fff5ea;color:#ff7d00;font:800 10px/1 Manrope,sans-serif;font-style:normal;border:1px solid #ffd3a5}
  .mobile-activity-item b{display:block;color:#102633;font:800 12px/1.25 Manrope,sans-serif;margin-bottom:2px}
  .mobile-activity-item small{display:block;color:#73818a;font:500 9px/1.25 DM Sans,sans-serif}
  .mobile-activity-item em{font:800 8px/1 Manrope,sans-serif;letter-spacing:.08em;font-style:normal;color:#23895d;white-space:nowrap}
  .mobile-activity-item.working{border-color:#ffd0a0;background:#fffaf5}
  .mobile-activity-item.working em{color:#d96513}
  .mobile-activity-item.queued em{color:#667781}
  .mobile-chat-current[hidden]{display:none!important}
  .hero-chat-visual .chat-channel-header{height:auto!important;min-height:59px!important;padding:10px 12px!important;align-items:flex-start!important}
  .hero-chat-visual .chat-channel-header>div{min-width:0!important;padding-right:7px!important}
  .hero-chat-visual .chat-channel-header>div b{display:block;max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px!important}
  .hero-chat-visual .chat-channel-header>div small{max-width:250px;white-space:normal!important;line-height:1.25!important}
  .hero-chat-visual .chat-channel-header>em{flex:none!important;margin-top:1px!important}
}
