.conversations-experience { margin-inline: auto; max-width: var(--clinic-page-max); min-width: 0; width: 100%; }
.conversations-experience button { cursor: pointer; font: inherit; }
.conversations-experience button:disabled { cursor: not-allowed; opacity: .68; }
.conversations-experience button:focus-visible, .conversations-experience input:focus-visible { outline: 2px solid var(--purple); outline-offset: 2px; }
.conversations-experience svg { display: block; height: 1.13rem; width: 1.13rem; }
.conversations-experience__preview { color: #847d91; font-size: .64rem; letter-spacing: .005em; margin-bottom: .35rem; text-align: right; }
.conversations-workspace { background: rgba(255,255,255,.9); border: 1px solid #eae6f0; border-radius: 1rem; box-shadow: 0 12px 32px rgba(51,39,81,.04); display: grid; grid-template-columns: minmax(15rem,.9fr) minmax(20rem,1.65fr) minmax(15rem,.92fr); height: calc(100dvh - 6.5rem); min-height: 39rem; overflow: hidden; }
.conversations-list, .conversations-thread, .conversations-context { min-height: 0; min-width: 0; }
.conversations-list { border-right: 1px solid #ebe8f1; display: flex; flex-direction: column; }
.conversations-list__header { padding: 1.2rem 1.05rem .85rem; }
.conversations-list__header h1 { color: #282432; font-size: 1.67rem; letter-spacing: -.045em; line-height: 1.1; margin: 0; }
.conversations-list__header p { color: #777187; font-size: .79rem; line-height: 1.45; margin: .4rem 0 1rem; }
.conversations-list__search { align-items: center; background: #fff; border: 1px solid #e1dcee; border-radius: .76rem; color: #80769a; display: flex; gap: .5rem; min-height: 2.65rem; padding: 0 .7rem; }
.conversations-list__search:focus-within { border-color: #a99adc; }
.conversations-list__search input { background: transparent; border: 0; color: #332d41; flex: 1; font: inherit; font-size: .82rem; min-width: 0; outline: 0; }
.conversations-list__search input::placeholder { color: #9991ab; }
.conversations-list__items { min-height: 0; overflow-y: auto; padding: .1rem .52rem .8rem; }
.conversation-row { align-items: center; background: transparent; border: 0; border-radius: .72rem; color: #282433; display: grid; gap: .65rem; grid-template-columns: 2.55rem minmax(0,1fr) auto; min-height: 4.15rem; padding: .5rem .62rem; text-align: left; width: 100%; }
.conversation-row:hover { background: #f8f6fe; }
.conversation-row.is-selected { background: #eeeaff; }
.conversation-avatar { align-items: center; background: linear-gradient(145deg,#eeeafb,#d8cef3); border: 1px solid #e1daf2; border-radius: 50%; color: #6550a4; display: inline-flex; flex: none; font-size: .72rem; font-weight: 720; height: 2.55rem; justify-content: center; letter-spacing: -.025em; line-height: 1; overflow: hidden; position: relative; width: 2.55rem; }
.conversation-avatar img { object-fit: cover; }
.conversation-avatar--large { font-size: 1.05rem; height: 4rem; width: 4rem; }
.conversation-row__copy { display: grid; gap: .14rem; min-width: 0; }
.conversation-row__copy strong { font-size: .82rem; font-weight: 710; line-height: 1.25; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.conversation-row__copy small { color: #817a8d; font-size: .745rem; line-height: 1.27; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.conversation-row__meta { align-items: flex-end; align-self: stretch; color: #827a92; display: flex; flex-direction: column; font-size: .66rem; gap: .35rem; justify-content: space-between; padding-block: .05rem .1rem; }
.conversation-row__meta b { align-items: center; background: #6d50cf; border-radius: 999px; color: white; display: inline-flex; font-size: .62rem; height: 1.15rem; justify-content: center; min-width: 1.15rem; padding-inline: .2rem; }
.conversations-list__empty { color: #786f84; font-size: .82rem; padding: 1.5rem .8rem; }
.conversations-list__real-client { align-items: center; background: #f5f2ff; border: 1px solid #e9e2fb; border-radius: .72rem; color: #332c43; display: flex; gap: .65rem; margin: .1rem .52rem; min-height: 4.15rem; padding: .55rem .62rem; }
.conversations-list__real-client > div { display: grid; gap: .15rem; min-width: 0; }
.conversations-list__real-client strong { font-size: .82rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.conversations-list__real-client small, .conversations-list__real-client p { color: #817a8d; font-size: .74rem; line-height: 1.35; margin: 0; }
.conversations-thread { background: #fff; display: flex; flex-direction: column; }
.conversations-thread__header { align-items: center; border-bottom: 1px solid #eeeaf3; display: flex; gap: .72rem; min-height: 5.35rem; padding: .7rem 1.25rem; }
.conversations-thread__identity { background: transparent; border: 0; color: #292333; display: grid; flex: 1; gap: .15rem; min-width: 0; padding: .2rem 0; text-align: left; }
.conversations-thread__identity strong { font-size: .9rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.conversations-thread__identity small { color: #80788e; font-size: .75rem; }
.conversations-thread__channel { background: #eef8f4; border-radius: 999px; color: #27775c; font-size: .72rem; font-weight: 650; padding: .4rem .62rem; }
.conversations-thread__context-button { background: #f6f3ff; border: 1px solid #e4def5; border-radius: .65rem; color: #604ab0; display: none; font-size: .74rem !important; padding: .46rem .62rem; }
.conversations-thread__back { display: none; }
.conversations-thread__messages { display: flex; flex: 1; flex-direction: column; gap: .62rem; min-height: 0; overflow-y: auto; padding: 1rem 1.18rem 1.1rem; }
.conversations-thread__date { align-self: center; background: #f7f5fb; border-radius: 999px; color: #89809a; font-size: .66rem; margin-bottom: .22rem; padding: .3rem .72rem; }
.conversation-message-block { display: flex; flex-direction: column; gap: .55rem; width: 100%; }
.conversation-message { align-items: flex-end; display: flex; gap: .42rem; max-width: 88%; }
.conversation-message--outbound { align-self: flex-end; }
.conversation-message__bubble { background: #f4f3f9; border-radius: .82rem .82rem .82rem .28rem; color: #363044; max-width: 100%; padding: .62rem .82rem .38rem; }
.conversation-message--outbound .conversation-message__bubble { background: #f0ebff; border-radius: .82rem .82rem .28rem .82rem; }
.conversation-message__bubble p { font-size: .83rem; line-height: 1.39; margin: 0; overflow-wrap: anywhere; white-space: pre-wrap; }
.conversation-message__bubble .conversation-message__media { background: #fff; border: 1px dashed #dfd8ed; border-radius: .55rem; color: #867c97; font-size: .72rem; margin-top: .48rem; padding: .65rem; }
.conversation-message__media strong, .conversation-message__media span { display: block; font-size: .72rem; line-height: 1.4; text-align: left; }
.conversation-message__media strong { color: #625674; margin-bottom: .2rem; }
.conversation-message__bubble > span { color: #93899f; display: block; font-size: .63rem; line-height: 1; margin-top: .28rem; text-align: right; }
.conversation-message__status { color: #7866af; }
.conversation-message__author { color: #958aa5; display: block; font-size: .61rem; margin-top: .24rem; text-align: right; }
.conversation-message__retry { background: transparent; border: 0; color: #684fba; display: block; font-size: .69rem !important; font-weight: 700 !important; margin: .38rem 0 0 auto; padding: .18rem 0; }
.conversations-thread__older { align-self: center; background: #f8f6fd; border: 1px solid #e9e4f2; border-radius: 999px; color: #725fa2; font-size: .72rem !important; margin-top: .65rem; padding: .38rem .75rem; }
.conversation-message .conversation-avatar { height: 1.55rem; width: 1.55rem; font-size: .51rem; }
.conversation-suggestion { align-self: flex-start; background: #f5f1ff; border: 1px solid #eee8fb; border-radius: .78rem; color: #3c315b; display: flex; gap: .72rem; margin: .16rem 0 .14rem 1.98rem; max-width: 25rem; padding: .75rem .85rem; width: calc(100% - 1.98rem); }
.conversation-suggestion__icon { align-items: center; background: #ebe4fb; border-radius: .55rem; color: #7451d6; display: flex; flex: none; height: 1.85rem; justify-content: center; width: 1.85rem; }
.conversation-suggestion strong { color: #6546ba; font-size: .76rem; }
.conversation-suggestion p { font-size: .8rem; line-height: 1.38; margin: .28rem 0 .58rem; }
.conversation-suggestion button, .conversations-composer__send { align-items: center; background: #7052cc; border: 0; border-radius: .55rem; color: white; display: inline-flex; font-size: .75rem; font-weight: 650; gap: .5rem; min-height: 2.15rem; padding: .35rem .72rem; }
.conversation-suggestion button:hover, .conversations-composer__send:hover { background: #5b3eb8; }
.conversations-thread__empty { align-content: center; color: #81788e; display: grid; flex: 1; justify-items: center; padding: 2rem; text-align: center; }
.conversations-thread__empty h2 { color: #3b3448; font-size: 1rem; margin: 0 0 .4rem; }
.conversations-thread__empty p { font-size: .78rem; line-height: 1.5; max-width: 19rem; }
.conversations-thread__notice { align-items: center; background: #f8f5ff; border-top: 1px solid #e4ddf6; color: #584775; display: flex; flex-wrap: wrap; font-size: .74rem; gap: .7rem; padding: .7rem 1rem; }
.conversations-thread__notice span { flex: 1; min-width: 13rem; }
.conversations-thread__notice button { background: transparent; border: 0; color: #6049b9; font-size: .74rem; font-weight: 700; }
.conversations-composer { align-items: center; background: #fff; border: 1px solid #e7e1f0; border-radius: .72rem; box-shadow: 0 1px 5px rgba(52,41,75,.025); display: flex; gap: .3rem; margin: .35rem .72rem .7rem; min-height: 3.5rem; padding: .32rem; }
.conversations-composer:focus-within { border-color: #c9bce9; }
.conversations-composer > button:not(.conversations-composer__send) { align-items: center; background: #f8f6fb; border: 0; border-radius: .5rem; color: #7f7592; display: flex; flex: none; height: 2.45rem; justify-content: center; width: 2.45rem; }
.conversations-composer input { border: 0; color: #332d41; flex: 1; font: inherit; font-size: .81rem; min-width: 0; outline: 0; padding: .4rem .48rem; }
.conversations-composer input::placeholder { color: #aaa2b9; }
.conversations-composer__send { min-height: 2.5rem; padding-inline: .8rem; }
.conversations-composer__send:disabled { background: #b9abe7; color: #fff; opacity: .76; }
.conversations-context-wrap { min-height: 0; min-width: 0; }
.conversations-context-wrap__scrim, .conversations-context__close { display: none; }
.conversations-context { border-left: 1px solid #ebe8f1; height: 100%; overflow-y: auto; padding: 1.25rem 1.08rem; }
.conversations-context__identity { display: flex; flex-wrap: wrap; gap: .2rem .72rem; }
.conversations-context__identity > div { align-content: center; flex: 1; min-width: 6rem; }
.conversations-context__identity h2 { color: #292534; font-size: 1rem; line-height: 1.2; margin: 0 0 .35rem; }
.conversations-context__client-label { background: #eef8f4; border-radius: 999px; color: #288061; font-size: .68rem; padding: .25rem .55rem; }
.conversations-context__identity p { color: #7b728a; flex-basis: 100%; font-size: .75rem; margin: .55rem 0 .75rem; }
.conversations-context__link { background: #fbfaff; border: 1px solid #ded5fa; border-radius: .6rem; color: #644abb; font-size: .75rem !important; font-weight: 650 !important; min-height: 2.25rem; padding: .4rem .6rem; width: 100%; }
.conversations-context__link:hover:not(:disabled) { background: #f1ecff; }
.conversations-context__section { border-top: 1px solid #efecf4; margin-top: 1.1rem; padding-top: 1.05rem; }
.conversations-context__section h3 { color: #302b3a; font-size: .84rem; margin: 0 0 .72rem; }
.conversations-context__section:first-of-type .conversations-context__item { background: #faf8ff; border-radius: .62rem; margin-bottom: .55rem; padding: .6rem; }
.conversations-context__section:nth-of-type(2) .conversations-context__item { margin-bottom: 0; }
.conversations-context__item { align-items: flex-start; display: flex; gap: .65rem; margin-bottom: .7rem; }
.conversations-context__item-icon { align-items: center; background: #f1edff; border-radius: .6rem; color: #7052c7; display: flex; flex: none; height: 2.1rem; justify-content: center; width: 2.1rem; }
.conversations-context__item strong { color: #332c3e; font-size: .78rem; }
.conversations-context__item p, .conversations-context__fact { color: #777084; font-size: .74rem; line-height: 1.48; margin: .2rem 0 0; }
.conversations-context__fact { background: #faf9fd; border: 1px solid #f0edf6; border-radius: .65rem; padding: .7rem; }
.conversations-context__empty { color: #817a8d; font-size: .75rem; line-height: 1.45; margin: .15rem 0; }
.conversations-context__appointment-status { color: #725bb1; display: inline-block; font-size: .69rem; margin-top: .27rem; }
.conversations-context__future-actions { display: grid; gap: .38rem; margin-top: .8rem; }
.conversations-context__future-actions button { background: #fbfaff; border: 1px solid #e5def3; border-radius: .55rem; color: #746a85; font-size: .72rem !important; padding: .5rem; text-align: left; }
.conversations-context__identify { display: grid; gap: .7rem; }
.conversations-context__identify h3 { margin: 0; }
.conversations-context__identify > p, .conversations-context__confirm p { color: #756d83; font-size: .74rem; line-height: 1.45; margin: 0; }
.conversations-context__identify label, .conversations-context__create-form label { color: #5b5369; display: grid; font-size: .72rem; font-weight: 650; gap: .32rem; }
.conversations-context__identify input { background: #fff; border: 1px solid #dfd8ec; border-radius: .58rem; color: #342d42; font: inherit; font-size: .78rem; min-height: 2.4rem; padding: .5rem .65rem; width: 100%; }
.conversations-context__hint { color: #8b8398; font-size: .68rem; line-height: 1.4; }
.conversations-context__text-action { background: transparent; border: 0; color: #684fba; font-size: .73rem !important; font-weight: 650 !important; padding: .2rem 0; text-align: left; }
.conversations-context__matches { display: grid; gap: .35rem; }
.conversations-context__matches h4 { color: #554a6e; font-size: .71rem; margin: .2rem 0; }
.conversations-context__matches button { align-items: center; background: #fff; border: 1px solid #ebe6f3; border-radius: .62rem; display: flex; gap: .55rem; padding: .45rem; text-align: left; width: 100%; }
.conversations-context__matches button.is-selected { background: #f4f0ff; border-color: #ae9bdf; }
.conversations-context__matches .conversation-avatar { height: 2rem; width: 2rem; }
.conversations-context__matches button span:last-child { display: grid; gap: .12rem; min-width: 0; }
.conversations-context__matches strong { color: #3f354e; font-size: .73rem; }
.conversations-context__matches small { color: #857a93; font-size: .68rem; }
.conversations-context__confirm { background: #f8f5ff; border: 1px solid #e9e2f7; border-radius: .65rem; display: grid; gap: .55rem; padding: .75rem; }
.conversations-context__confirm > strong { color: #40344e; font-size: .79rem; }
.conversations-context__confirm > small { color: #80758d; font-size: .7rem; }
.conversations-context__confirm button, .conversations-context__create-form button { background: #7052cc; border: 0; border-radius: .55rem; color: white; font-size: .73rem !important; font-weight: 650 !important; min-height: 2.25rem; padding: .4rem .65rem; }
.conversations-context__create-form { display: grid; gap: .65rem; }
.conversations-context__action-error { color: #a33355 !important; }

@container (max-width: 1020px) {
  .conversations-workspace { grid-template-columns: minmax(14rem,.85fr) minmax(20rem,1.65fr); }
  .conversations-thread__context-button { display: inline-flex; }
  .conversations-context-wrap { display: none; }
  .conversations-context-wrap.is-open { bottom: 0; display: block; position: fixed; right: 0; top: 0; width: min(23rem,100vw); z-index: 30; }
  .conversations-context-wrap__scrim { background: rgba(33,25,52,.25); border: 0; display: block; inset: 0; position: fixed; width: 100vw; }
  .conversations-context { background: #fff; box-shadow: -20px 0 50px rgba(47,35,74,.14); position: relative; }
  .conversations-context__close { align-items: center; background: transparent; border: 0; color: #6e6287; display: flex; justify-content: center; margin-left: auto; }
}
@container (max-width: 640px) {
  .conversations-experience__preview { font-size: .65rem; text-align: left; }
  .conversations-workspace { display: block; height: calc(100dvh - 7.4rem); min-height: 25rem; }
  .conversations-list, .conversations-thread { height: 100%; }
  .conversations-experience--list .conversations-thread, .conversations-experience--thread .conversations-list { display: none; }
  .conversations-thread__back { align-items: center; background: transparent; border: 0; color: #625483; display: flex; justify-content: center; padding: .3rem; }
  .conversations-thread__header { min-height: 4.7rem; padding-inline: .7rem; }
  .conversations-thread__channel { display: none; }
  .conversations-thread__messages { padding-inline: .65rem; }
  .conversation-message { max-width: 91%; }
  .conversations-composer { margin: .45rem; }
  .conversations-context-wrap.is-open { bottom: 0; left: 0; top: auto; width: 100%; }
  .conversations-context { border-radius: 1rem 1rem 0 0; height: min(78dvh,42rem); overflow-y: auto; }
}