/* GeneIM mobile fix v1 — 窄屏：左右面板抽屉化，聊天区铺满 */
@media (max-width: 900px) {
  .h-screen { height: 100dvh !important; }
  div[class*="w-[72px]"] { width: 52px !important; }
  /* 左：群列表 -> 左抽屉 */
  div[class*="w-[280px]"] {
    position: fixed !important; top: 0; bottom: 0; left: 52px;
    width: min(80vw, 300px) !important; z-index: 60;
    transform: translateX(calc(-100% - 60px)); transition: transform .25s ease;
    box-shadow: 2px 0 14px rgba(0,0,0,.18);
  }
  body.mm-left div[class*="w-[280px]"] { transform: none; }
  /* 右：成员/看板 -> 右抽屉 */
  div[class*="w-[300px]"] {
    position: fixed !important; top: 0; bottom: 0; right: 0;
    width: min(86vw, 330px) !important; z-index: 60;
    transform: translateX(102%); transition: transform .25s ease;
    box-shadow: -2px 0 14px rgba(0,0,0,.18);
  }
  body.mm-right div[class*="w-[300px]"] { transform: none; }
  #mm-mask { position: fixed; inset: 0; background: rgba(0,0,0,.35); z-index: 55;
    opacity: 0; pointer-events: none; transition: opacity .2s; }
  body.mm-left #mm-mask, body.mm-right #mm-mask { opacity: 1; pointer-events: auto; }
  .mm-fab { position: fixed; top: 50%; transform: translateY(-50%); z-index: 70;
    width: 36px; height: 36px; border-radius: 50%; background: rgba(99,102,241,.9);
    color: #fff; border: none; display: flex; align-items: center; justify-content: center;
    font-size: 16px; line-height: 1; box-shadow: 0 2px 10px rgba(0,0,0,.28); padding: 0; }
  #mm-fab-left { left: 2px; }
  #mm-fab-right { right: 2px; }
}
@media (min-width: 901px) { .mm-fab, #mm-mask { display: none !important; } }