@import url("./unified-layout.css?v=20260910-renewal-v1");
/* Private wrapper only. The native chat application and its forms stay intact. */
.ca-chat-shell{min-width:0;font-family:var(--ca-font,"PT Sans",Arial,sans-serif);color:var(--ca-ink,#202a2e)}
.ca-chat-bar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px 16px;margin-bottom:12px;font-size:13px;line-height:1.4}
.ca-chat-native-link{color:var(--ca-muted,#687277);text-decoration:underline;text-underline-offset:3px}
.ca-chat-status{color:var(--ca-muted,#687277)}
.ca-chat-frame{display:block;width:100%;height:calc(100dvh - 210px);min-height:560px;box-sizing:border-box;border:1px solid var(--ca-line,#e0e4e6);border-radius:var(--ca-radius,12px);background:#fff}
.ca-chat-frame[hidden]{display:none}
.ca-chat-dialog{box-sizing:border-box;width:min(1520px,calc(100vw - 24px));max-width:none;height:calc(100dvh - 24px);max-height:calc(100dvh - 24px);padding:0;border:1px solid var(--ca-line,#e0e4e6);border-radius:var(--ca-radius,12px);background:#fff;color:var(--ca-ink,#202a2e);font-family:var(--ca-font,"PT Sans",Arial,sans-serif)}
.ca-chat-dialog[open]{display:flex;flex-direction:column}
.ca-chat-dialog::backdrop{background:rgba(20,30,34,.35)}
.ca-chat-dialog-head{display:flex;flex:0 0 auto;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;padding:10px 16px;border-bottom:1px solid var(--ca-line,#e0e4e6)}
.ca-chat-dialog-head>strong{font-size:18px}
.ca-chat-dialog-controls{display:flex;align-items:center;flex-wrap:wrap;gap:8px}
.ca-chat-dialog-body{flex:1 1 0;min-height:0;padding:0;overflow:hidden}
.ca-chat-dialog-body>.ca-chat-shell{display:flex;flex-direction:column;height:100%;min-height:0}
.ca-chat-dialog .ca-chat-bar{display:none}
.ca-chat-dialog .ca-chat-frame{flex:1 1 0;height:auto;min-height:0;border:0;border-radius:0}
.ca-chat-dialog--expanded{width:calc(100vw - 24px)}
.ca-chat-dialog--expanded .ca-chat-frame{height:auto}
.ca-chat-native-link:focus-visible,.ca-chat-dialog :is(button,a):focus-visible{outline:2px solid var(--ca-ink,#202a2e);outline-offset:3px}
/* Apply chrome cropping only after the exact canonical chat route, native root,
   and observed RU/EN scripts have been recognized and this stylesheet loaded. */
:root.ca-native-embedded[data-ca-density][data-ca-native-kind="chat"],:root.ca-native-embedded[data-ca-density][data-ca-native-kind="chat"] body{min-width:0!important;margin:0!important;padding:0!important;background:#fff!important}
:root.ca-native-embedded[data-ca-density][data-ca-native-kind="chat"] body>#panel,
:root.ca-native-embedded[data-ca-density][data-ca-native-kind="chat"] body>a.fix_chat_btn,
:root.ca-native-embedded[data-ca-density][data-ca-native-kind="chat"] body>.void>.wrapper>.header,
:root.ca-native-embedded[data-ca-density][data-ca-native-kind="chat"] body>.void>.wrapper>.page,
:root.ca-native-embedded[data-ca-density][data-ca-native-kind="chat"] body>.void>.footer,
:root.ca-native-embedded[data-ca-density][data-ca-native-kind="chat"] .wrapper>main.main--cabinet>.container--breadcrumbs,
:root.ca-native-embedded[data-ca-density][data-ca-native-kind="chat"] main.main--cabinet>section.cabinet--messages>.container>.cabinet-aside{display:none!important}
:root.ca-native-embedded[data-ca-density][data-ca-native-kind="chat"] body>.void,
:root.ca-native-embedded[data-ca-density][data-ca-native-kind="chat"] body>.void>.wrapper,
:root.ca-native-embedded[data-ca-density][data-ca-native-kind="chat"] main.main--cabinet,
:root.ca-native-embedded[data-ca-density][data-ca-native-kind="chat"] main.main--cabinet>section.cabinet--messages,
:root.ca-native-embedded[data-ca-density][data-ca-native-kind="chat"] main.main--cabinet>section.cabinet--messages>.container,
:root.ca-native-embedded[data-ca-density][data-ca-native-kind="chat"] #app.cabinet-content{box-sizing:border-box;width:100%!important;max-width:none!important;min-width:0!important;min-height:0!important;margin:0!important;padding:0!important;background:#fff!important}
:root.ca-native-embedded[data-ca-density][data-ca-native-kind="chat"] main.main--cabinet>section.cabinet--messages>.container{display:block!important}
:root.ca-native-embedded[data-ca-density][data-ca-native-kind="chat"] #app .cabinet-messages{margin:0!important;border:0!important;border-radius:0!important;height:100dvh!important;min-height:0!important;max-height:none!important}
/* The wrapper already names the page/dialog. Hide only that repeated list
   heading, never the active conversation title, unread badge or controls. */
:root.ca-native-embedded[data-ca-density][data-ca-native-kind="chat"] #app>.cabinet-messages>.cabinet-messages__chats-side>.cabinet-messages__chats-head>h1.cabinet-messages__chats-list-heading{display:none!important}
:root.ca-native-embedded[data-ca-density][data-ca-native-kind="chat"] #app .cabinet-messages__chats-head{justify-content:flex-end!important;padding-right:0!important;margin-bottom:8px!important}
:root.ca-native-embedded[data-ca-density][data-ca-native-kind="chat"] #app .cabinet-messages__chats-search-form{padding-right:0!important;margin-bottom:8px!important}
:root.ca-native-embedded[data-ca-density][data-ca-native-kind="chat"] #app .cabinet-messages__chats-search-input{height:40px!important;padding:0 12px!important}
:root.ca-native-embedded[data-ca-density][data-ca-native-kind="chat"] #app .cabinet-messages__messages-side{display:flex!important;flex-direction:column;min-height:0!important;height:100dvh!important}
:root.ca-native-embedded[data-ca-density][data-ca-native-kind="chat"] #app .cabinet-messages__messages-head{flex:0 0 auto;padding:10px 12px!important;min-height:44px;box-sizing:border-box}
:root.ca-native-embedded[data-ca-density][data-ca-native-kind="chat"] #app .messages-area{flex:1 1 0;height:auto!important;min-height:0!important;padding:12px!important}
:root.ca-native-embedded[data-ca-density][data-ca-native-kind="chat"] #app .cabinet-messages__form{flex:0 0 auto;padding:0 12px 12px!important}
@media(min-width:992px){
  /* Native wide-screen rules add multiple 30px gutters and mismatched 350/380
     widths. Use one divider and let the conversation consume all remaining space. */
  :root.ca-native-embedded[data-ca-density][data-ca-native-kind="chat"] #app .cabinet-messages{gap:0!important;left:0!important;padding:0!important}
  :root.ca-native-embedded[data-ca-density][data-ca-native-kind="chat"] #app .cabinet-messages__chats-side{box-sizing:border-box;display:flex;flex-direction:column;flex:0 0 290px!important;max-width:290px!important;min-width:0;padding:10px!important;border-right:1px solid var(--ca-line,#e0e4e6)}
  :root.ca-native-embedded[data-ca-density][data-ca-native-kind="chat"] #app .cabinet-messages__chats-list{flex:1 1 0;min-height:0!important;max-height:none!important;padding-right:0!important}
  :root.ca-native-embedded[data-ca-density][data-ca-native-kind="chat"] #app .cabinet-messages__messages-side{flex:1 1 0!important;max-width:none!important;min-width:0!important;padding:0!important}
}
/* Observed native RU/EN message surfaces only. Keep error, upload-failure,
   unread-count and searched-message indicators in their original colours. */
:root.ca-native-embedded[data-ca-density][data-ca-native-kind="chat"] #app :is(.messages-area,.cabinet-messages__form){background-color:#f4f5f6!important;background-image:none!important}
:root.ca-native-embedded[data-ca-density][data-ca-native-kind="chat"] #app .post-form{background-color:#fff!important;background-image:none!important}
:root.ca-native-embedded[data-ca-density][data-ca-native-kind="chat"] #app .post-form__text-input,
:root.ca-native-embedded[data-ca-density][data-ca-native-kind="chat"] #app .post-form__text-input:focus,
:root.ca-native-embedded[data-ca-density][data-ca-native-kind="chat"] #app .post-form__text-input:focus-visible{border:0!important;border-radius:0!important;outline:0!important;box-shadow:none!important;background-color:transparent!important}
:root.ca-native-embedded[data-ca-density][data-ca-native-kind="chat"] #app .chat-content__message:not(.error):not([aria-invalid="true"]){background-color:#fff!important;background-image:none!important}
:root.ca-native-embedded[data-ca-density][data-ca-native-kind="chat"] #app .chat-content__message.chat-content__message--yours:not(.error):not([aria-invalid="true"]){background-color:#edf0f2!important}
@media(max-width:620px){
  .ca-chat-frame{height:calc(100dvh - 200px);min-height:460px}
  .ca-chat-dialog,.ca-chat-dialog--expanded{width:calc(100vw - 12px);height:calc(100dvh - 12px);max-height:calc(100dvh - 12px)}
  .ca-chat-dialog-head{padding:12px;gap:8px}
  .ca-chat-dialog-controls{gap:6px}
  .ca-chat-dialog-controls .button{padding:8px 10px;font-size:12px}
  .ca-chat-dialog-body{padding:0}
  .ca-chat-dialog .ca-chat-frame,.ca-chat-dialog--expanded .ca-chat-frame{height:auto;min-height:0}
}