.portrait-lock{display:none}
@media(max-width:700px){
  body.mobile-chat-open .conversation{display:grid!important;grid-template-rows:auto auto minmax(0,1fr) auto!important;grid-auto-rows:0!important;width:100%!important;height:var(--app-height,100dvh)!important;max-height:var(--app-height,100dvh)!important;min-height:0!important;overflow:hidden!important}
  .conversation>.conversation-header{grid-row:1!important;min-height:0}
  .conversation>.pinned-message{grid-row:2!important}
  .conversation>.messages{grid-row:3!important;width:100%!important;height:auto!important;max-height:none!important;min-height:0!important;overflow-x:hidden!important;overflow-y:auto!important}
  .conversation>.composer{grid-row:4!important;min-height:0;max-height:none}
  body.platform-chat-open .conversation{grid-template-rows:auto minmax(0,1fr) auto!important}
  body.platform-chat-open .conversation>.messages{grid-row:2!important}
  body.platform-chat-open .conversation>.platform-command-bar{grid-row:3!important}
}
@media (orientation:landscape) and (max-height:600px) and (pointer:coarse){
  .portrait-lock{position:fixed;inset:0;z-index:1000;display:grid;grid-template-rows:auto auto auto;place-content:center;justify-items:center;gap:12px;padding:max(22px,env(safe-area-inset-top)) max(28px,env(safe-area-inset-right)) max(22px,env(safe-area-inset-bottom)) max(28px,env(safe-area-inset-left));background:radial-gradient(circle at 50% 15%,#30482f 0,transparent 38%),linear-gradient(145deg,#101b14,#07100b);color:#f2f8ef;text-align:center}
  .portrait-lock-phone{position:relative;width:54px;height:88px;margin-bottom:5px;border:2px solid #cfff57;border-radius:15px;background:linear-gradient(160deg,#1e3324,#0c1710);box-shadow:0 0 0 7px #cfff570d,0 18px 45px #0008;animation:portrait-phone 1.8s ease-in-out infinite}
  .portrait-lock-phone:before{position:absolute;top:7px;left:50%;width:18px;height:3px;border-radius:3px;background:#cfff5788;content:"";transform:translateX(-50%)}
  .portrait-lock-phone i{position:absolute;bottom:7px;left:50%;width:7px;height:7px;border:1px solid #cfff57;border-radius:50%;transform:translateX(-50%)}
  .portrait-lock strong{color:#d9ff78;font-size:18px;line-height:1.2}
  .portrait-lock span{max-width:320px;color:#acb9ae;font-size:12px;line-height:1.4}
}
@keyframes portrait-phone{0%,100%{transform:rotate(-4deg)}50%{transform:rotate(4deg) scale(1.025)}}