/* A3IOS Command Center - mobile layer v3 (Claude-app-style minimal).
   Phones get: burger + new-chat up top, centered greeting, chat, compact
   composer. Everything else lives in the sidebar drawer. */
.mnav-burger{display:none}
.mnav-new{display:none}
@media (max-width:760px){
  /* ---- sidebar becomes an off-canvas drawer ---- */
  aside.sidebar{transform:translateX(-100%);transition:transform .22s ease;z-index:1200;width:min(84vw,300px);max-width:300px;height:100dvh;overflow-y:auto;box-shadow:0 0 44px rgba(0,0,0,.55)}
  aside.sidebar.mopen{transform:none}
  .main{margin-left:0 !important;margin-right:0 !important;max-width:100vw;overflow-x:hidden}
  aside.rail{display:none !important}
  .mnav-scrim{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:1100;opacity:0;pointer-events:none;transition:opacity .22s ease}
  .mnav-scrim.on{opacity:1;pointer-events:auto}

  /* ---- minimal top bar: burger left, new chat right ---- */
  header.topbar{padding:10px 12px;gap:8px;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none}
  header.topbar .search{display:none !important}
  header.topbar .pill{display:none !important}
  header.topbar #tg-left,header.topbar #tg-right{display:none !important}
  .mnav-burger,.mnav-new{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid rgba(255,255,255,.08);border-radius:50%;background:rgba(255,255,255,.05);color:#e8ecf0;cursor:pointer;flex:0 0 auto;padding:0}
  .mnav-burger svg,.mnav-new svg{width:19px;height:19px}

  /* ---- home view: greeting + composer only ---- */
  #aehome{margin-bottom:16px}
  #aehome .gr{font-size:30px}
  #aeactive{display:none !important}
  #aectx{flex-wrap:wrap;justify-content:center;margin-top:12px;gap:6px}
  #aectx .use{display:none !important}
  #aectx .chip{padding:5px 10px;font-size:11px}
  #aectx .dd{left:auto;right:0}

  /* ---- content / chat ---- */
  .content{max-width:100vw;overflow-x:hidden;padding-left:14px;padding-right:14px}
  .chatpane .msgs,.chatpane .composer{max-width:100%}
  .turn{max-width:100%}
  .msgs{padding-left:2px;padding-right:2px}

  /* ---- composer: compact, Claude-like ---- */
  .composer{padding:12px 14px;border-radius:20px;bottom:10px;margin-bottom:env(safe-area-inset-bottom,0px)}
  .composer .cin{font-size:16px}
  .composer-row{gap:8px;margin-top:10px}
  .composer-row .chip{display:none !important}
  #folderbtn{display:none !important}
  #stopbtn{display:none !important}
  .micwrap .menu{left:auto;right:0}
  .queuebtn{font-size:0;letter-spacing:0;gap:0;width:38px;height:38px;padding:0 !important;display:inline-flex;align-items:center;justify-content:center;border-radius:50%}
  .queuebtn svg{width:16px;height:16px}

  /* ---- meeting room (kept from v2) ---- */
  .aer-body{flex-direction:column}
  .aer-roster{display:none}
  .aer-stream{width:100%;min-width:0}
  .aer-head{padding:12px 16px 0}
  .aer-tabs{padding:8px 16px 2px}
  .aer-msgs{padding:12px 16px}
  .aer-composer{padding:10px 12px}
  .aer-turn{max-width:100%}
}