/* Рядом — Chat Experience v2. Original messenger-inspired UX without copying brands.
   All changes are scoped to the existing single-room chat. */
#pane-chat .chat-appearance-row{position:relative;z-index:11}
body.rl-theme #pane-chat .chat-appearance-row{
  gap:9px;min-height:61px;padding-block:8px;
  background:var(--chat-surface);
}
#pane-chat .chat-section-title{font-weight:760;letter-spacing:-.025em}
body.rl-theme #pane-chat .chat-appearance-row .chat-header-action,
body.rl-theme #pane-chat .chat-header-menu > summary{
  display:grid;place-items:center;flex:0 0 40px;
  width:40px;min-width:40px;height:40px;min-height:40px;
  padding:9px;margin:0;border:0;border-radius:13px;
  color:var(--chat-heading);background:transparent;
  box-shadow:none;cursor:pointer;list-style:none;
}
#pane-chat .chat-header-menu > summary::-webkit-details-marker{display:none}
#pane-chat .chat-header-action svg,#pane-chat .chat-header-menu > summary svg{
  display:block;width:21px;height:21px
}
body.rl-theme #pane-chat .chat-header-action:hover,
body.rl-theme #pane-chat .chat-header-menu > summary:hover,
body.rl-theme #pane-chat .chat-header-action[aria-expanded="true"],
body.rl-theme #pane-chat .chat-header-menu[open] > summary{
  color:var(--chat-accent);background:var(--chat-tint)
}
#pane-chat .chat-header-menu{position:relative;z-index:13;flex:none}
#pane-chat .chat-header-menu-panel{
  position:absolute;z-index:40;top:calc(100% + 10px);right:0;
  display:grid;gap:3px;width:min(290px,calc(100vw - 22px));
  padding:7px;border:1px solid var(--chat-border);
  border-radius:17px;background:var(--chat-surface);
  box-shadow:0 16px 46px rgba(33,23,68,.19);
}
#pane-chat .chat-header-menu:not([open]) .chat-header-menu-panel{display:none}
body.rl-theme #pane-chat .chat-header-menu-panel .chat-theme-button,
body.rl-theme #pane-chat .chat-header-menu-panel .chat-history-help > summary{
  display:flex;align-items:center;justify-content:flex-start;gap:10px;
  width:100%;min-width:0;height:auto;min-height:43px;
  margin:0;padding:9px 12px;border:0;border-radius:11px;
  color:var(--chat-heading);background:transparent;
  box-shadow:none;font-size:13px;font-weight:600;line-height:1.3;
  text-align:left;cursor:pointer;
}
#pane-chat .chat-header-menu-panel .chat-theme-button svg,
#pane-chat .chat-header-menu-panel .chat-history-help > summary svg{
  display:block;flex:none;width:20px;height:20px;
  color:var(--chat-accent);
}
body.rl-theme #pane-chat .chat-header-menu-panel :is(.chat-theme-button,.chat-history-help > summary):hover{
  background:var(--chat-tint);
}
#pane-chat .chat-header-menu-panel .chat-history-help{position:relative;width:100%}
body.rl-theme #pane-chat .chat-header-menu-panel .chat-history-help > p{
  position:static;z-index:auto;width:auto;max-width:none;
  margin:0 7px 7px;padding:9px 11px;
  border:0;border-radius:10px;
  background:var(--chat-tint);color:var(--chat-muted);
  box-shadow:none;font-size:11.5px;line-height:1.5;
}
#pane-chat #chatSearchPanel[hidden],#pane-chat #chatJumpBottom[hidden]{display:none!important}
body.rl-theme #pane-chat .chat-search-panel{
  position:relative;z-index:5;display:grid;gap:7px;flex:0 0 auto;
  padding:8px var(--chat-gutter) 10px;
  border-bottom:1px solid var(--chat-border);
  background:var(--chat-surface);
}
#pane-chat .chat-search-input-wrap{
  display:grid;grid-template-columns:20px minmax(0,1fr) 34px;
  align-items:center;gap:9px;
  width:100%;min-height:43px;padding:0 6px 0 13px;
  border:1px solid var(--chat-border);border-radius:15px;
  background:var(--rl-surface-muted,var(--chat-tint));
  color:var(--chat-muted);
}
#pane-chat .chat-search-input-wrap:focus-within{
  border-color:var(--chat-accent);
  box-shadow:0 0 0 3px rgba(118,96,189,.12)
}
#pane-chat .chat-search-input-wrap > svg{display:block;width:18px;height:18px}
body.rl-theme #pane-chat #chatSearchInput{
  width:100%;min-width:0;min-height:40px;height:40px;
  padding:6px 0;border:0;border-radius:0;
  background:transparent;color:var(--chat-heading);
  font:400 16px/1.35 system-ui,sans-serif;
  box-shadow:none;outline:none;
}
#pane-chat #chatSearchInput::-webkit-search-cancel-button{cursor:pointer}
body.rl-theme #pane-chat #chatSearchClose{
  display:grid;place-items:center;width:34px;min-width:34px;
  height:34px;min-height:34px;padding:0;border:0;border-radius:10px;
  color:var(--chat-muted);background:transparent;box-shadow:none;font-size:17px;
}
body.rl-theme #pane-chat #chatSearchClose:hover{
  background:var(--chat-tint);color:var(--chat-heading);
}
#pane-chat .chat-search-results{
  display:flex;align-items:center;gap:6px;min-height:29px;
  padding-left:4px;color:var(--chat-muted);
}
#pane-chat #chatSearchCount{
  flex:1;min-width:0;font-size:11px;line-height:1.25;
  text-overflow:ellipsis;white-space:nowrap;overflow:hidden;
}
body.rl-theme #pane-chat .chat-search-results button{
  display:grid;place-items:center;width:31px;min-width:31px;
  height:29px;min-height:29px;padding:4px;border:0;
  border-radius:9px;background:var(--chat-tint);
  color:var(--chat-accent);box-shadow:none;
}
#pane-chat .chat-search-results button svg{width:17px;height:17px}
#pane-chat .chat-search-results button:disabled{opacity:.35;cursor:default}
#pane-chat #log .msg[data-chat-date-label]{margin-top:41px!important}
#pane-chat #log .msg[data-chat-date-label]::before{
  position:absolute;z-index:3;top:-34px;left:50%;
  content:attr(data-chat-date-label);transform:translateX(-50%);
  width:max-content;max-width:92%;padding:5px 11px;
  border:1px solid var(--chat-border);border-radius:999px;
  background:var(--chat-surface);color:var(--chat-muted);
  box-shadow:0 2px 8px rgba(46,33,83,.05);
  text-align:center;font-size:10.5px;font-weight:650;line-height:1.2;
  pointer-events:none;
}
body.rl-theme #pane-chat #log .msg.chat-search-active .bubble{
  outline:2px solid var(--chat-accent);outline-offset:2px;
  box-shadow:0 2px 18px rgba(112,80,194,.16);
}
body.rl-theme #pane-chat .chat-jump-bottom{
  position:absolute;z-index:6;
  right:calc(var(--chat-gutter) + 3px);
  bottom:calc(79px + var(--ryadom-safe-bottom));
  display:flex;align-items:center;justify-content:center;gap:7px;
  min-height:40px;padding:9px 13px;margin:0;
  border:1px solid var(--chat-border);border-radius:999px;
  background:var(--chat-surface);color:var(--chat-accent);
  font-size:12px;font-weight:700;line-height:1;
  box-shadow:0 7px 20px rgba(44,27,91,.16);
  touch-action:manipulation;
}
#pane-chat .chat-jump-bottom svg{display:block;width:19px;height:19px}
body.rl-theme #pane-chat .chat-jump-bottom:active{
  transform:translateY(1px);box-shadow:0 3px 9px rgba(44,27,91,.12);
}
body.rl-theme #pane-chat .chat-input-shell{border-radius:22px}
body.rl-theme #pane-chat #text::placeholder{color:var(--chat-muted)}
/* Date pills, action menu and search are in the chat, not a second conversation list. */
@media (min-width:900px){
  html.ryadom-desktop-ui body.rl-theme #pane-chat{
    max-width:1350px;border:1px solid var(--chat-border);
    box-shadow:0 15px 47px rgba(47,30,99,.095);
  }
  html.ryadom-desktop-ui body.rl-theme #pane-chat .chat-appearance-row{
    padding-inline:clamp(24px,3vw,42px);
    min-height:68px;
  }
  html.ryadom-desktop-ui body.rl-theme #pane-chat .chat-search-panel{
    padding-inline:clamp(24px,3vw,42px)
  }
  html.ryadom-desktop-ui body.rl-theme #pane-chat #log{
    padding-inline:max(32px,calc((100% - 860px)/2));
  }
  html.ryadom-desktop-ui body.rl-theme #pane-chat .bubble{
    max-width:min(76%,590px);
  }
  html.ryadom-desktop-ui body.rl-theme #pane-chat .chat-jump-bottom{
    right:max(24px,calc((100% - 930px)/2));
  }
}
@media (max-width:700px) and (pointer:coarse){
  body.rl-theme #pane-chat .chat-appearance-row{gap:5px;min-height:53px;padding-block:6px}
  body.rl-theme #pane-chat .chat-section-title{font-size:14px}
  body.rl-theme #pane-chat .chat-header-action,
  body.rl-theme #pane-chat .chat-header-menu > summary{
    width:38px;min-width:38px;height:38px;min-height:38px;
    padding:8px;border-radius:12px;
  }
  body.rl-theme #pane-chat #chatSearchPanel{padding-top:6px;padding-bottom:7px}
  body.rl-theme #pane-chat #log{padding-bottom:12px}
  body.rl-theme #pane-chat #log .msg[data-chat-date-label]{margin-top:38px!important}
  body.rl-theme #pane-chat #log .msg[data-chat-date-label]::before{top:-31px}
  body.rl-theme #pane-chat .chat-jump-bottom{
    bottom:calc(68px + var(--ryadom-safe-bottom));
    right:calc(var(--chat-gutter) + 1px);
    min-height:39px;padding:8px 11px;
  }
  body.rl-theme #pane-chat .chat-jump-bottom span{display:none}
  body.rl-theme #pane-chat .chat-header-menu-panel{top:calc(100% + 7px)}
}
@media (max-width:360px){
  body.rl-theme #pane-chat .chat-appearance-row{gap:3px}
  #pane-chat .chat-header-mark{flex-basis:32px;width:32px;height:32px}
  body.rl-theme #pane-chat .chat-header-action,
  body.rl-theme #pane-chat .chat-header-menu > summary{
    min-width:36px;width:36px;min-height:36px;height:36px;
  }
}
@media(max-height:540px) and (max-width:700px){
  body.rl-theme #pane-chat .chat-appearance-row{min-height:47px}
  body.rl-theme #pane-chat .chat-jump-bottom{bottom:58px}
}
@media(prefers-reduced-motion:reduce){
  body.rl-theme #pane-chat .chat-jump-bottom{transition:none!important}
}