/* CG1: colors follow viewer ownership; chrome is scoped to mounted chat. */
html.chat-chrome-cg1,html.chat-chrome-cg1 body{background-color:#36a2ca!important}
html.chat-chrome-cg1 body #app .app-header.smile-chat-header-ch1{background:#36a2ca!important}
body.staff-chat-active .staff-chat-page>.chat-identity-ib1{height:48px!important;flex-basis:48px!important;padding:4px 10px!important;gap:9px!important;background-color:rgba(255,255,255,.70)!important;background-image:radial-gradient(circle at 22% -30%,rgba(255,255,255,.64) 0%,rgba(255,255,255,.23) 28%,rgba(255,255,255,0) 60%),linear-gradient(180deg,rgba(255,255,255,.32),rgba(237,249,255,.12))!important;backdrop-filter:saturate(155%) blur(19px)!important;-webkit-backdrop-filter:saturate(155%) blur(19px)!important;border-bottom:1px solid rgba(255,255,255,.55)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.60),inset 0 -1px 0 rgba(255,255,255,.20),0 2px 10px rgba(4,72,100,.06)!important}
body.staff-chat-active .chat-identity-ib1 .chat-avatar-ib1{width:34px!important;height:34px!important;flex-basis:34px!important}
body.staff-chat-active .chat-identity-ib1 .chat-home-ib1{height:40px!important;width:40px!important;flex-basis:40px!important}
body.staff-chat-active .chat-identity-ib1 .chat-name-ib1{font-size:15px!important}
body.staff-chat-active .staff-chat-page .staff-message.staff-message.own:not(.system)>.staff-message-bubble{background:#ddf4ff!important;border:0!important;box-shadow:none!important;outline:none!important}
@media(prefers-reduced-transparency:reduce){body.staff-chat-active .staff-chat-page>.chat-identity-ib1{background:#edf8fd!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}}

/* CG3: the same glass as the composer, with messages scrolling behind it. */
body.staff-chat-active .staff-chat-page>.chat-identity-ib1{position:absolute!important;inset:0 0 auto!important;z-index:10!important;box-sizing:border-box!important;background:rgba(235,250,253,.76)!important;backdrop-filter:blur(18px) saturate(1.08)!important;-webkit-backdrop-filter:blur(18px) saturate(1.08)!important;border-bottom:1px solid rgba(255,255,255,.8)!important;box-shadow:none!important}
body.staff-chat-active .staff-chat-page:has(>.chat-identity-ib1)>.staff-chat-body{padding-top:62px!important;scroll-padding-top:62px!important}
@media(prefers-reduced-transparency:reduce){body.staff-chat-active .staff-chat-page>.chat-identity-ib1{background:#edf8fd!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}}

body.staff-chat-active .staff-chat-page .staff-message.staff-message.own:not(.system)>.staff-message-bubble::after{background-color:#ddf4ff!important;border:0!important;box-shadow:none!important}

/* CT1: curved Telegram-style lower corner, mirrored for outgoing messages. */
body.staff-chat-active #app .staff-chat-page .staff-message:not(.system)>.staff-message-bubble:not(:has(>.staff-message-photo)){
 position:relative!important;overflow:visible!important;border-bottom-left-radius:0!important;
}
body.staff-chat-active #app .staff-chat-page .staff-message:not(.system)>.staff-message-bubble:not(:has(>.staff-message-photo))::after{
 content:""!important;display:block!important;position:absolute!important;inset:auto auto 0 -12px!important;
 width:13px!important;height:24px!important;margin:0!important;border:0!important;border-radius:0!important;
 background:inherit!important;box-shadow:none!important;transform:none!important;pointer-events:none!important;
 clip-path:path("M13 0 C13 10 9 18 1 22 Q-1 24 2 24 L13 24 Z")!important;
}
body.staff-chat-active #app .staff-chat-page .staff-message:not(.system)>.staff-message-bubble:not(:has(>.staff-message-photo))::before{display:none!important}
body.staff-chat-active #app .staff-chat-page .staff-message.own:not(.system)>.staff-message-bubble:not(:has(>.staff-message-photo)){
 border-bottom-left-radius:15px!important;border-bottom-right-radius:0!important;
}
body.staff-chat-active #app .staff-chat-page .staff-message.own:not(.system)>.staff-message-bubble:not(:has(>.staff-message-photo))::after{
 left:auto!important;right:-12px!important;transform:scaleX(-1)!important;background:#ddf4ff!important;
}
body.staff-chat-active #app .staff-chat-page .staff-message.sc-has-next:not(.system)>.staff-message-bubble:not(:has(>.staff-message-photo)){border-bottom-left-radius:15px!important;border-bottom-right-radius:15px!important}
body.staff-chat-active #app .staff-chat-page .staff-message.sc-has-next:not(.system)>.staff-message-bubble:not(:has(>.staff-message-photo))::after{display:none!important}