/* Messenger styles outrank legacy CRM themes, including portals under body. */
:is(#cleanCrmApp, body) .bichmi-v2__dialog.bichmi-ux { padding: 16px; overscroll-behavior: contain; }
:is(#cleanCrmApp, body) .bichmi-v2__dialog.bichmi-ux > section { width: min(520px, -32px + 100vw); max-height: calc(100dvh - 32px); display: flex; flex-direction: column; overflow: hidden; }
:is(#cleanCrmApp, body) .bichmi-ux header { display: flex; align-items: center; gap: 12px; min-height: 60px; flex-shrink: 0; }
:is(#cleanCrmApp, body) .bichmi-ux header strong { flex: 1 1 0%; font-size: 18px; }
:is(#cleanCrmApp, body) .bichmi-ux header button { min-width: 40px; min-height: 40px; font-size: 22px; }
:is(#cleanCrmApp, body) .bichmi-ux__body { padding: 16px; display: flex; flex-direction: column; gap: 12px; min-height: 0px; overflow: auto; }
:is(#cleanCrmApp, body) .bichmi-ux__body input { width: 100%; box-sizing: border-box; min-height: 44px; padding: 10px 12px; }
:is(#cleanCrmApp, body) .bichmi-ux__people { overflow: auto; max-height: min(420px, 45dvh); min-height: 80px; overscroll-behavior: contain; }
:is(#cleanCrmApp, body) .bichmi-ux button { touch-action: manipulation; cursor: pointer; }
:is(#cleanCrmApp, body) .bichmi-ux button:disabled { cursor: default; opacity: 0.5; }
:is(#cleanCrmApp, body) .bichmi-ux button:focus-visible, :is(#cleanCrmApp, body) .bichmi-ux input:focus-visible { outline: 2px solid var(--accent,#409cbe); outline-offset: 2px; }
:is(#cleanCrmApp, body) .bichmi-ux .bichmi-ux__person { width: 100%; display: flex; align-items: center; gap: 12px; text-align: left; padding: 10px 12px; min-height: 62px; border: 0px; border-radius: 10px; background: transparent; color: inherit; }
:is(#cleanCrmApp, body) .bichmi-ux__person:hover, :is(#cleanCrmApp, body) .bichmi-ux .bichmi-ux__person.is-selected { background: rgba(71, 158, 185, 0.16); }
:is(#cleanCrmApp, body) .bichmi-ux__person-name { flex: 1 1 0%; min-width: 0px; display: flex; flex-direction: column; gap: 3px; }
:is(#cleanCrmApp, body) .bichmi-ux__person-name strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
:is(#cleanCrmApp, body) .bichmi-ux__person-name small { font-size: 12px; opacity: 0.7; }
:is(#cleanCrmApp, body) .bichmi-ux__chips { display: flex; flex-wrap: wrap; gap: 6px; max-height: 92px; overflow: auto; padding: 2px; }
:is(#cleanCrmApp, body) .bichmi-ux .bichmi-ux__chip { border-radius: 18px; padding: 6px 10px; font-size: 12px; min-height: 34px; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
:is(#cleanCrmApp, body) .bichmi-ux .bichmi-ux__new-group { text-align: left; min-height: 48px; font-weight: 600; }
:is(#cleanCrmApp, body) .bichmi-ux footer { flex-shrink: 0; display: flex; align-items: center; justify-content: flex-end; gap: 10px; padding: 12px 16px; }
:is(#cleanCrmApp, body) .bichmi-ux footer > span { margin-right: auto; font-size: 12px; opacity: 0.75; }
:is(#cleanCrmApp, body) .bichmi-ux footer button { min-height: 44px; padding: 8px 14px; }
:is(#cleanCrmApp, body) .bichmi-ux__primary { font-weight: 600; }
:is(#cleanCrmApp, body) .bichmi-ux__preview { margin: 0px; padding: 10px 12px; border-left: 3px solid var(--accent,#409cbe); max-height: 64px; overflow: hidden; white-space: pre-wrap; opacity: 0.85; }
:is(#cleanCrmApp, body) .bichmi-ux__toast { position: fixed; left: 50%; bottom: 32px; transform: translateX(-50%); z-index: 300000; background: rgb(32, 52, 62); color: rgb(255, 255, 255); border-radius: 12px; padding: 12px 18px; box-shadow: rgba(0, 0, 0, 0.2) 0px 4px 20px; pointer-events: none; max-width: calc(-48px + 100vw); }
@media (max-width: 620px) {
:is(#cleanCrmApp, body) .bichmi-v2__dialog.bichmi-ux { padding: 8px; }
:is(#cleanCrmApp, body) .bichmi-v2__dialog.bichmi-ux > section { width: calc(-16px + 100vw); max-height: calc(100dvh - 16px); }
:is(#cleanCrmApp, body) .bichmi-ux__body { padding: 12px; }
:is(#cleanCrmApp, body) .bichmi-ux footer { padding: 10px 12px; }
:is(#cleanCrmApp, body) .bichmi-ux footer button { padding: 8px 10px; }
}
:is(#cleanCrmApp, body) .bichmi-v2.bichmi-v2--simple { grid-template-columns: 82px var(--chat-sidebar-width,350px) 5px minmax(0,1fr); --chat-accent-blue: #4d9cd5; --bubble-out-bg: color-mix(in srgb,#4d9cd5 23%,var(--glass-header-bg)); border-radius: 14px; }
:is(#cleanCrmApp, body) .bichmi-v2--simple > .bichmi-v2__sidebar { min-width: 0px; display: flex; flex-direction: column; }
:is(#cleanCrmApp, body) .bichmi-v2--simple .bichmi-v2__sidebar-head { padding: 16px; min-height: 68px; gap: 12px; }
:is(#cleanCrmApp, body) .bichmi-v2--simple .bichmi-v2__sidebar-head p { display: none; }
:is(#cleanCrmApp, body) .bichmi-v2--simple .bichmi-v2__sidebar-head h1 { font-size: 20px; }
:is(#cleanCrmApp, body) .bichmi-v2__new { min-width: 44px; min-height: 44px; white-space: nowrap; font-weight: 600; width: auto !important; padding: 0px 14px !important; font-size: 14px !important; }
:is(#cleanCrmApp, body) .bichmi-ux__create-group { margin: 0px 12px 8px; padding: 10px 12px; min-height: 42px; text-align: left; border: 1px solid var(--chat-border); border-radius: 10px; background: transparent; color: var(--chat-text); font: inherit; cursor: pointer; }
:is(#cleanCrmApp, body) .bichmi-ux__create-group:hover { background: color-mix(in srgb,var(--chat-accent-blue) 12%,transparent); }
:is(#cleanCrmApp, body) .bichmi-v2--simple .bichmi-v2__search { margin: 0px 12px 10px; min-height: 44px; justify-content: flex-start; }
:is(#cleanCrmApp, body) .bichmi-v2--simple .bichmi-v2__search input { display: block; min-width: 0px; font-size: 14px; }
:is(#cleanCrmApp, body) .bichmi-v2--simple .bichmi-v2__conversation-list { padding: 4px 8px 12px; min-height: 0px; flex: 1 1 0%; overflow-y: auto; }
:is(#cleanCrmApp, body) .bichmi-v2--simple .bichmi-v2__conversation { min-height: 78px; padding: 12px; gap: 12px; border-radius: 12px; justify-content: flex-start; }
:is(#cleanCrmApp, body) .bichmi-v2--simple .bichmi-v2__conversation-copy { display: flex; flex-direction: column; gap: 6px; min-width: 0px; flex: 1 1 0%; }
:is(#cleanCrmApp, body) .bichmi-v2--simple .bichmi-v2__conversation-row { display: flex; width: 100%; min-width: 0px; gap: 8px; justify-content: space-between; }
:is(#cleanCrmApp, body) .bichmi-v2--simple .bichmi-v2__conversation-row > strong, :is(#cleanCrmApp, body) .bichmi-v2--simple .bichmi-v2__conversation-row.is-preview > span { flex: 1 1 0%; min-width: 0px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
:is(#cleanCrmApp, body) .bichmi-v2--simple .bichmi-v2__conversation-row > time { flex: 0 0 auto; }
:is(#cleanCrmApp, body) .bichmi-v2--simple .bichmi-v2__sidebar-head > .bichmi-v2__new { flex: 0 0 auto; overflow: visible; max-width: none !important; }
:is(#cleanCrmApp, body) .bichmi-v2--simple .bichmi-v2__conversation-copy strong { font-size: 14px; }
:is(#cleanCrmApp, body) .bichmi-v2--simple .bichmi-v2__conversation-row.is-preview { font-size: 13px; line-height: 1.4; }
:is(#cleanCrmApp, body) .bichmi-v2--simple .bichmi-v2__conversation.is-active { background: color-mix(in srgb,var(--chat-accent-blue) 15%,transparent); border-color: color-mix(in srgb,var(--chat-accent-blue) 45%,transparent); box-shadow: inset 3px 0 var(--chat-accent-blue); }
:is(#cleanCrmApp, body) .bichmi-v2--simple .bichmi-v2__chat-head { min-height: 76px; padding: 12px 20px; }
:is(#cleanCrmApp, body) .bichmi-v2--simple .bichmi-v2__chat-title h2 { font-size: 18px; }
:is(#cleanCrmApp, body) .bichmi-v2--simple .bichmi-v2__chat-head button { min-width: 40px; min-height: 40px; touch-action: manipulation; }
:is(#cleanCrmApp, body) .bichmi-v2--simple .bichmi-v2__messages { padding: 16px max(20px, 50% - 520px) 24px; }
:is(#cleanCrmApp, body) .bichmi-v2--simple .bichmi-v2__message { max-width: min(80%, 720px); padding: 10px 13px 8px; margin-block: 5px; box-shadow: none; }
:is(#cleanCrmApp, body) .bichmi-v2--simple .bichmi-v2__message p { font-size: 15px; line-height: 1.5; }
:is(#cleanCrmApp, body) .bichmi-v2--simple .bichmi-v2__author { font-size: 13px; font-weight: 600; }
:is(#cleanCrmApp, body) .bichmi-v2--simple .bichmi-v2__message footer { font-size: 11px; line-height: 1.2; }
:is(#cleanCrmApp, body) .bichmi-v2--simple .bichmi-v2__composer { min-height: 68px; padding: 12px 16px; align-items: center; }
:is(#cleanCrmApp, body) .bichmi-v2--simple .bichmi-v2__composer textarea { font-size: 15px; min-height: 24px; }
:is(#cleanCrmApp, body) .bichmi-v2--simple .bichmi-v2__composer button { min-width: 42px; min-height: 42px; }
:is(#cleanCrmApp, body) .bichmi-v2__message:focus-visible { outline: 2px solid var(--chat-accent-blue); outline-offset: 3px; }
:is(#cleanCrmApp, body) .bichmi-ux__back { display: none; }
@media (max-width: 820px) {
:is(#cleanCrmApp, body) .bichmi-v2.bichmi-v2--simple { grid-template-columns: minmax(0px, 1fr); }
:is(#cleanCrmApp, body) .bichmi-v2--simple > .bichmi-v2__sidebar-resizer { display: none; }
:is(#cleanCrmApp, body) .bichmi-v2--simple:not(.show-chat-list):has(> .bichmi-v2__chat) > .bichmi-v2__sidebar { display: none; }
:is(#cleanCrmApp, body) .bichmi-v2--simple.show-chat-list > .bichmi-v2__chat { display: none; }
:is(#cleanCrmApp, body) .bichmi-v2--simple .bichmi-ux__back { display: block; border: 0px; background: transparent; color: var(--chat-text); font: inherit; white-space: nowrap; padding: 8px; }
:is(#cleanCrmApp, body) .bichmi-v2--simple .bichmi-v2__chat-head { padding: 8px 10px; gap: 8px; min-height: 64px; }
:is(#cleanCrmApp, body) .bichmi-v2--simple .bichmi-v2__chat-title h2 { font-size: 16px; }
:is(#cleanCrmApp, body) .bichmi-v2--simple .bichmi-v2__messages { padding: 12px; }
:is(#cleanCrmApp, body) .bichmi-v2--simple .bichmi-v2__message { max-width: 90%; }
:is(#cleanCrmApp, body) .bichmi-v2--simple .bichmi-v2__composer { padding: 8px; gap: 6px; }
}
@media (prefers-reduced-motion: reduce) {
:is(#cleanCrmApp, body) .bichmi-v2--simple * { scroll-behavior: auto !important; animation: auto ease 0s 1 normal none running none !important; transition: none !important; }
}
:is(#cleanCrmApp, body) .bichmi-v2--simple > .bichmi-v2__folders { display: flex; flex-direction: column; align-items: stretch; gap: 6px; width: 82px; min-height: 0px; padding: 12px 6px; box-sizing: border-box; overflow: hidden auto; background: var(--glass-sidebar-bg); border-right: 1px solid var(--chat-border); scrollbar-width: thin; }
:is(#cleanCrmApp, body) .bichmi-v2--simple > .bichmi-v2__folders > button { position: relative; flex: 0 0 auto; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 6px; width: 100%; min-height: 68px; margin: 0px; padding: 10px 3px; border: 0px; border-radius: 10px; background: transparent; color: var(--chat-muted); }
:is(#cleanCrmApp, body) .bichmi-v2--simple > .bichmi-v2__folders > button > small { max-width: 100%; overflow: visible; font-size: 10px; line-height: 1.3; white-space: normal; overflow-wrap: normal; text-align: center; text-overflow: clip; }
:is(#cleanCrmApp, body) .bichmi-v2--simple > .bichmi-v2__folders > button > svg { flex: 0 0 auto; }
:is(#cleanCrmApp, body) .bichmi-v2--simple > .bichmi-v2__folders > button > b { position: absolute; top: 3px; right: 1px; min-width: 17px; font-size: 10px; }
:is(#cleanCrmApp, body) .bichmi-v2--simple > .bichmi-v2__folders > button.is-active { background: color-mix(in srgb,var(--chat-accent-blue) 16%,transparent); color: var(--chat-accent-blue); box-shadow: inset 3px 0 var(--chat-accent-blue); }
:is(#cleanCrmApp, body) .bichmi-v2--simple > .bichmi-v2__folders > .is-add { margin-top: auto; }
:is(#cleanCrmApp, body) .bichmi-v2--simple > .bichmi-v2__folders > .bichmi-v2__folder-divider { height: 1px; min-height: 1px; width: 100%; margin: 4px 0px; }
@media (max-width: 820px) {
:is(#cleanCrmApp, body) .bichmi-v2.bichmi-v2--simple.show-chat-list { grid-template-columns: 82px minmax(0px, 1fr); }
:is(#cleanCrmApp, body) .bichmi-v2--simple:not(.show-chat-list):has(> .bichmi-v2__chat) > .bichmi-v2__folders { display: none; }
}
:is(#cleanCrmApp, body) .bichmi-tg-hover-layer { position: fixed; inset: 0px; z-index: 3990; pointer-events: none; --tg-popup: #fff; --tg-text: #233547; --tg-muted: #6c7b89; --tg-hover: #edf4fa; --tg-border: #d8e1e9; --tg-accent: #4d9cd5; }
:is(#cleanCrmApp, body) .bichmi-tg-hover-layer:is([data-ui-mode="atmosphere"], [data-ui-mode="watersphere"]) { --tg-popup: #192938; --tg-text: #eef3f7; --tg-muted: #a4b4c2; --tg-hover: #263c4d; --tg-border: #314859; --tg-accent: #70b3e3; }
:is(#cleanCrmApp, body) .bichmi-tg-hover { position: fixed; display: flex; align-items: center; justify-content: center; gap: 2px; width: 112px; height: 38px; box-sizing: border-box; padding: 2px; border: 1px solid var(--tg-border); border-radius: 21px; background: var(--tg-popup); color: var(--tg-text); box-shadow: rgba(0, 0, 0, 0.133) 0px 4px 16px; pointer-events: auto; animation: 130ms cubic-bezier(0.2, 0.8, 0.2, 1) 0s 1 normal both running bichmi-tg-controls-in; }
:is(#cleanCrmApp, body) .bichmi-tg-hover > button { display: grid; place-items: center; flex: 0 0 34px; width: 34px; height: 32px; min-height: 0px; margin: 0px; padding: 0px; border: 0px; border-radius: 50%; background: transparent; color: var(--tg-muted); font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: 22px; cursor: pointer; touch-action: manipulation; transition: background-color 120ms, color 120ms, transform 140ms; }
:is(#cleanCrmApp, body) .bichmi-tg-hover > button:hover, :is(#cleanCrmApp, body) .bichmi-tg-hover > button:focus-visible { background: var(--tg-hover); color: var(--tg-accent); outline: none; }
:is(#cleanCrmApp, body) .bichmi-tg-hover > button:focus-visible { box-shadow: inset 0 0 0 2px var(--tg-accent); }
:is(#cleanCrmApp, body) .bichmi-tg-hover > button:hover svg { transform: translateX(-1px); }
:is(#cleanCrmApp, body) .bichmi-tg-hover > button.bichmi-tg-hover__react { font-size: 20px; }
:is(#cleanCrmApp, body) .bichmi-tg-hover > button.bichmi-tg-hover__react:hover { transform: scale(1.12); }
:is(#cleanCrmApp, body) .bichmi-tg-hover-picker { position: fixed; box-sizing: border-box; pointer-events: auto; animation: 140ms cubic-bezier(0.2, 0.8, 0.2, 1) 0s 1 normal both running bichmi-tg-controls-in; }
:is(#cleanCrmApp, body) .bichmi-tg-reactions { display: flex; align-items: center; justify-content: space-between; box-sizing: border-box; gap: 1px; min-height: 48px; padding: 5px 7px; border: 1px solid var(--tg-border,#d8e1e9); border-radius: 26px; background: var(--tg-popup,#fff); color: var(--tg-text,#233547); box-shadow: rgba(0, 0, 0, 0.2) 0px 8px 28px; }
:is(#cleanCrmApp, body) .bichmi-tg-reactions > button { display: grid; place-items: center; flex: 0 1 36px; width: 36px; height: 36px; min-height: 0px; padding: 0px; margin: 0px; border: 0px; border-radius: 50%; background: transparent; color: inherit; font-size: 23px; line-height: 1; cursor: pointer; touch-action: manipulation; transition: transform 130ms cubic-bezier(0.2, 0.8, 0.2, 1), background-color 120ms; }
:is(#cleanCrmApp, body) .bichmi-tg-reactions > button:hover, :is(#cleanCrmApp, body) .bichmi-tg-reactions > button:focus-visible { outline: none; transform: translateY(-3px) scale(1.14); background: var(--tg-hover,#edf4fa); }
:is(#cleanCrmApp, body) .bichmi-tg-reactions > button:is([aria-pressed="true"], [aria-checked="true"]) { background: var(--tg-hover,#edf4fa); box-shadow: inset 0 0 0 1px var(--tg-accent,#4d9cd5); }
:is(#cleanCrmApp, body) .bichmi-tg-reactions > button.bichmi-tg-reactions__more { font-size: 15px; color: var(--tg-muted,#6c7b89); }
:is(#cleanCrmApp, body) .bichmi-tg-reactions.is-expanded { display: grid; grid-template-columns: repeat(6, minmax(0px, 1fr)); border-radius: 18px; justify-items: center; gap: 3px; }
:is(#cleanCrmApp, body) .bichmi-v2__popover.bichmi-tg-menu { display: flex; flex-direction: column; gap: 7px; padding: 0px; border: 0px; overflow: visible; background: transparent; box-shadow: none; backdrop-filter: none; --tg-popup: #fff; --tg-text: #233547; --tg-muted: #6c7b89; --tg-hover: #edf4fa; --tg-border: #d8e1e9; --tg-accent: #4d9cd5; animation: 140ms cubic-bezier(0.2, 0.8, 0.2, 1) 0s 1 normal both running bichmi-tg-menu-in; }
:is(#cleanCrmApp, body) .bichmi-v2__popover-layer:is([data-ui-mode="atmosphere"], [data-ui-mode="watersphere"]) .bichmi-tg-menu { --tg-popup: #192938; --tg-text: #eef3f7; --tg-muted: #a4b4c2; --tg-hover: #263c4d; --tg-border: #314859; --tg-accent: #70b3e3; }
:is(#cleanCrmApp, body) .bichmi-tg-menu > .bichmi-tg-reactions { flex: 0 0 auto; box-shadow: rgba(0, 0, 0, 0.2) 0px 6px 20px; }
:is(#cleanCrmApp, body) .bichmi-tg-menu__items { flex: 1 1 auto; min-height: 0px; overflow-y: auto; overscroll-behavior: contain; padding: 5px; border: 1px solid var(--tg-border); border-radius: 13px; background: var(--tg-popup); color: var(--tg-text); box-shadow: rgba(0, 0, 0, 0.267) 0px 12px 36px; scrollbar-width: thin; }
:is(#cleanCrmApp, body) .bichmi-tg-menu .bichmi-tg-menu__items [role="menuitem"] { width: 100%; min-height: 40px; display: flex; align-items: center; gap: 12px; padding: 9px 11px; border: 0px; border-radius: 8px; background: transparent; color: var(--tg-text); text-align: left; font: 14px / 1.3 system-ui; cursor: pointer; transform: none; transition: background-color 120ms; }
:is(#cleanCrmApp, body) .bichmi-tg-menu .bichmi-tg-menu__items [role="menuitem"] > svg { flex: 0 0 19px; color: var(--tg-muted); transition: color 120ms, transform 150ms cubic-bezier(0.2, 0.8, 0.2, 1); }
:is(#cleanCrmApp, body) .bichmi-tg-menu .bichmi-tg-menu__items [role="menuitem"] > span:first-of-type { flex: 1 1 0%; }
:is(#cleanCrmApp, body) .bichmi-tg-menu .bichmi-tg-menu__items [role="menuitem"]:is(:hover, :focus-visible) { outline: none; transform: none; color: var(--tg-text); background: var(--tg-hover); }
:is(#cleanCrmApp, body) .bichmi-tg-menu .bichmi-tg-menu__items [role="menuitem"]:is(:hover, :focus-visible) > svg { color: var(--tg-accent); transform: translateX(1px); }
:is(#cleanCrmApp, body) .bichmi-tg-menu kbd { margin-left: auto; padding: 0px; border: 0px; background: none; color: var(--tg-muted); font: 11px system-ui; white-space: nowrap; }
:is(#cleanCrmApp, body) .bichmi-tg-menu__separator { height: 1px; margin: 5px 6px; background: var(--tg-border); }
:is(#cleanCrmApp, body) .bichmi-tg-menu__chevron { margin-left: auto; color: var(--tg-muted); font-size: 19px; }
:is(#cleanCrmApp, body) .bichmi-tg-menu__tasks { padding-left: 15px; }
:is(#cleanCrmApp, body) .bichmi-v2__popover.bichmi-tg-menu.is-closing { animation: 100ms ease-in 0s 1 normal both running bichmi-tg-menu-out; pointer-events: none; }
@keyframes bichmi-tg-controls-in { 
  0% { opacity: 0; transform: translateY(4px) scale(0.95); }
  100% { opacity: 1; transform: translateY(0px) scale(1); }
}
@keyframes bichmi-tg-menu-in { 
  0% { opacity: 0; transform: translateY(5px) scale(0.96); }
  100% { opacity: 1; transform: translateY(0px) scale(1); }
}
@keyframes bichmi-tg-menu-out { 
  100% { opacity: 0; transform: translateY(3px) scale(0.98); }
}
@media (prefers-reduced-motion: reduce) {
:is(#cleanCrmApp, body) .bichmi-tg-hover-layer *, :is(#cleanCrmApp, body) .bichmi-tg-menu, :is(#cleanCrmApp, body) .bichmi-tg-menu * { animation: auto ease 0s 1 normal none running none !important; transition: none !important; }
}
@media (max-width: 620px) {
:is(#cleanCrmApp, body) .bichmi-v2--simple .bichmi-v2__chat-head > .bichmi-v2__head-action:is([aria-label*="звук"], [aria-label="Закрепить чат"], [aria-label="Открепить чат"]) { display: none; }
:is(#cleanCrmApp, body) .bichmi-v2--simple .bichmi-v2__chat-head > .bichmi-v2__avatar { width: 34px; height: 34px; flex: 0 0 34px; font-size: 13px; }
:is(#cleanCrmApp, body) .bichmi-v2--simple .bichmi-v2__chat-title { flex: 1 1 0%; min-width: 0px; }
:is(#cleanCrmApp, body) .bichmi-v2--simple .bichmi-v2__chat-title h2 { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
:is(#cleanCrmApp, body) .bichmi-v2--simple .bichmi-v2__chat-title p { font-size: 11px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
}
:is(#cleanCrmApp, body) .bichmi-v2.bichmi-v2--simple { grid-template-columns: 72px var(--chat-sidebar-width,320px) 4px minmax(0,1fr); border-radius: 8px; --chat-accent: #4d9cd5; --chat-border: #dce3e9; --chat-text: #233342; --chat-muted: #7b8996; --glass-sidebar-bg: #fff; --glass-header-bg: #fff; --bubble-in-bg: #fff; --bubble-out-bg: #def1d6; --chat-ux-canvas: #eaf0f4; }
:is(#cleanCrmApp, body) #cleanCrmApp:is([data-ui-mode="atmosphere"], [data-ui-mode="watersphere"]) .bichmi-v2--simple { --chat-border: #26333f; --chat-text: #e6edf3; --chat-muted: #8c9dab; --glass-sidebar-bg: #17212b; --glass-header-bg: #17212b; --bubble-in-bg: #1e2c3a; --bubble-out-bg: #2b5278; --chat-ux-canvas: #0e1721; }
:is(#cleanCrmApp, body) .bichmi-v2--simple > .bichmi-v2__sidebar { background: var(--glass-sidebar-bg); border-right: 0px; }
:is(#cleanCrmApp, body) .bichmi-v2--simple .bichmi-v2__sidebar-head { min-height: 56px; height: 56px; padding: 8px 14px; border-bottom: 0px; }
:is(#cleanCrmApp, body) .bichmi-v2--simple .bichmi-v2__sidebar-head h1 { font-size: 17px; }
:is(#cleanCrmApp, body) .bichmi-v2--simple .bichmi-v2__new { min-height: 34px; height: 34px; border: 0px; border-radius: 18px; font-size: 12px !important; padding-inline: 12px !important; }
:is(#cleanCrmApp, body) .bichmi-v2--simple .bichmi-ux__create-group { display: none; }
:is(#cleanCrmApp, body) .bichmi-v2--simple .bichmi-v2__search { height: 38px; min-height: 38px; margin: 0px 10px 7px; padding: 0px 12px; gap: 8px; border: 0px; border-radius: 22px; background: color-mix(in srgb,var(--chat-muted) 12%,var(--glass-sidebar-bg)); }
:is(#cleanCrmApp, body) .bichmi-v2--simple .bichmi-v2__search input { font-size: 13px; background: transparent; color: var(--chat-text); }
:is(#cleanCrmApp, body) .bichmi-v2--simple .bichmi-v2__conversation-list { padding: 0px; display: block; scrollbar-gutter: stable; }
:is(#cleanCrmApp, body) .bichmi-v2--simple .bichmi-v2__conversation { display: flex; width: 100%; height: 64px; min-height: 64px; margin: 0px; padding: 8px 10px; gap: 10px; border: 0px; border-radius: 0px; background: transparent; transition: background-color 120ms; color: var(--chat-text); }
:is(#cleanCrmApp, body) .bichmi-v2--simple .bichmi-v2__conversation:hover { background: color-mix(in srgb,var(--chat-accent-blue) 8%,var(--glass-sidebar-bg)); }
:is(#cleanCrmApp, body) .bichmi-v2--simple .bichmi-v2__conversation.is-active { background: color-mix(in srgb,var(--chat-accent-blue) 27%,var(--glass-sidebar-bg)); box-shadow: none; }
:is(#cleanCrmApp, body) .bichmi-v2--simple .bichmi-v2__conversation > .bichmi-v2__avatar { width: 44px; height: 44px; flex: 0 0 44px; font-size: 15px; }
:is(#cleanCrmApp, body) .bichmi-v2--simple .bichmi-v2__conversation-copy { gap: 4px; justify-content: center; }
:is(#cleanCrmApp, body) .bichmi-v2--simple .bichmi-v2__conversation-copy strong { font-size: 13px; font-weight: 600; line-height: 1.3; }
:is(#cleanCrmApp, body) .bichmi-v2--simple .bichmi-v2__conversation-row > time { font-size: 10px; }
:is(#cleanCrmApp, body) .bichmi-v2--simple .bichmi-v2__conversation-row.is-preview { font-size: 12px; line-height: 1.4; align-items: center; }
:is(#cleanCrmApp, body) .bichmi-ux__pinned-chat { display: inline-flex; flex: 0 0 auto; color: var(--chat-muted); transform: rotate(25deg); }
:is(#cleanCrmApp, body) .bichmi-v2--simple .bichmi-v2__conversation-row.is-preview > .bichmi-ux__pinned-chat { display: inline-flex; flex: 0 0 15px; min-width: 15px; width: 15px; height: 15px; overflow: visible; align-items: center; justify-content: center; }
:is(#cleanCrmApp, body) .bichmi-v2--simple > .bichmi-v2__folders { width: 72px; padding: 4px 0px; gap: 0px; background: color-mix(in srgb,var(--chat-ux-canvas) 80%,var(--glass-sidebar-bg)); border-right: 1px solid var(--chat-border); }
:is(#cleanCrmApp, body) .bichmi-v2--simple > .bichmi-v2__folders > button { min-height: 64px; padding: 8px 2px; gap: 4px; border-radius: 0px; }
:is(#cleanCrmApp, body) .bichmi-v2--simple > .bichmi-v2__folders > button > small { font-size: 9px; line-height: 1.2; }
:is(#cleanCrmApp, body) .bichmi-v2--simple > .bichmi-v2__folders > button > em { display: none; }
:is(#cleanCrmApp, body) .bichmi-v2--simple > .bichmi-v2__folders > button.is-active { box-shadow: inset 2px 0 var(--chat-accent-blue); background: color-mix(in srgb,var(--chat-accent-blue) 12%,transparent); }
:is(#cleanCrmApp, body) .bichmi-v2--simple .bichmi-v2__chat { animation: auto ease 0s 1 normal none running none; transition: none; background: var(--chat-ux-canvas) !important; }
:is(#cleanCrmApp, body) .bichmi-v2--simple .bichmi-v2__chat-head { min-height: 58px; height: 58px; padding: 7px 14px; gap: 10px; background: var(--glass-header-bg); color: var(--chat-text); }
:is(#cleanCrmApp, body) .bichmi-v2--simple .bichmi-v2__chat-head > .bichmi-v2__avatar { width: 38px; height: 38px; flex: 0 0 38px; font-size: 14px; }
:is(#cleanCrmApp, body) .bichmi-v2--simple .bichmi-v2__chat-title { cursor: pointer; min-width: 0px; }
:is(#cleanCrmApp, body) .bichmi-v2--simple .bichmi-v2__chat-title h2 { font-size: 15px; line-height: 1.3; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
:is(#cleanCrmApp, body) .bichmi-v2--simple .bichmi-v2__chat-title p { font-size: 11px; line-height: 1.3; margin-top: 2px; }
:is(#cleanCrmApp, body) .bichmi-v2--simple .bichmi-v2__chat-head button { min-width: 34px; min-height: 34px; width: 34px; height: 34px; border: 0px; background: transparent; border-radius: 50%; }
:is(#cleanCrmApp, body) .bichmi-v2--simple .bichmi-v2__messages { display: block; padding: 12px 22px 16px; scrollbar-gutter: stable; overflow-anchor: none; }
:is(#cleanCrmApp, body) .bichmi-v2--simple .bichmi-v2__message-row { padding: 0px 0px 0px 34px; margin-top: 7px; flex-shrink: 0; }
:is(#cleanCrmApp, body) .bichmi-v2--simple .bichmi-v2__message-row.is-mine { padding-left: 0px; padding-right: 2px; }
:is(#cleanCrmApp, body) .bichmi-v2--simple .bichmi-v2__message-row.is-grouped { margin-top: 2px; }
:is(#cleanCrmApp, body) .bichmi-v2--simple .bichmi-v2__message { width: fit-content; max-width: min(85%, 560px); min-width: 62px; margin: 0px; padding: 7px 10px 5px; border: 0px; border-radius: 12px; box-shadow: none; color: var(--chat-text); overflow-wrap: anywhere; }
:is(#cleanCrmApp, body) .bichmi-v2--simple .bichmi-v2__message.is-mine { margin: 0px; }
:is(#cleanCrmApp, body) .bichmi-v2--simple .bichmi-v2__message.is-group-middle, :is(#cleanCrmApp, body) .bichmi-v2--simple .bichmi-v2__message.is-group-start, :is(#cleanCrmApp, body) .bichmi-v2--simple .bichmi-v2__message.is-group-end { margin: 0px; }
:is(#cleanCrmApp, body) .bichmi-v2--simple .bichmi-v2__message p { font-size: 14px; line-height: 1.4; display: inline; white-space: pre-wrap; }
:is(#cleanCrmApp, body) .bichmi-v2--simple .bichmi-v2__message footer { float: right; display: inline-flex; align-items: center; min-height: 14px; gap: 3px; margin: 6px 0px 0px 10px; padding: 0px; font-size: 10px; line-height: 1; color: var(--chat-muted); }
:is(#cleanCrmApp, body) .bichmi-v2--simple .bichmi-v2__message footer button { min-height: 14px; padding: 0px; }
:is(#cleanCrmApp, body) .bichmi-v2--simple .bichmi-v2__author { display: block; padding: 0px; margin: 0px 0px 3px; font-size: 12px; line-height: 1.3; }
:is(#cleanCrmApp, body) .bichmi-ux__message-avatar { position: absolute; left: 0px; bottom: 0px; width: 28px; height: 28px; font-size: 10px; }
:is(#cleanCrmApp, body) .bichmi-v2--simple .bichmi-v2__day { margin: 12px 0px 15px; font-size: 11px; }
:is(#cleanCrmApp, body) .bichmi-v2--simple .bichmi-v2__pin { min-height: 42px; padding: 6px 14px; background: var(--glass-header-bg); }
:is(#cleanCrmApp, body) .bichmi-v2--simple .bichmi-v2__pin strong { font-size: 11px; }
:is(#cleanCrmApp, body) .bichmi-v2--simple .bichmi-v2__pin small { font-size: 12px; }
:is(#cleanCrmApp, body) .bichmi-v2--simple .bichmi-v2__composer { min-height: 58px; padding: 8px 12px; gap: 9px; background: var(--glass-header-bg); border-top: 1px solid var(--chat-border); }
:is(#cleanCrmApp, body) .bichmi-v2--simple .bichmi-v2__input-shell { border: 0px; border-radius: 0px; background: transparent; box-shadow: none; backdrop-filter: none; }
:is(#cleanCrmApp, body) .bichmi-v2--simple .bichmi-v2__input-shell textarea { font-size: 14px; line-height: 20px; min-height: 38px; background: transparent; padding: 9px 38px 9px 3px !important; }
:is(#cleanCrmApp, body) .bichmi-v2--simple .bichmi-v2__composer > button { min-width: 38px; width: 38px; border: 0px; border-radius: 50%; background: transparent; color: var(--chat-muted); height: 38px !important; min-height: 38px !important; max-height: 38px !important; }
:is(#cleanCrmApp, body) .bichmi-v2--simple .bichmi-v2__composer > button.bichmi-v2__send { background: var(--chat-accent-blue); color: white; transition: background-color 120ms, transform 120ms; }
:is(#cleanCrmApp, body) .bichmi-v2--simple .bichmi-v2__send:active { transform: scale(0.92); }
:is(#cleanCrmApp, body) .bichmi-v2--simple .bichmi-v2__message .is-sending { display: inline-flex; }
:is(#cleanCrmApp, body) .bichmi-v2--simple .bichmi-v2__chat.has-info { padding-right: 300px; }
:is(#cleanCrmApp, body) .bichmi-ux-info { position: absolute; inset: 0px 0px 0px auto; z-index: 30; display: flex; flex-direction: column; width: 300px; border-left: 1px solid var(--chat-border); background: var(--glass-sidebar-bg); color: var(--chat-text); animation: 160ms ease-out 0s 1 normal none running bichmi-info-in; overflow: hidden; }
:is(#cleanCrmApp, body) .bichmi-ux-info > header { display: flex; align-items: center; gap: 8px; height: 58px; min-height: 58px; padding: 8px 14px; border-bottom: 1px solid var(--chat-border); }
:is(#cleanCrmApp, body) .bichmi-ux-info > header strong { flex: 1 1 0%; font-size: 14px; }
:is(#cleanCrmApp, body) .bichmi-ux-info button { font: inherit; color: inherit; cursor: pointer; touch-action: manipulation; }
:is(#cleanCrmApp, body) .bichmi-ux-info > header button { display: flex; align-items: center; justify-content: center; width: 30px; height: 32px; padding: 0px; border: 0px; background: transparent; color: var(--chat-muted); }
:is(#cleanCrmApp, body) .bichmi-ux-info > header button:first-child:not(:last-child) { width: auto; gap: 4px; font-size: 11px; }
:is(#cleanCrmApp, body) .bichmi-ux-info__scroll { min-height: 0px; overflow: auto; scrollbar-width: thin; overscroll-behavior: contain; }
:is(#cleanCrmApp, body) .bichmi-ux-info__profile { text-align: center; padding: 22px 14px 15px; }
:is(#cleanCrmApp, body) .bichmi-ux-info__profile > .bichmi-v2__avatar { width: 78px; height: 78px; margin: 0px auto 12px; font-size: 26px; }
:is(#cleanCrmApp, body) .bichmi-ux-info__profile h2 { font-size: 16px; line-height: 1.3; margin: 0px 0px 4px; font-weight: 600; }
:is(#cleanCrmApp, body) .bichmi-ux-info__profile p { font-size: 11px; color: var(--chat-muted); margin: 0px; }
:is(#cleanCrmApp, body) .bichmi-ux-info__actions { display: flex; justify-content: center; gap: 8px; padding: 0px 16px 18px; border-bottom: 7px solid var(--chat-ux-canvas); }
:is(#cleanCrmApp, body) .bichmi-ux-info__actions button { display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 6px; width: 100px; min-height: 57px; border: 0px; border-radius: 8px; background: var(--chat-ux-canvas); font-size: 11px; }
:is(#cleanCrmApp, body) .bichmi-ux-info__actions button[aria-pressed="true"] svg { color: var(--chat-accent-blue); }
:is(#cleanCrmApp, body) .bichmi-ux-info__media { padding: 9px 0px; border-bottom: 7px solid var(--chat-ux-canvas); }
:is(#cleanCrmApp, body) .bichmi-ux-info__media button { width: 100%; display: flex; align-items: center; gap: 14px; min-height: 43px; padding: 8px 18px; border: 0px; background: transparent; font-size: 12px; text-align: left; }
:is(#cleanCrmApp, body) .bichmi-ux-info__media button > svg { color: var(--chat-muted); flex: 0 0 21px; }
:is(#cleanCrmApp, body) .bichmi-ux-info__media button > span { flex: 1 1 0%; }
:is(#cleanCrmApp, body) .bichmi-ux-info__media button > b { font-weight: 400; color: var(--chat-muted); font-size: 11px; }
:is(#cleanCrmApp, body) .bichmi-ux-info__media button > i { font-style: normal; color: var(--chat-muted); }
:is(#cleanCrmApp, body) .bichmi-ux-info button:hover { background-color: color-mix(in srgb,var(--chat-accent-blue) 10%,transparent); }
:is(#cleanCrmApp, body) .bichmi-ux-info__members { padding: 12px 0px; }
:is(#cleanCrmApp, body) .bichmi-ux-info__members > header { display: flex; align-items: center; padding: 0px 17px 8px; font-size: 12px; color: var(--chat-muted); }
:is(#cleanCrmApp, body) .bichmi-ux-info__members > header strong { flex: 1 1 0%; font-weight: 500; }
:is(#cleanCrmApp, body) .bichmi-ux-info__members > header button { border: 0px; background: transparent; display: flex; padding: 2px; }
:is(#cleanCrmApp, body) .bichmi-ux-info__members > button { display: flex; align-items: center; gap: 11px; min-height: 58px; padding: 8px 17px; width: 100%; text-align: left; background: transparent; border: 0px; }
:is(#cleanCrmApp, body) .bichmi-ux-info__members .bichmi-v2__avatar { width: 36px; height: 36px; flex: 0 0 36px; font-size: 12px; }
:is(#cleanCrmApp, body) .bichmi-ux-info__members > button > span:last-child { min-width: 0px; display: flex; flex-direction: column; gap: 3px; }
:is(#cleanCrmApp, body) .bichmi-ux-info__members strong { font-size: 12px; font-weight: 500; }
:is(#cleanCrmApp, body) .bichmi-ux-info__members small { font-size: 10px; color: var(--chat-muted); }
:is(#cleanCrmApp, body) .bichmi-ux-info__members .is-online { color: var(--chat-accent-blue); }
:is(#cleanCrmApp, body) .bichmi-ux-info__library { padding: 12px; display: grid; gap: 10px; }
:is(#cleanCrmApp, body) .bichmi-ux-info__library.is-images { grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 4px; }
:is(#cleanCrmApp, body) .bichmi-ux-info__photo { position: relative; border: 0px; padding: 0px; background: none; aspect-ratio: 1 / 1; overflow: hidden; border-radius: 4px; }
:is(#cleanCrmApp, body) .bichmi-ux-info__photo img { width: 100%; height: 100%; object-fit: cover; }
:is(#cleanCrmApp, body) .bichmi-ux-info__photo time { position: absolute; bottom: 3px; right: 4px; font-size: 9px; background: rgba(0, 0, 0, 0.533); border-radius: 3px; padding: 2px; color: white; }
:is(#cleanCrmApp, body) .bichmi-ux-info__file { padding: 8px; border-bottom: 1px solid var(--chat-border); font-size: 12px; }
:is(#cleanCrmApp, body) .bichmi-ux-info__file button { width: 100%; display: flex; align-items: center; gap: 9px; border: 0px; background: transparent; padding: 0px; text-align: left; }
:is(#cleanCrmApp, body) .bichmi-ux-info__file button svg { flex: 0 0 20px; color: var(--chat-accent-blue); }
:is(#cleanCrmApp, body) .bichmi-ux-info__file button span { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; overflow-wrap: anywhere; font-size: 12px; }
:is(#cleanCrmApp, body) .bichmi-ux-info__file small { display: inline-block; margin: 7px 10px 0px 29px; font-size: 10px; color: var(--chat-muted); }
:is(#cleanCrmApp, body) .bichmi-ux-info__file a { font-size: 10px; color: var(--chat-accent-blue); }
:is(#cleanCrmApp, body) .bichmi-ux-info__empty { padding: 20px; font-size: 12px; color: var(--chat-muted); }
:is(#cleanCrmApp, body) .bichmi-ux-folders__row { display: flex; align-items: center; gap: 6px; }
:is(#cleanCrmApp, body) .bichmi-ux-folders__row button, :is(#cleanCrmApp, body) .bichmi-ux-folders__create { display: flex; align-items: center; gap: 12px; border: 0px; background: none; min-height: 42px; color: inherit; font: inherit; }
:is(#cleanCrmApp, body) .bichmi-ux-folders__name { flex: 1 1 0%; text-align: left; }
:is(#cleanCrmApp, body) .bichmi-ux-folders__row small { font-size: 11px; opacity: 0.7; }
:is(#cleanCrmApp, body) .bichmi-ux-folders__row > button:not(:first-child) { padding: 5px; }
:is(#cleanCrmApp, body) .bichmi-ux-folders__intro { font-size: 13px; line-height: 1.5; margin: 0px 0px 10px; opacity: 0.7; }
:is(#cleanCrmApp, body) .bichmi-ux-folders__create { color: var(--chat-accent-blue); margin-top: 8px; }
@keyframes bichmi-info-in { 
  0% { opacity: 0; transform: translateX(18px); }
  100% { opacity: 1; transform: translateX(0px); }
}
@media (max-width: 1100px) {
:is(#cleanCrmApp, body) .bichmi-v2--simple .bichmi-v2__chat.has-info { padding-right: 0px; }
:is(#cleanCrmApp, body) .bichmi-ux-info { width: 300px; box-shadow: rgba(0, 0, 0, 0.2) -10px 0px 30px; }
}
@media (max-width: 820px) {
:is(#cleanCrmApp, body) .bichmi-v2.bichmi-v2--simple { grid-template-columns: minmax(0px, 1fr); }
:is(#cleanCrmApp, body) .bichmi-v2.bichmi-v2--simple.show-chat-list { grid-template-columns: 72px minmax(0px, 1fr); }
:is(#cleanCrmApp, body) .bichmi-v2--simple .bichmi-v2__chat-head { padding-inline: 8px; gap: 7px; }
:is(#cleanCrmApp, body) .bichmi-v2--simple .bichmi-v2__chat-head .bichmi-ux__back { width: auto; }
:is(#cleanCrmApp, body) .bichmi-v2--simple .bichmi-v2__messages { padding-inline: 12px; }
:is(#cleanCrmApp, body) .bichmi-v2--simple .bichmi-v2__message { max-width: 90%; }
:is(#cleanCrmApp, body) .bichmi-ux-info { width: min(100%, 360px); }
}
@media (prefers-reduced-motion: reduce) {
:is(#cleanCrmApp, body) .bichmi-ux-info { animation: auto ease 0s 1 normal none running none; }
}
:is(#cleanCrmApp, body) .bichmi-v2--simple .bichmi-v2__input-shell textarea { border: 0px !important; border-radius: 0px !important; box-shadow: none !important; outline: none !important; background: transparent !important; }
:is(#cleanCrmApp, body) .bichmi-v2--simple .bichmi-v2__input-shell:focus-within { box-shadow: none; border-color: transparent; }
:is(#cleanCrmApp, body) .bichmi-v2--simple .bichmi-v2__message.is-local { animation: 140ms cubic-bezier(0.2, 0.8, 0.2, 1) 0s 1 normal none running bichmi-queued-in; }
@keyframes bichmi-queued-in { 
  0% { opacity: 0.6; transform: translateY(6px); }
  100% { opacity: 1; transform: translateY(0px); }
}
:is(#cleanCrmApp, body) .bichmi-v2__conversation-menu .bichmi-ux-folder-choices { border-top: 1px solid var(--chat-border); padding: 4px 0px 4px 12px; }
:is(#cleanCrmApp, body) .bichmi-ux-folder-choices button { display: flex; align-items: center; gap: 10px; width: 100%; padding: 9px; border: 0px; background: none; color: inherit; text-align: left; cursor: pointer; }
:is(#cleanCrmApp, body) .bichmi-ux-folder-choices button:hover { background: color-mix(in srgb,var(--chat-accent-blue) 12%,transparent); }
@media (prefers-reduced-motion: reduce) {
:is(#cleanCrmApp, body) .bichmi-v2--simple .bichmi-v2__message.is-local { animation: auto ease 0s 1 normal none running none; }
}
:is(#cleanCrmApp, body) .bichmi-v2--simple .bichmi-v2__chat { container: none; --chat-focus-inactive-filter: none; }
:is(#cleanCrmApp, body) .bichmi-v2--simple .bichmi-v2__thread-panel { background: var(--chat-ux-canvas); width: clamp(340px,var(--thread-width,390px),45%); border-left: 1px solid var(--chat-border); filter: none !important; }
:is(#cleanCrmApp, body) .bichmi-v2--simple .bichmi-v2__chat.has-thread:not(.is-compact) { padding-right: clamp(340px,var(--thread-width,390px),45%); }
:is(#cleanCrmApp, body) .bichmi-v2--simple .bichmi-v2__thread-panel > header { min-height: 58px; padding: 8px 12px; background: var(--glass-header-bg); }
:is(#cleanCrmApp, body) .bichmi-v2--simple .bichmi-v2__thread-panel > header strong { font-size: 14px; }
:is(#cleanCrmApp, body) .bichmi-v2--simple .bichmi-v2__message footer { height: 14px; min-height: 14px; max-height: 14px; margin-top: 4px; }
:is(#cleanCrmApp, body) .bichmi-v2--simple .bichmi-v2__message footer .bichmi-v2__receipt { display: inline-flex; align-items: center; justify-content: center; width: 16px; height: 14px; min-height: 14px; max-height: 14px; padding: 0px; }
:is(#cleanCrmApp, body) .bichmi-v2--simple .bichmi-v2__message footer svg { width: 14px; height: 14px; flex: 0 0 14px; }
:is(#cleanCrmApp, body) .bichmi-v2--simple .bichmi-v2__message footer .is-sending { display: inline-flex; align-items: center; justify-content: center; width: 16px; height: 14px; }
:is(#cleanCrmApp, body) .bichmi-v2--simple .bichmi-v2__thread-root { margin: 10px 12px; padding: 7px 9px; font-size: 12px; border-radius: 5px; background: var(--glass-header-bg); }
@media (max-width: 1180px) {
:is(#cleanCrmApp, body) .bichmi-v2--simple .bichmi-v2__chat.has-thread:not(.is-compact) { padding-right: 0px; }
:is(#cleanCrmApp, body) .bichmi-v2--simple .bichmi-v2__chat.has-thread > :not(.bichmi-v2__thread-panel) { visibility: hidden; }
:is(#cleanCrmApp, body) .bichmi-v2--simple .bichmi-v2__thread-panel { inset: 0px; width: 100%; max-width: none; min-width: 0px; border-left: 0px; }
:is(#cleanCrmApp, body) .bichmi-v2--simple .bichmi-v2__thread-back { display: inline-flex; align-items: center; gap: 6px; width: auto; color: var(--chat-accent-blue); }
:is(#cleanCrmApp, body) .bichmi-v2--simple .bichmi-v2__thread-close, :is(#cleanCrmApp, body) .bichmi-v2--simple .bichmi-v2__thread-resizer { display: none; }
}
:is(#cleanCrmApp, body) .bichmi-tg-hover.bichmi-tg-hover--reply { width: 76px; height: 24px; padding: 0px; border: 0px; border-radius: 12px; box-shadow: none; background: var(--tg-popup); opacity: 0.92; }
:is(#cleanCrmApp, body) .bichmi-tg-hover--reply > button { display: flex; align-items: center; justify-content: center; gap: 3px; flex: 1 1 0%; width: 76px; height: 24px; min-height: 24px; border-radius: 12px; font: 11px / 1 system-ui; color: var(--tg-muted); }
:is(#cleanCrmApp, body) .bichmi-tg-hover--reply > button svg { width: 13px; height: 13px; }
:is(#cleanCrmApp, body) .bichmi-tg-hover-smile { position: fixed; display: grid; place-items: center; width: 28px; height: 28px; padding: 0px; border: 0px; border-radius: 50%; color: var(--tg-muted); background: var(--tg-popup); pointer-events: auto; cursor: pointer; box-shadow: rgba(0, 0, 0, 0.133) 0px 2px 9px; animation: 130ms ease-out 0s 1 normal none running bichmi-tg-controls-in; }
:is(#cleanCrmApp, body) .bichmi-tg-hover-smile:hover, :is(#cleanCrmApp, body) .bichmi-tg-hover-smile:focus-visible { color: var(--tg-accent); outline: 0px; background: var(--tg-hover); }
:is(#cleanCrmApp, body) .bichmi-tg-hover-picker--vertical { overflow: auto; scrollbar-width: none; max-width: calc(-16px + 100vw); border-radius: 20px; transform-origin: center bottom; }
:is(#cleanCrmApp, body) .bichmi-tg-hover-picker--vertical:not(.is-expanded) > .bichmi-tg-reactions { flex-direction: column; gap: 0px; padding: 3px; border-radius: 20px; min-height: 0px; width: 38px; }
:is(#cleanCrmApp, body) .bichmi-tg-hover-picker--vertical:not(.is-expanded) > .bichmi-tg-reactions > button { flex: 0 0 30px; width: 30px; height: 30px; font-size: 21px; }
:is(#cleanCrmApp, body) .bichmi-tg-hover-picker--vertical:not(.is-expanded) > .bichmi-tg-reactions > .bichmi-tg-reactions__more { height: 24px; flex-basis: 24px; }
:is(#cleanCrmApp, body) .bichmi-tg-hover-picker--vertical:not(.is-expanded) > .bichmi-tg-reactions > button:hover { transform: scale(1.16); }
:is(#cleanCrmApp, body) .bichmi-tg-hover-picker--vertical.is-expanded > .bichmi-tg-reactions { grid-template-columns: repeat(6, minmax(0px, 1fr)); gap: 0px; padding: 5px; border-radius: 14px; }
:is(#cleanCrmApp, body) .bichmi-tg-hover-picker--vertical.is-expanded > .bichmi-tg-reactions > button { width: 30px; height: 30px; font-size: 21px; }
:is(#cleanCrmApp, body) .bichmi-v2__popover.bichmi-tg-menu { gap: 4px; }
:is(#cleanCrmApp, body) .bichmi-tg-menu > .bichmi-tg-reactions { min-height: 36px; padding: 3px 5px; gap: 0px; }
:is(#cleanCrmApp, body) .bichmi-tg-menu > .bichmi-tg-reactions > button { flex: 0 1 26px; width: 26px; height: 28px; font-size: 21px; }
:is(#cleanCrmApp, body) .bichmi-tg-menu > .bichmi-tg-reactions.is-expanded { grid-template-columns: repeat(6, minmax(0px, 1fr)); border-radius: 12px; }
:is(#cleanCrmApp, body) .bichmi-tg-menu > .bichmi-tg-reactions.is-expanded > button { height: 30px; }
:is(#cleanCrmApp, body) .bichmi-tg-menu__items { padding: 4px; border-radius: 8px; box-shadow: rgba(0, 0, 0, 0.2) 0px 8px 24px; }
:is(#cleanCrmApp, body) .bichmi-tg-menu .bichmi-tg-menu__items [role="menuitem"] { min-height: 30px; gap: 9px; padding: 6px 8px; border-radius: 5px; font-size: 12px; line-height: 1.25; }
:is(#cleanCrmApp, body) .bichmi-tg-menu .bichmi-tg-menu__items [role="menuitem"] > svg { width: 16px; height: 16px; flex-basis: 16px; }
:is(#cleanCrmApp, body) .bichmi-tg-menu kbd { font-size: 9px; }
:is(#cleanCrmApp, body) .bichmi-tg-menu__separator { margin: 4px 5px; }
:is(#cleanCrmApp, body) .bichmi-tg-menu__tasks { padding-left: 8px; }
:is(#cleanCrmApp, body) .bichmi-tg-menu .bichmi-tg-menu__items [role="menuitem"].is-danger { color: rgb(231, 118, 118); }
:is(#cleanCrmApp, body) .bichmi-ux__toast.has-action { pointer-events: auto; display: flex; align-items: center; gap: 15px; }
:is(#cleanCrmApp, body) .bichmi-ux__toast.has-action button { padding: 4px 0px; border: 0px; background: none; color: rgb(139, 199, 240); font: 600 13px system-ui; cursor: pointer; }
:is(#cleanCrmApp, body) .bichmi-v2__dialog.bichmi-ux > section { width: min(420px, -32px + 100vw); }
:is(#cleanCrmApp, body) .bichmi-ux header { min-height: 54px; }
:is(#cleanCrmApp, body) .bichmi-ux header strong { font-size: 16px; }
:is(#cleanCrmApp, body) .bichmi-ux__body { padding: 12px; gap: 10px; }
:is(#cleanCrmApp, body) .bichmi-ux__body input { min-height: 38px; font-size: 13px; }
:is(#cleanCrmApp, body) .bichmi-ux .bichmi-ux__person { min-height: 52px; padding: 7px 10px; gap: 10px; font-size: 13px; }
:is(#cleanCrmApp, body) .bichmi-ux .bichmi-ux__person .bichmi-v2__avatar { width: 38px; height: 38px; flex: 0 0 38px; font-size: 13px; }
:is(#cleanCrmApp, body) .bichmi-ux footer button { min-height: 36px; padding: 7px 12px; font-size: 13px; }
:is(#cleanCrmApp, body) .bichmi-v2__timeline-slot { position: relative; display: flex; flex-direction: column; flex: 1 1 0px; min-height: 0px; overflow: hidden; }
:is(#cleanCrmApp, body) .bichmi-v2__timeline-slot > .bichmi-v2__state { position: absolute; inset: 0px; z-index: 1; min-height: 0px; background: var(--chat-ux-canvas,var(--glass-shell-bg,transparent)); }
:is(#cleanCrmApp, body) .bichmi-v2--simple .bichmi-v2__composer-wrap { margin-top: auto; background: var(--glass-header-bg); border-top: 1px solid var(--chat-border); }
:is(#cleanCrmApp, body) .bichmi-v2--simple .bichmi-v2__composer-mode-shell:not(.is-open) { display: none; }
:is(#cleanCrmApp, body) .bichmi-v2--simple .bichmi-v2__composer { grid-template-columns: 38px minmax(0px, 1fr) 38px; min-height: 58px; padding: 8px 12px; border-top: 0px; align-items: center !important; }
:is(#cleanCrmApp, body) .bichmi-v2--simple .bichmi-v2__composer:not(:has(> .bichmi-v2__attach)) { grid-template-columns: minmax(0px, 1fr) 38px; }
:is(#cleanCrmApp, body) .bichmi-v2--simple .bichmi-v2__input-shell { align-items: center; min-height: 42px !important; }
:is(#cleanCrmApp, body) .bichmi-v2--simple .bichmi-v2__input-shell textarea { line-height: 20px; min-height: 42px !important; padding: 11px 38px 11px 3px !important; }
:is(#cleanCrmApp, body) .bichmi-v2--simple .bichmi-v2__composer > button { align-self: end; margin: 0px 0px 2px; }
:is(#cleanCrmApp, body) .bichmi-v2--simple .bichmi-v2__composer .bichmi-v2__emoji-toggle { right: 4px; top: auto !important; bottom: 6px !important; width: 30px !important; min-width: 30px !important; height: 30px !important; min-height: 30px !important; max-height: 30px !important; transform: none !important; }
:is(#cleanCrmApp, body) .bichmi-v2__dialog.bichmi-ux { z-index: 5000; background: rgba(0, 0, 0, 0.42); backdrop-filter: none; --ux-dialog-bg: var(--glass-sidebar-bg,#fff); --ux-dialog-field: color-mix(in srgb,var(--chat-muted,#7b8996) 12%,var(--ux-dialog-bg)); color: var(--chat-text,#233342); color-scheme: light; }
:is(#cleanCrmApp, body) #cleanCrmApp:is([data-ui-mode="atmosphere"], [data-ui-mode="watersphere"]) .bichmi-ux { color-scheme: dark; }
:is(#cleanCrmApp, body) .bichmi-v2__dialog.bichmi-ux > section { box-sizing: border-box; width: min(380px, -32px + 100vw); border: 1px solid var(--chat-border,#dce3e9); border-radius: 10px; background: var(--ux-dialog-bg); box-shadow: rgba(0, 0, 0, 0.267) 0px 12px 42px; font: 13px/1.4 var(--font-sans,"Segoe UI",Arial,sans-serif); }
:is(#cleanCrmApp, body) .bichmi-ux button, :is(#cleanCrmApp, body) .bichmi-ux input { box-sizing: border-box; font: inherit; color: inherit; }
:is(#cleanCrmApp, body) .bichmi-ux > section > header { height: 54px; min-height: 54px; padding: 8px 16px; border: 0px; }
:is(#cleanCrmApp, body) .bichmi-ux > section > header strong { font-size: 15px; font-weight: 600; }
:is(#cleanCrmApp, body) .bichmi-ux > section > header button { display: grid; place-items: center; width: 30px; min-width: 30px; height: 30px; min-height: 30px; padding: 0px; border: 0px; border-radius: 50%; background: transparent; color: var(--chat-muted); font-size: 22px; }
:is(#cleanCrmApp, body) .bichmi-ux > section > header button:hover { background: var(--ux-dialog-field); }
:is(#cleanCrmApp, body) .bichmi-ux__body { padding: 0px 12px 12px; gap: 8px; }
:is(#cleanCrmApp, body) .bichmi-ux__body > input { height: 38px; min-height: 38px; padding: 9px 12px; outline: 0px; border: 0px; border-radius: 6px; background: var(--ux-dialog-field); color: var(--chat-text); }
:is(#cleanCrmApp, body) .bichmi-ux__body > input[type="search"] { border-radius: 20px; }
:is(#cleanCrmApp, body) .bichmi-ux__body > input::placeholder { color: var(--chat-muted); opacity: 1; }
:is(#cleanCrmApp, body) .bichmi-ux .bichmi-ux__new-group { display: flex; align-items: center; gap: 14px; width: 100%; height: 46px; min-height: 46px; padding: 8px 12px; border: 0px; border-radius: 6px; background: transparent; color: var(--chat-accent-blue,#4d9cd5); font-weight: 500; }
:is(#cleanCrmApp, body) .bichmi-ux .bichmi-ux__new-group:hover { background: var(--ux-dialog-field); }
:is(#cleanCrmApp, body) .bichmi-ux .bichmi-ux__new-group svg { flex: 0 0 22px; }
:is(#cleanCrmApp, body) .bichmi-ux .bichmi-ux__person { border-radius: 4px; font-size: 13px; font-weight: 400; }
:is(#cleanCrmApp, body) .bichmi-ux__person-name strong { font-weight: 500; }
:is(#cleanCrmApp, body) .bichmi-ux > section > footer { min-height: 52px; padding: 8px 12px; border-top: 1px solid var(--chat-border); gap: 8px; }
:is(#cleanCrmApp, body) .bichmi-ux > section > footer button { border: 0px; border-radius: 5px; background: transparent; color: var(--chat-accent-blue,#4d9cd5); font-weight: 500; }
:is(#cleanCrmApp, body) .bichmi-ux > section > footer button:hover { background: var(--ux-dialog-field); }
:is(#cleanCrmApp, body) .bichmi-v2__dialog.bichmi-ux > section > footer button:not(.bichmi-ux__primary) { background: transparent; color: var(--chat-accent-blue,#4d9cd5); }
:is(#cleanCrmApp, body) .bichmi-ux input:focus-visible { outline: 0px; box-shadow: inset 0 0 0 1px var(--chat-accent-blue,#4d9cd5); }
:is(#cleanCrmApp, body) .bichmi-ux > section > footer button.bichmi-ux__primary { background: var(--chat-accent-blue,#4d9cd5); color: rgb(255, 255, 255); }
body:has([aria-modal="true"]) .bichmi-tg-hover-layer { display: none; }
:is(#cleanCrmApp, body) #cleanCrmApp .bichmi-v2.bichmi-v2--simple .bichmi-v2__input-shell, :is(#cleanCrmApp, body) #cleanCrmApp .bichmi-v2.bichmi-v2--simple .bichmi-v2__input-shell:focus-within, :is(#cleanCrmApp, body) #cleanCrmApp .bichmi-v2.bichmi-v2--simple .bichmi-v2__input-shell textarea, :is(#cleanCrmApp, body) #cleanCrmApp .bichmi-v2.bichmi-v2--simple .bichmi-v2__input-shell textarea:is(:focus, :focus-visible, :hover) { appearance: none; transition: none; border: 0px !important; border-radius: 0px !important; outline: 0px !important; outline-offset: 0px !important; box-shadow: none !important; background: transparent !important; }
:is(#cleanCrmApp, body) .bichmi-ux__sr-only { position: absolute; width: 1px; height: 1px; padding: 0px; margin: -1px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); white-space: nowrap; border: 0px; }
:is(#cleanCrmApp, body) .bichmi-ux__skeleton-row { display: flex; align-items: center; gap: 10px; height: 64px; padding: 8px 10px; box-sizing: border-box; }
:is(#cleanCrmApp, body) .bichmi-ux__skeleton-avatar { display: block; flex: 0 0 44px; width: 44px; height: 44px; border-radius: 50%; background: color-mix(in srgb,var(--chat-muted) 14%,transparent); }
:is(#cleanCrmApp, body) .bichmi-ux__skeleton-copy { display: flex; flex-direction: column; gap: 9px; width: min(64%, 220px); }
:is(#cleanCrmApp, body) .bichmi-ux__skeleton-copy > i { display: block; height: 9px; border-radius: 5px; background: color-mix(in srgb,var(--chat-muted) 14%,transparent); }
:is(#cleanCrmApp, body) .bichmi-ux__skeleton-copy > i:last-child { width: 76%; height: 7px; opacity: 0.65; }
:is(#cleanCrmApp, body) .bichmi-ux__empty-frame > .bichmi-v2__chat-head > .bichmi-ux__skeleton-avatar { flex-basis: 38px; width: 38px; height: 38px; }
:is(#cleanCrmApp, body) .bichmi-ux__history-skeleton { display: flex; flex-direction: column; gap: 18px; padding: 42px 34px; }
:is(#cleanCrmApp, body) .bichmi-ux__skeleton-bubble { display: block; width: min(43%, 360px); height: 44px; border-radius: 12px; background: color-mix(in srgb,var(--chat-muted) 9%,transparent); }
:is(#cleanCrmApp, body) .bichmi-ux__skeleton-bubble.is-out { align-self: flex-end; width: min(36%, 290px); height: 34px; }
:is(#cleanCrmApp, body) .bichmi-ux__composer-skeleton { display: flex; align-items: center; gap: 18px; height: 58px; padding: 8px 24px; }
:is(#cleanCrmApp, body) .bichmi-ux__composer-skeleton > span { display: block; width: 18px; height: 18px; border-radius: 50%; background: color-mix(in srgb,var(--chat-muted) 13%,transparent); }
:is(#cleanCrmApp, body) .bichmi-ux__composer-skeleton > i { flex: 1 1 0%; max-width: 190px; height: 8px; border-radius: 4px; background: color-mix(in srgb,var(--chat-muted) 12%,transparent); }
:is(#cleanCrmApp, body) .bichmi-ux__composer-skeleton > span:last-child { margin-left: auto; }
:is(#cleanCrmApp, body) .bichmi-ux__list-error { padding: 14px; color: var(--chat-muted); font-size: 12px; }
:is(#cleanCrmApp, body) .bichmi-ux__list-error button { border: 0px; background: none; color: var(--chat-accent-blue); font: inherit; cursor: pointer; }
:is(#cleanCrmApp, body) .bichmi-ux { --chat-text: #233342; --chat-muted: #7b8996; --chat-border: #dce3e9; --chat-accent-blue: #4d9cd5; --glass-sidebar-bg: #fff; --chat-ux-canvas: #eaf0f4; }
:is(#cleanCrmApp, body) .bichmi-ux:is([data-ui-mode="atmosphere"], [data-ui-mode="watersphere"]), :is(#cleanCrmApp, body) #cleanCrmApp:is([data-ui-mode="atmosphere"], [data-ui-mode="watersphere"]) .bichmi-ux { --chat-text: #e6edf3; --chat-muted: #8c9dab; --chat-border: #26333f; --glass-sidebar-bg: #17212b; --chat-ux-canvas: #202d3a; color-scheme: dark; }
:is(#cleanCrmApp, body) .bichmi-v2__dialog.bichmi-ux > section { max-height: calc(100dvh - 48px); border: 0px; border-radius: 8px; animation: 130ms ease-out 0s 1 normal none running bichmi-dialog-in; }
:is(#cleanCrmApp, body) .bichmi-ux > section > header { padding: 8px 18px; }
:is(#cleanCrmApp, body) .bichmi-ux > section > footer { min-height: 50px; border-top: 0px; }
:is(#cleanCrmApp, body) .bichmi-v2__dialog.bichmi-ux > section > footer button.bichmi-ux__primary { background: transparent; color: var(--chat-accent-blue); }
:is(#cleanCrmApp, body) .bichmi-v2__dialog.bichmi-ux > section > footer button:hover { background: color-mix(in srgb,var(--chat-accent-blue) 10%,transparent); }
:is(#cleanCrmApp, body) .bichmi-v2__dialog.bichmi-ux > section > footer button.is-danger { color: rgb(231, 118, 118); background: transparent; }
:is(#cleanCrmApp, body) .bichmi-ux__person-name small { color: var(--chat-muted); opacity: 1; }
:is(#cleanCrmApp, body) .bichmi-ux__person.is-selected > span:last-child { display: grid; place-items: center; width: 20px; height: 20px; border-radius: 50%; background: var(--chat-accent-blue); color: rgb(255, 255, 255); font: 13px system-ui; }
:is(#cleanCrmApp, body) .bichmi-ux__people p { padding: 8px 10px; font-size: 12px; color: var(--chat-muted); }
:is(#cleanCrmApp, body) .bichmi-ux--contacts .bichmi-ux__people { max-height: min(760px, 100dvh - 240px); min-height: 104px; }
:is(#cleanCrmApp, body) .bichmi-ux--folder .bichmi-ux__people { max-height: min(650px, 100dvh - 230px); }
:is(#cleanCrmApp, body) .bichmi-ux--folder.is-settings .bichmi-ux__body { padding: 0px; gap: 0px; }
:is(#cleanCrmApp, body) .bichmi-ux-folder__name { display: flex; align-items: center; gap: 14px; padding: 12px 20px 20px; border-bottom: 6px solid var(--chat-ux-canvas); }
:is(#cleanCrmApp, body) .bichmi-ux-folder__name > .bichmi-ux-folder__icon { display: grid; place-items: center; flex: 0 0 42px; width: 42px; height: 42px; border-radius: 50%; background: var(--chat-accent-blue); color: white; font-size: 30px; line-height: 1; transform: rotate(-5deg); }
:is(#cleanCrmApp, body) .bichmi-ux-folder__name > label { flex: 1 1 0%; min-width: 0px; color: var(--chat-accent-blue); font-size: 11px; }
:is(#cleanCrmApp, body) .bichmi-ux-folder__name input { display: block; box-sizing: border-box; width: 100%; min-height: 34px; margin: 2px 0px 0px; padding: 5px 0px; border-top: 0px; border-right: 0px; border-left: 0px; border-image: none; border-bottom: 1px solid var(--chat-accent-blue); border-radius: 0px; outline: 0px; background: none; color: var(--chat-text); font-size: 14px; line-height: 1.4; box-shadow: none; }
:is(#cleanCrmApp, body) .bichmi-ux-folder__name input:focus-visible { box-shadow: none; outline: 0px; }
:is(#cleanCrmApp, body) .bichmi-ux-folder__section { padding: 14px 18px 12px; border-bottom: 6px solid var(--chat-ux-canvas); }
:is(#cleanCrmApp, body) .bichmi-ux-folder__section > h3, :is(#cleanCrmApp, body) .bichmi-ux__section-title { margin: 0px 0px 10px; font-size: 12px; font-weight: 500; color: var(--chat-accent-blue); }
:is(#cleanCrmApp, body) .bichmi-ux-folder__section > .bichmi-ux-folder__add { display: flex; align-items: center; gap: 10px; min-height: 38px; padding: 6px 0px; border: 0px; background: none; color: var(--chat-accent-blue); font-size: 13px; text-align: left; }
:is(#cleanCrmApp, body) .bichmi-ux-folder__selected { display: flex; align-items: center; gap: 10px; min-height: 44px; font-size: 13px; }
:is(#cleanCrmApp, body) .bichmi-ux-folder__selected > .bichmi-v2__avatar { flex: 0 0 32px; width: 32px; height: 32px; font-size: 11px; }
:is(#cleanCrmApp, body) .bichmi-ux-folder__selected > span:nth-child(2) { flex: 1 1 0%; min-width: 0px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
:is(#cleanCrmApp, body) .bichmi-ux-folder__selected > button { flex: 0 0 28px; width: 28px; height: 28px; padding: 0px; border: 0px; border-radius: 50%; background: none; color: var(--chat-muted); font-size: 18px; }
:is(#cleanCrmApp, body) .bichmi-ux-folder__selected > button:hover { background: var(--ux-dialog-field); }
:is(#cleanCrmApp, body) .bichmi-ux__explanation { margin: 8px 0px; color: var(--chat-muted); font-size: 12px; line-height: 1.5; }
:is(#cleanCrmApp, body) .bichmi-ux .bichmi-ux-folder__delete { padding: 13px 20px; border: 0px; background: none; color: rgb(231, 118, 118); font-size: 12px; text-align: left; }
:is(#cleanCrmApp, body) .bichmi-ux .bichmi-ux__load-more { padding: 10px; border: 0px; background: none; color: var(--chat-accent-blue); }
:is(#cleanCrmApp, body) .bichmi-ux__receipt-row { display: flex; align-items: center; gap: 12px; min-height: 56px; padding: 6px 8px; }
:is(#cleanCrmApp, body) .bichmi-ux__receipt-row > .bichmi-v2__avatar { width: 38px; height: 38px; flex: 0 0 38px; font-size: 12px; }
:is(#cleanCrmApp, body) .bichmi-ux__receipt-row > span:last-child { display: flex; flex-direction: column; gap: 4px; }
:is(#cleanCrmApp, body) .bichmi-ux__receipt-row strong { font-size: 13px; font-weight: 500; }
:is(#cleanCrmApp, body) .bichmi-ux__receipt-row small { font-size: 11px; color: var(--chat-muted); }
@keyframes bichmi-dialog-in { 
  0% { opacity: 0; transform: scale(0.98); }
  100% { opacity: 1; transform: none; }
}
@media (prefers-reduced-motion: reduce) {
:is(#cleanCrmApp, body) .bichmi-v2__dialog.bichmi-ux > section { animation: auto ease 0s 1 normal none running none; }
}
:is(#cleanCrmApp, body) .bichmi-v2__dialog.bichmi-ux--picker > section { height: min(640px, 100dvh - 48px); }
:is(#cleanCrmApp, body) .bichmi-ux--picker .bichmi-ux__body { flex: 1 1 0%; overflow: hidden; }
:is(#cleanCrmApp, body) .bichmi-ux--picker .bichmi-ux__people { flex: 1 1 0%; min-height: 0px; max-height: none; }
:is(#cleanCrmApp, body) .bichmi-ux--picker .bichmi-ux__body > input { flex: 0 0 38px; }
:is(#cleanCrmApp, body) .bichmi-ux-attachment { --ux-attachment-bg: #fff; --ux-attachment-canvas: #eaf0f4; --ux-attachment-text: #233342; --ux-attachment-muted: #7b8996; background: rgba(0, 0, 0, 0.4); backdrop-filter: none; font: 13px/1.4 var(--font-sans,"Segoe UI",Arial,sans-serif); }
:is(#cleanCrmApp, body) .bichmi-ux-attachment:is([data-ui-mode="atmosphere"], [data-ui-mode="watersphere"]) { --ux-attachment-bg: #17212b; --ux-attachment-canvas: #202d3a; --ux-attachment-text: #e6edf3; --ux-attachment-muted: #8c9dab; color-scheme: dark; }
:is(#cleanCrmApp, body) .bichmi-ux-attachment > section { border: 0px; border-radius: 8px; background: var(--ux-attachment-bg); color: var(--ux-attachment-text); box-shadow: rgba(0, 0, 0, 0.267) 0px 12px 42px; backdrop-filter: none; animation: 130ms ease-out 0s 1 normal none running bichmi-dialog-in; }
:is(#cleanCrmApp, body) .bichmi-ux-attachment header { min-height: 54px; padding: 10px 16px; border: 0px; }
:is(#cleanCrmApp, body) .bichmi-ux-attachment header strong { font-size: 15px; font-weight: 600; }
:is(#cleanCrmApp, body) .bichmi-ux-attachment header small { font-size: 11px; color: var(--ux-attachment-muted); }
:is(#cleanCrmApp, body) .bichmi-ux-attachment header button { width: 30px; height: 30px; padding: 0px; border: 0px; border-radius: 50%; font-size: 22px; }
:is(#cleanCrmApp, body) .bichmi-ux-attachment .bichmi-v2__attachment-preview, :is(#cleanCrmApp, body) .bichmi-ux-attachment .bichmi-v2__attachment-file-preview { border: 0px; border-radius: 6px; background: var(--ux-attachment-canvas); color: var(--ux-attachment-text); }
:is(#cleanCrmApp, body) .bichmi-ux-attachment .bichmi-v2__attachment-list article { background: transparent; color: inherit; border-color: color-mix(in srgb,var(--ux-attachment-muted) 20%,transparent); border-radius: 6px; }
:is(#cleanCrmApp, body) .bichmi-ux-attachment .bichmi-v2__attachment-list article.is-active { background: color-mix(in srgb, rgb(77, 156, 213) 12%, transparent 88%); border-color: rgb(77, 156, 213); }
:is(#cleanCrmApp, body) .bichmi-ux-attachment .bichmi-v2__attachment-modes button { background: var(--ux-attachment-canvas); color: inherit; border-color: transparent; border-radius: 5px; }
:is(#cleanCrmApp, body) .bichmi-ux-attachment .bichmi-v2__attachment-modes button.is-active { border-color: rgb(77, 156, 213); }
:is(#cleanCrmApp, body) .bichmi-ux-attachment .bichmi-v2__attachment-caption { background: var(--ux-attachment-canvas); border: 0px; border-radius: 5px; outline: 0px; color: inherit; font: inherit; }
:is(#cleanCrmApp, body) .bichmi-ux-attachment .bichmi-v2__attachment-caption::placeholder { color: var(--ux-attachment-muted); }
:is(#cleanCrmApp, body) .bichmi-ux-attachment footer { border: 0px; padding: 10px 16px; }
:is(#cleanCrmApp, body) .bichmi-ux-attachment footer button { border: 0px; border-radius: 5px; color: rgb(77, 156, 213); background: transparent; font: inherit; }
:is(#cleanCrmApp, body) .bichmi-ux-attachment footer button.is-primary { color: rgb(255, 255, 255); background: rgb(77, 156, 213); }
@media (prefers-reduced-motion: reduce) {
:is(#cleanCrmApp, body) .bichmi-ux-attachment > section { animation: auto ease 0s 1 normal none running none; }
}
body:has(#cleanCrmApp) .bichmi-v2__attachment-dialog.bichmi-ux-attachment > section { background: var(--ux-attachment-bg); color: var(--ux-attachment-text); border: 0px; border-radius: 8px; backdrop-filter: none; box-shadow: rgba(0, 0, 0, 0.267) 0px 12px 42px; }
body:has(#cleanCrmApp) .bichmi-ux-attachment .bichmi-v2__attachment-caption { background: var(--ux-attachment-canvas); color: var(--ux-attachment-text); border: 0px; }
body:has(#cleanCrmApp) .bichmi-ux-attachment .bichmi-v2__attachment-list article { background: transparent; color: var(--ux-attachment-text); }
body:has(#cleanCrmApp) .bichmi-ux-attachment .bichmi-v2__attachment-list article.is-active { background: color-mix(in srgb, rgb(77, 156, 213) 12%, transparent 88%); }
:is(#cleanCrmApp, body) .bichmi-v2--simple .bichmi-v2__conversation-row.is-preview > .bichmi-ux__unread-badge { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; box-sizing: border-box; min-width: 19px; height: 19px; margin: 0px; padding: 0px 5px; border: 0px; border-radius: 10px; background: var(--chat-accent-blue); color: rgb(255, 255, 255); font: 600 11px/19px var(--font-sans,"Segoe UI",Arial,sans-serif); box-shadow: none; animation: auto ease 0s 1 normal none running none; }
:is(#cleanCrmApp, body) .bichmi-v2--simple .bichmi-v2__conversation.is-muted .bichmi-ux__unread-badge { background: var(--chat-muted); }
:is(#cleanCrmApp, body) .bichmi-v2--simple .bichmi-v2__conversation.has-unread .bichmi-v2__conversation-row.is-preview > span:first-child { color: var(--chat-text); }
:is(#cleanCrmApp, body) .bichmi-v2--simple > .bichmi-v2__folders > button > .bichmi-ux__folder-badge { display: inline-flex; align-items: center; justify-content: center; box-sizing: border-box; top: 5px; right: 8px; min-width: 20px; height: 18px; padding: 0px 4px; border: 0px; border-radius: 10px; background: var(--chat-accent-blue); color: rgb(255, 255, 255); font: 600 10px/18px var(--font-sans,"Segoe UI",Arial,sans-serif); box-shadow: 0 0 0 2px var(--glass-sidebar-bg); animation: auto ease 0s 1 normal none running none; }
:is(#cleanCrmApp, body) .bichmi-v2__conversation-menu { font-size: 13px !important; width: 244px !important; padding: 5px 0px !important; }
:is(#cleanCrmApp, body) .bichmi-v2__conversation-menu > button { min-height: 36px !important; padding: 8px 14px !important; gap: 12px !important; }
:is(#cleanCrmApp, body) .bichmi-v2__conversation-menu > hr { border-width: 1px 0px 0px; border-style: solid none none; border-color: rgba(255, 255, 255, 0.047) currentcolor currentcolor; border-image: none; margin: 4px 0px; }
:is(#cleanCrmApp, body) .bichmi-v2__conversation-menu svg { width: 18px; height: 18px; flex: 0 0 auto; }
:is(#cleanCrmApp, body) .bichmi-v2__manual-unread { width: 10px; height: 10px; border-radius: 50%; background: rgb(77, 156, 213); margin-left: auto; flex: 0 0 auto; }
:is(#cleanCrmApp, body) .bichmi-ux__empty-list { display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 240px; padding: 40px 26px; text-align: center; color: rgb(131, 154, 170); gap: 12px; font: 13px / 1.55 system-ui; }
:is(#cleanCrmApp, body) .bichmi-ux__empty-icon { display: grid; place-items: center; width: 64px; height: 64px; border-radius: 50%; background: rgba(77, 156, 213, 0.07); color: rgb(107, 157, 189); margin-bottom: 4px; }
:is(#cleanCrmApp, body) .bichmi-ux__empty-icon svg { width: 30px; height: 30px; }
:is(#cleanCrmApp, body) .bichmi-ux__empty-list strong { font-size: 15px; font-weight: 600; color: rgb(201, 215, 226); }
:is(#cleanCrmApp, body) .bichmi-ux__empty-list p { padding: 0px; margin: 0px; max-width: 260px; }
:is(#cleanCrmApp, body) .bichmi-ux__empty-list button { border: 0px; background: none; color: rgb(101, 180, 236); cursor: pointer; padding: 8px 12px; font: 600 13px system-ui; border-radius: 6px; }
:is(#cleanCrmApp, body) .bichmi-ux__empty-list button:hover { background: rgba(77, 156, 213, 0.07); }
:is(#cleanCrmApp, body) [data-ui-mode="plain"] .bichmi-ux__empty-list { color: rgb(114, 132, 146); }
:is(#cleanCrmApp, body) [data-ui-mode="plain"] .bichmi-ux__empty-list strong { color: rgb(49, 69, 83); }
:is(#cleanCrmApp, body) .bichmi-expressions { border: 1px solid rgb(38, 53, 67); border-radius: 8px; font: 13px / 1.4 system-ui; box-shadow: rgba(0, 0, 0, 0.333) 0px 8px 28px; padding: 10px; gap: 9px; background: rgb(23, 33, 43) !important; color: rgb(220, 230, 238) !important; backdrop-filter: none !important; }
:is(#cleanCrmApp, body) .bichmi-expressions__header [role="tablist"] { gap: 12px; }
:is(#cleanCrmApp, body) .bichmi-expressions__header [role="tab"] { border-radius: 0px; padding: 8px 6px; border-bottom: 2px solid transparent; background: transparent !important; }
:is(#cleanCrmApp, body) .bichmi-expressions__header [aria-selected="true"] { color: rgb(100, 181, 239); border-color: rgb(100, 181, 239); }
:is(#cleanCrmApp, body) .bichmi-expressions__search { border: 0px; border-radius: 18px; background: rgb(34, 48, 61); height: 34px; color: rgb(220, 230, 238); }
:is(#cleanCrmApp, body) .bichmi-expressions__search input { outline: 0px !important; box-shadow: none !important; }
:is(#cleanCrmApp, body) .bichmi-expressions__grid.is-emoji { grid-template-columns: repeat(8, minmax(0px, 1fr)); gap: 2px; }
:is(#cleanCrmApp, body) .bichmi-expressions__item { border-radius: 6px; }
:is(#cleanCrmApp, body) .bichmi-expressions__item > span:not(.bichmi-expressions__animated) { font-size: 25px; }
:is(#cleanCrmApp, body) .bichmi-expressions__filters button { border-radius: 5px; }
:is(#cleanCrmApp, body) .bichmi-expressions__grid { scrollbar-color: rgba(102, 119, 134, 0.44) transparent; scrollbar-width: thin; }
:is(#cleanCrmApp, body) .bichmi-expressions[data-ui-mode="plain"] { border-color: rgb(216, 227, 235); background: white !important; color: rgb(38, 59, 75) !important; }
:is(#cleanCrmApp, body) .bichmi-expressions[data-ui-mode="plain"] .bichmi-expressions__search { background: rgb(237, 242, 245); color: rgb(38, 59, 75); }
:is(#cleanCrmApp, body) .bichmi-v2__messages, :is(#cleanCrmApp, body) .bichmi-v2__conversation-list, :is(#cleanCrmApp, body) .bichmi-ux__people, :is(#cleanCrmApp, body) .bichmi-ux-info, :is(#cleanCrmApp, body) .bichmi-expressions__grid { scrollbar-width: thin; scrollbar-color: rgba(117, 136, 154, 0.22) transparent; scrollbar-gutter: stable; overscroll-behavior: contain; }
:is(#cleanCrmApp, body) .bichmi-v2__messages:hover, :is(#cleanCrmApp, body) .bichmi-v2__conversation-list:hover, :is(#cleanCrmApp, body) .bichmi-ux__people:hover, :is(#cleanCrmApp, body) .bichmi-ux-info:hover, :is(#cleanCrmApp, body) .bichmi-expressions__grid:hover { scrollbar-color: rgba(117, 136, 154, 0.5) transparent; }
:is(#cleanCrmApp, body) .bichmi-v2__messages::-webkit-scrollbar, :is(#cleanCrmApp, body) .bichmi-v2__conversation-list::-webkit-scrollbar, :is(#cleanCrmApp, body) .bichmi-ux__people::-webkit-scrollbar, :is(#cleanCrmApp, body) .bichmi-ux-info::-webkit-scrollbar, :is(#cleanCrmApp, body) .bichmi-expressions__grid::-webkit-scrollbar { width: 6px; height: 6px; }
:is(#cleanCrmApp, body) .bichmi-v2__messages::-webkit-scrollbar-track, :is(#cleanCrmApp, body) .bichmi-v2__conversation-list::-webkit-scrollbar-track { background: transparent; }
:is(#cleanCrmApp, body) .bichmi-v2__messages::-webkit-scrollbar-thumb, :is(#cleanCrmApp, body) .bichmi-v2__conversation-list::-webkit-scrollbar-thumb { background: rgba(117, 136, 154, 0.22); border-radius: 4px; }
:is(#cleanCrmApp, body) .bichmi-v2__messages:hover::-webkit-scrollbar-thumb, :is(#cleanCrmApp, body) .bichmi-v2__conversation-list:hover::-webkit-scrollbar-thumb { background: rgba(117, 136, 154, 0.5); }
:is(#cleanCrmApp, body) .bichmi-v2__sidebar-head > div { display: flex; align-items: center; gap: 12px; }
:is(#cleanCrmApp, body) .bichmi-v2__sidebar-head > div > p { display: none; }
:is(#cleanCrmApp, body) .bichmi-ux__settings-open { border: 0px; background: transparent; color: inherit; width: 30px; height: 32px; font-size: 22px; cursor: pointer; }
:is(#cleanCrmApp, body) .bichmi-ux__setting { align-items: center; justify-content: space-between; gap: 16px; min-height: 48px; display: flex !important; margin: 0px !important; }
:is(#cleanCrmApp, body) .bichmi-ux__setting input[type="range"] { width: 130px; padding: 0px; accent-color: rgb(85, 163, 218); }
:is(#cleanCrmApp, body) .bichmi-ux__setting input[type="checkbox"] { width: 34px; height: 20px; accent-color: rgb(85, 163, 218); }
:is(#cleanCrmApp, body) .bichmi-ux__setting select { max-width: 190px; border: 0px; background: rgb(36, 52, 68); color: rgb(237, 244, 250); border-radius: 5px; padding: 8px; }
:is(#cleanCrmApp, body) .bichmi-ux__text-action { cursor: pointer; border: 0px !important; background: transparent !important; color: rgb(105, 182, 236) !important; padding: 10px 0px !important; }
:is(#cleanCrmApp, body) .bichmi-ux__text-preview { padding: 14px; border-radius: 10px; background: rgba(88, 155, 208, 0.18); line-height: 1.45; }
:is(#cleanCrmApp, body) .bichmi-v2__message-text { font-size: var(--bichmi-message-font-size,14px) !important; }
:is(#cleanCrmApp, body) .bichmi-v2__message > p { font-size: var(--bichmi-message-font-size,14px) !important; }
:is(#cleanCrmApp, body) .bichmi-ux__setting input[type="checkbox"] { flex: 0 0 auto; box-sizing: border-box; min-height: 20px !important; max-height: 20px !important; min-width: 34px !important; max-width: 34px !important; margin: 0px !important; }
:is(#cleanCrmApp, body) .bichmi-ux[data-ui-mode="plain"] .bichmi-ux__setting select { background: rgb(237, 242, 246); color: rgb(23, 43, 62); }
:is(#cleanCrmApp, body) .bichmi-ux__setting input[type="checkbox"] { position: relative; cursor: pointer; appearance: none !important; border: 0px !important; background: rgb(83, 101, 116) !important; border-radius: 12px !important; padding: 0px !important; }
:is(#cleanCrmApp, body) .bichmi-ux__setting input[type="checkbox"]:checked { background: rgb(78, 159, 214) !important; }
:is(#cleanCrmApp, body) .bichmi-ux__setting input[type="checkbox"]::after { content: ""; position: absolute; width: 16px; height: 16px; left: 2px; top: 2px; border-radius: 50%; background: rgb(255, 255, 255); transition: transform 0.14s; }
:is(#cleanCrmApp, body) .bichmi-ux__setting input[type="checkbox"]:checked::after { transform: translateX(14px); }