/*
 * Рядом — compact Android chat.
 * This stylesheet is inert off Android and on desktop/iPhone. The body class is
 * added only after Android UA/native-platform verification in android-chat-layout.js.
 * Preserve 16px text entry to prevent Android browser auto-zoom; use 14px messages.
 */
@media (max-width:700px) and (pointer:coarse){
  body.ryadom-android-chat #pane-chat{
    --chat-gutter:10px;
    min-height:0;
    overflow:hidden;
  }
  body.ryadom-android-chat #pane-chat #log{
    flex:1 1 auto;
    min-height:0;
    padding:8px var(--chat-gutter) 10px;
    overflow-y:auto;
    overscroll-behavior:contain;
  }
  body.ryadom-android-chat #pane-chat .msg{
    margin-bottom:3px;
    align-items:flex-end;
  }
  body.ryadom-android-chat #pane-chat .msg.group-start{
    margin-top:10px;
  }
  body.ryadom-android-chat #pane-chat .msg.grouped{
    margin-top:0;
  }
  body.ryadom-android-chat #pane-chat .bubble{
    min-width:0;
    max-width:89%;
    padding:8px 11px 6px;
    border-radius:15px 15px 15px 5px;
    font-size:14px;
    line-height:1.4;
    box-shadow:0 1px 3px rgba(46,31,76,.055);
  }
  body.ryadom-android-chat #pane-chat .msg.me .bubble{
    border-radius:15px 15px 5px 15px;
  }
  body.ryadom-android-chat #pane-chat .msg.grouped .bubble{
    padding-top:7px;
  }
  body.ryadom-android-chat #pane-chat .bubble > b{
    margin-bottom:4px;
    font-size:11px;
    line-height:1.25;
  }
  body.ryadom-android-chat #pane-chat .message-text{
    font-size:14px;
    line-height:1.4;
    overflow-wrap:anywhere;
  }
  body.ryadom-android-chat #pane-chat .message-meta{
    min-height:11px;
    margin-top:3px;
    gap:4px;
  }
  body.ryadom-android-chat #pane-chat .message-time{
    font-size:10px;
    line-height:1.15;
    opacity:.78;
  }
  body.ryadom-android-chat #pane-chat .bubble .quote{
    margin-bottom:6px;
    padding:6px 9px;
  }
  body.ryadom-android-chat #pane-chat .bubble .quote span{
    font-size:11px;
    line-height:1.35;
  }
  body.ryadom-android-chat #pane-chat .msg.admin{
    margin:9px 0;
  }
  body.ryadom-android-chat #pane-chat .chat-appearance-row{
    min-height:40px;
    padding:2px var(--chat-gutter);
    gap:7px;
  }
  body.ryadom-android-chat.rl-theme #pane-chat :is(.chat-theme-button,.chat-history-help summary){
    display:grid;
    place-items:center;
    width:38px;
    min-width:38px;
    height:38px;
    min-height:38px;
    padding:6px;
    border-radius:11px;
  }
  body.ryadom-android-chat #pane-chat .verified-presence{
    font-size:10px;
    line-height:1.25;
  }
  body.ryadom-android-chat #pane-chat #typing{
    padding:4px var(--chat-gutter) 0;
    font-size:11px;
  }
  body.ryadom-android-chat #pane-chat #replyDraft{
    padding:5px var(--chat-gutter) 0;
  }
  body.ryadom-android-chat #pane-chat #replyDraft .quote{
    padding:6px 9px;
  }
  body.ryadom-android-chat #pane-chat > .chat-composer,
  body.ryadom-android-chat.rl-theme #pane-chat > .chat-composer{
    grid-template-columns:minmax(0,1fr) 44px 44px;
    align-items:end;
    gap:5px;
    padding:5px var(--chat-gutter) calc(5px + var(--ryadom-safe-bottom));
  }
  body.ryadom-android-chat #pane-chat .chat-input-shell,
  body.ryadom-android-chat.rl-theme #pane-chat .chat-input-shell{
    grid-template-columns:42px minmax(0,1fr) 42px;
    min-width:0;
    align-items:end;
    padding:1px 2px;
    border-radius:20px;
  }
  body.ryadom-android-chat #pane-chat #text{
    min-height:42px;
    height:42px;
    max-height:104px;
    padding:9px 2px;
    font-size:16px;
    line-height:22px;
  }
  body.ryadom-android-chat #pane-chat #richText{
    min-height:42px;
    max-height:104px;
    padding:9px 2px;
    font-size:16px;
    line-height:22px;
  }
  body.ryadom-android-chat.rl-theme #pane-chat :is(#chatMoreBtn,#emojiToggleBtn){
    width:42px;
    min-width:42px;
    min-height:42px;
    height:42px;
    padding:8px;
  }
  body.ryadom-android-chat.rl-theme #pane-chat :is(#send,#openRecorder),
  body.ryadom-android-chat #pane-chat :is(#send,#openRecorder){
    width:44px;
    min-width:44px;
    height:44px;
    min-height:44px;
  }
  body.ryadom-android-chat #pane-chat > .emojis{
    flex-basis:38%;
    max-height:250px;
  }
  /* When an actual text editor has focus, let the WebView's adjustResize do
     the resizing. Removing nonessential chrome yields much more chat history. */
  body.ryadom-android-chat #app.chat-ime-open > nav{
    display:none!important;
  }
  body.ryadom-android-chat #app.chat-ime-open #pane-chat .chat-appearance-row{
    display:none!important;
  }
  body.ryadom-android-chat #app.chat-ime-open #pane-chat #log{
    padding-top:calc(8px + var(--ryadom-safe-top));
    padding-bottom:7px;
  }
  body.ryadom-android-chat #app.chat-ime-open #pane-chat > .chat-composer{
    padding-bottom:5px;
  }
  body.ryadom-android-chat #app.chat-ime-open #pane-chat #replyDraft{
    padding-top:4px;
  }
  body.ryadom-android-chat #app.chat-ime-open #pane-chat > .emojis{
    flex-basis:30%;
    max-height:170px;
  }
}
@media (max-width:700px) and (pointer:coarse) and (max-height:500px){
  body.ryadom-android-chat #pane-chat .chat-appearance-row{
    min-height:38px;
  }
  body.ryadom-android-chat #pane-chat #log{
    padding-top:6px;
    padding-bottom:6px;
  }
}