/* =========================================================
   Rabbit Workspace OS v144 — Mobile + landscape hardening
   Fixes mail detail compression and RC22 landscape chat.
   ========================================================= */

@media (max-width:760px){
  .v140-mail-console,
  .v140-mail-split,
  .v140-mail-detail,
  .v140-task-extract,
  .v140-quick-reply,
  .v141-ai-summary{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    box-sizing:border-box!important;
  }

  .v140-mail-split.v143-show-detail{
    display:block!important;
    overflow:visible!important;
  }

  .v140-mail-split.v143-show-detail .v140-mail-detail{
    display:flex!important;
    flex-direction:column!important;
    gap:14px!important;
    margin:0!important;
    padding:16px!important;
    min-height:0!important;
    overflow:visible!important;
  }

  .v140-mail-detail h3,
  .v141-ai-summary p,
  .v140-task-extract label,
  .v140-quick-reply,
  .v140-quick-reply textarea{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    white-space:normal!important;
    word-break:normal!important;
    overflow-wrap:anywhere!important;
    writing-mode:horizontal-tb!important;
    text-orientation:mixed!important;
  }

  .v140-task-extract{
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:10px!important;
    overflow:visible!important;
  }

  .v140-task-extract>b{
    display:block!important;
    margin-bottom:2px!important;
  }

  .v140-task-extract label{
    display:grid!important;
    grid-template-columns:24px minmax(0,1fr)!important;
    align-items:start!important;
    gap:10px!important;
    padding:12px!important;
    border:1px solid #dbe5ef!important;
    border-radius:15px!important;
    background:#f8fbfe!important;
    font-size:14px!important;
    line-height:1.45!important;
  }

  .v140-task-extract label input{
    width:20px!important;
    height:20px!important;
    min-width:20px!important;
    margin:1px 0 0!important;
    writing-mode:horizontal-tb!important;
  }

  .v140-quick-reply textarea{
    display:block!important;
    min-height:132px!important;
    height:auto!important;
    padding:14px!important;
    font-size:16px!important;
    line-height:1.45!important;
    resize:vertical!important;
  }

  .v140-mail-actions{
    width:100%!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:9px!important;
  }

  /* RC22 chat: true full-screen surface with always reachable close button. */
  #rc22Panel.rc22-panel.open{
    position:fixed!important;
    inset:0!important;
    width:100vw!important;
    height:100dvh!important;
    max-width:100vw!important;
    max-height:100dvh!important;
    margin:0!important;
    border-radius:0!important;
    overflow:hidden!important;
    z-index:2147483500!important;
  }

  #rc22Panel .rc22-close,
  #rc22Panel #rc22Close,
  #rc22Panel #rc22CloseMobile,
  #rc22Panel .rc22-close-main{
    position:fixed!important;
    top:calc(10px + env(safe-area-inset-top,0px))!important;
    right:calc(10px + env(safe-area-inset-right,0px))!important;
    width:48px!important;
    height:48px!important;
    min-width:48px!important;
    display:grid!important;
    place-items:center!important;
    border-radius:16px!important;
    background:#fff!important;
    color:#0f172a!important;
    border:1px solid #cbd5e1!important;
    box-shadow:0 12px 35px rgba(15,23,42,.2)!important;
    z-index:2147483640!important;
    font-size:28px!important;
    line-height:1!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
  }
}

@media (orientation:landscape) and (max-height:600px) and (max-width:1100px){
  html.rc22-mobile-open,
  body.rc22-mobile-open{overflow:hidden!important}

  #rc22Panel.rc22-panel.open{
    display:grid!important;
    grid-template-columns:minmax(250px,34vw) minmax(0,1fr)!important;
    grid-template-rows:1fr!important;
    inset:0!important;
    width:100vw!important;
    height:100dvh!important;
    border-radius:0!important;
  }

  #rc22Panel .rc22-sidebar{
    min-width:0!important;
    height:100dvh!important;
    border-right:1px solid #dbe3ee!important;
    border-bottom:0!important;
    overflow:hidden!important;
  }

  #rc22Panel .rc22-head{
    min-height:82px!important;
    padding:14px 62px 10px 16px!important;
  }

  #rc22Panel .rc22-search{padding:8px 12px!important}
  #rc22Panel .rc22-list{
    display:block!important;
    height:calc(100dvh - 160px)!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    padding:8px 10px calc(16px + env(safe-area-inset-bottom,0px))!important;
  }

  #rc22Panel .rc22-main{
    min-width:0!important;
    height:100dvh!important;
    display:grid!important;
    grid-template-rows:auto minmax(0,1fr) auto!important;
    overflow:hidden!important;
  }

  #rc22Panel .rc22-thread-head{
    min-height:78px!important;
    padding:10px 70px 10px 16px!important;
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    gap:10px!important;
  }

  #rc22Panel .rc22-tools{
    width:auto!important;
    margin-left:auto!important;
    padding-right:0!important;
    display:flex!important;
    flex-wrap:nowrap!important;
  }

  #rc22Panel .rc22-tool{
    width:42px!important;
    height:42px!important;
    min-width:42px!important;
  }

  #rc22Panel .rc22-messages{
    min-height:0!important;
    overflow-y:auto!important;
    padding:12px 16px!important;
  }

  #rc22Panel .rc22-compose{
    position:relative!important;
    bottom:auto!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    gap:10px!important;
    padding:10px 16px calc(10px + env(safe-area-inset-bottom,0px))!important;
    background:#fff!important;
  }

  #rc22Panel .rc22-compose input{min-width:0!important;font-size:16px!important}
  #rc22Panel .rc22-compose button{min-width:92px!important}
}