/* Regras do domínio chat migradas de components/ui.css para manter propriedade de estilos. */
.chat-perfil-dialog, .chat-media-dialog { max-width: none; max-height: none; padding: 0px; border: 0px; background: transparent; color: var(--text); }

.chat-perfil-dialog::backdrop, .chat-media-dialog::backdrop { background: var(--chat-dialog-backdrop); backdrop-filter: blur(5px); }

.chat-perfil-cartao { position: relative; display: grid; justify-items: center; width: min(86vw, 320px); padding: 28px 24px 24px; border: 1px solid var(--border); border-radius: 18px; background: var(--card); box-shadow: rgba(0, 0, 0, 0.26) 0px 22px 64px; }

.chat-perfil-cartao__avatar > .avatar { width: 128px; height: 128px; border: 3px solid var(--card); border-radius: 50%; font-size: 32px; box-shadow: 0 0 0 1px var(--border), 0 10px 28px rgb(15 23 42 / 14%); }

.chat-perfil-cartao__name { max-width: 100%; margin-top: 14px; overflow: hidden; font-size: 16px; font-weight: 780; text-align: center; text-overflow: ellipsis; white-space: nowrap; }

.chat-perfil-cartao__role { margin-top: 2px; color: var(--text-2); font-size: 11px; font-weight: 680; text-align: center; }

/* Chat: workspace atual, separado da implementação legada removida. */
.chat-pro { --chat-pro-bg: #f3f6f8; --chat-pro-surface: #ffffff; --chat-pro-surface-soft: #f7f9fb; --chat-pro-line: #e3e9ed; --chat-pro-ink: #14212a; --chat-pro-text: #43535f; --chat-pro-muted: #7b8993; --chat-pro-accent: #007e7a; --chat-pro-accent-soft: #e7f4f2; --chat-pro-outgoing: #dff3ee; --chat-pro-mensagem-border: rgb(20 44 52 / 7%); --chat-pro-mensagem-own-border: rgb(0 126 122 / 12%); --chat-pro-danger: #c33b54; --chat-pro-chamada: #2563eb; --chat-pro-conversa-bg: #edf3f2; --chat-pro-conversa-glow: rgb(255 255 255 / 52%); --chat-pro-layer-content: 1; --chat-pro-layer-overlay: 20; --chat-pro-shadow: 0 18px 46px rgb(18 35 45 / 10%); display: grid; grid-template-columns: 1fr; width: 100%; height: 100%; min-height: 0px; overflow: hidden; border: 1px solid var(--chat-pro-line); border-radius: 18px; background: var(--chat-pro-surface); color: var(--chat-pro-ink); box-shadow: var(--chat-pro-shadow); isolation: isolate; }

.chat-pro button, .chat-pro input, .chat-pro textarea { font-family: inherit; }

.chat-pro-barra-lateral { display: grid; grid-template-rows: auto auto minmax(0, 1fr); min-width: 0px; min-height: 0px; background: var(--chat-pro-surface); }

.chat-pro-barra-lateral__header { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 18px 16px 10px; }

.chat-pro-barra-lateral__header > div { display: grid; gap: 2px; }

.chat-pro-barra-lateral__header h1 { margin: 0px; color: var(--chat-pro-ink); font-size: 22px; font-weight: 700; letter-spacing: -0.025em; }

.chat-pro-barra-lateral__header span { color: var(--chat-pro-muted); font-size: 12px; font-weight: 500; }

.chat-pro-barra-lateral__header button, .chat-pro-conversa__calls button, .chat-pro-conversa__back, .chat-pro-dialogo-fechar, .chat-pro-nova-conversa header button { display: grid; place-items: center; width: 38px; height: 38px; padding: 0px; border: 1px solid var(--chat-pro-line); border-radius: 11px; background: var(--chat-pro-surface); color: var(--chat-pro-ink); cursor: pointer; }

.chat-pro-barra-lateral__header button:hover, .chat-pro-conversa__calls button:hover, .chat-pro-conversa__back:hover:hover { border-color: color-mix(in srgb, var(--chat-pro-accent) 28%, var(--chat-pro-line)); background: var(--chat-pro-accent-soft); color: var(--chat-pro-accent); }

.chat-pro-barra-lateral__search { width: calc(100% - 32px); height: 40px; margin: 0px 16px 10px; padding: 0px 13px; border: 1px solid var(--chat-pro-line); border-radius: 12px; background: var(--chat-pro-surface-soft); color: var(--chat-pro-ink); font-size: 13px; outline: none; }

.chat-pro-barra-lateral__search:focus { border-color: color-mix(in srgb, var(--chat-pro-accent) 58%, white); box-shadow: rgba(0, 126, 122, 0.1) 0px 0px 0px 3px; }

.chat-pro-lista-conversas { min-height: 0px; overflow-y: auto; padding: 0px 8px 14px; scrollbar-width: thin; }

.chat-pro-lista-conversas__label { padding: 12px 9px 7px; color: var(--chat-pro-muted); font-size: 11px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; }

.chat-pro-item-conversa { display: grid; grid-template-columns: 46px minmax(0, 1fr) auto; align-items: center; gap: 10px; width: 100%; min-height: 62px; padding: 7px 9px; border: 0px; border-radius: 13px; background: transparent; color: var(--chat-pro-ink); text-align: left; cursor: pointer; }

.chat-pro-item-conversa:hover { background: var(--chat-pro-surface-soft); }

.chat-pro-item-conversa.is-active { background: var(--chat-pro-accent-soft); }

.chat-pro-item-conversa__avatar { position: relative; display: grid; place-items: center; width: 44px; height: 44px; aspect-ratio: 1 / 1; overflow: hidden; border-radius: 50%; }

.chat-pro-item-conversa__avatar .avatar, .chat-pro-conversa__avatar .avatar, .chat-pro-pessoa-diretorio .avatar, .chat-pro-mensagem__avatar .avatar { width: 100%; height: 100%; aspect-ratio: 1 / 1; border: 0px; border-radius: 50%; object-fit: cover; object-position: center center; }

.chat-pro-item-conversa__group-icon { display: grid; place-items: center; width: 44px; height: 44px; border-radius: 50%; background: var(--chat-pro-accent-soft); color: var(--chat-pro-accent); font-size: 19px; }

.chat-pro-online-dot { position: absolute; right: 0px; bottom: 0px; width: 11px; height: 11px; border: 2px solid var(--chat-pro-surface); border-radius: 50%; background: rgb(32, 168, 117); }

.chat-pro-item-conversa__copy { display: grid; gap: 3px; min-width: 0px; }

.chat-pro-item-conversa__copy strong, .chat-pro-item-conversa__copy > span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.chat-pro-item-conversa__copy strong { font-size: 13px; font-weight: 650; }

.chat-pro-item-conversa__copy > span { color: var(--chat-pro-muted); font-size: 11px; }

.chat-pro-item-conversa__badge { display: grid; place-items: center; min-width: 20px; height: 20px; padding: 0px 6px; border-radius: 999px; background: var(--chat-pro-accent); color: rgb(255, 255, 255); font-size: 11px; font-weight: 700; }

.chat-pro-conversa { position: relative; display: none; grid-template-rows: auto minmax(0, 1fr) auto; min-width: 0px; min-height: 0px; height: 100%; overflow: hidden; background: var(--chat-pro-bg); }

.chat-pro--room-open .chat-pro-barra-lateral { display: none; }

.chat-pro--room-open .chat-pro-conversa { display: grid; }

.chat-pro-conversa__header { position: relative; z-index: var(--chat-pro-layer-overlay); grid-row: 1; display: grid; grid-template-columns: auto minmax(0, 1fr) auto auto auto; align-items: center; gap: 8px; min-height: 64px; padding: 8px 10px; border-bottom: 1px solid var(--chat-pro-line); background: color-mix(in srgb, var(--chat-pro-surface) 94%, transparent); backdrop-filter: blur(12px); box-shadow: rgba(18, 35, 45, 0.04) 0px 1px 8px; }

.chat-pro-conversa__identity { display: grid; grid-template-columns: 42px minmax(0, 1fr); align-items: center; gap: 9px; min-width: 0px; padding: 0px; border: 0px; background: transparent; color: var(--chat-pro-ink); text-align: left; cursor: pointer; }

.chat-pro-conversa__avatar { display: grid; place-items: center; width: 42px; height: 42px; aspect-ratio: 1 / 1; overflow: hidden; border-radius: 50%; background: var(--chat-pro-accent-soft); color: var(--chat-pro-accent); }

.chat-pro-conversa__identity > span:last-child { display: grid; gap: 2px; min-width: 0px; }

.chat-pro-conversa__identity strong, .chat-pro-conversa__identity small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.chat-pro-conversa__identity strong { font-size: 13px; font-weight: 700; }

.chat-pro-conversa__identity small { color: var(--chat-pro-muted); font-size: 11px; font-weight: 500; }

.chat-pro-conexao { display: none; align-items: center; gap: 5px; color: var(--chat-pro-muted); font-size: 11px; font-weight: 600; }

.chat-pro-conexao::before { width: 7px; height: 7px; border-radius: 50%; background: rgb(213, 154, 45); content: ""; }

.chat-pro-conexao--connected::before { background: rgb(32, 168, 117); }

.chat-pro-conversa__calls { display: flex; gap: 5px; }

.chat-pro-conversa__calls button { width: 36px; height: 36px; }

.chat-pro-conversa__menu-button { display: grid; place-items: center; width: 36px; height: 36px; padding: 0px; border: 1px solid var(--chat-pro-line); border-radius: 11px; background: var(--chat-pro-surface); color: var(--chat-pro-ink); cursor: pointer; }

.chat-pro-conversa__menu-button:hover, .chat-pro-conversa__menu-button:focus-visible { border-color: color-mix(in srgb, var(--chat-pro-accent) 28%, var(--chat-pro-line)); background: var(--chat-pro-accent-soft); color: var(--chat-pro-accent); outline: none; }

.chat-pro-vazio { position: relative; z-index: 2; grid-row: 2; display: grid; place-items: center; align-content: center; gap: 7px; min-height: 360px; color: var(--chat-pro-muted); text-align: center; }

.chat-pro-vazio .ti { font-size: 32px; color: var(--chat-pro-accent); }

.chat-pro-vazio strong { color: var(--chat-pro-ink); font-size: 16px; }

.chat-pro-vazio span { font-size: 12px; }

.chat-pro-vazio[hidden] { display: none; }

.chat-pro-load-older { position: relative; z-index: 2; grid-row: 2; place-self: start center; margin: 8px 0px 0px; padding: 6px 12px; border: 0px; background: transparent; color: var(--chat-pro-accent); font-size: 11px; font-weight: 650; cursor: pointer; }

.chat-pro-load-older[hidden] { display: none; }

.chat-pro-conversa__messages { position: relative; z-index: var(--chat-pro-layer-content); grid-row: 2; min-width: 0px; min-height: 0px; overflow: hidden auto; overscroll-behavior: contain; padding: 16px 10px 22px; background: radial-gradient(circle at 20% 20%, color-mix(in srgb, var(--chat-pro-accent) 5%, transparent) 0 1px, transparent 1.5px) 0 0 / 34px 34px, radial-gradient(circle at 80% 80%, color-mix(in srgb, var(--chat-pro-accent) 4%, transparent) 0 1px, transparent 1.5px) 0 0 / 46px 46px, var(--chat-pro-conversa-bg); scroll-behavior: smooth; scrollbar-width: thin; }

.chat-pro-mensagem { display: flex; align-items: flex-end; gap: 7px; margin: 5px 0px; }

.chat-pro-mensagem--own { justify-content: flex-end; }

.chat-pro-mensagem__avatar { width: 30px; height: 30px; aspect-ratio: 1 / 1; flex: 0 0 30px; padding: 0px; overflow: hidden; border: 0px; border-radius: 50%; background: transparent; cursor: pointer; }

.chat-pro-mensagem__body { position: relative; display: grid; gap: 4px; max-width: min(82%, 560px); padding: 9px 11px 7px; border: 1px solid var(--chat-pro-mensagem-border); border-radius: 15px 15px 15px 5px; background: var(--chat-pro-surface); box-shadow: rgba(18, 35, 45, 0.07) 0px 1px 2px; }

.chat-pro-mensagem--own .chat-pro-mensagem__body { border-color: var(--chat-pro-mensagem-own-border); border-radius: 15px 15px 5px; background: var(--chat-pro-outgoing); }

.chat-pro-mensagem__author { display: flex; align-items: baseline; gap: 6px; padding-right: 24px; }

.chat-pro-mensagem__author strong { color: var(--chat-pro-accent); font-size: 11px; font-weight: 700; }

.chat-pro-mensagem__author span { color: var(--chat-pro-muted); font-size: 11px; }

.chat-pro-mensagem__body > p { margin: 0px; color: var(--chat-pro-ink); font-size: 13.25px; line-height: 1.44; white-space: pre-wrap; overflow-wrap: anywhere; }

.chat-pro-mensagem__deleted { color: var(--chat-pro-muted); font-style: italic; }

.chat-pro-mensagem__body footer { display: flex; justify-content: flex-end; align-items: center; gap: 5px; color: var(--chat-pro-muted); font-size: 11px; }

.chat-pro-mensagem__receipt { display: inline-flex; align-items: center; gap: 2px; }

.chat-pro-mensagem__receipt > span { display: none; }

.chat-pro-mensagem__receipt--read { color: rgb(39, 121, 189); }

.chat-pro-mensagem__menu-trigger { position: absolute; top: 4px; right: 4px; display: grid; place-items: center; width: 24px; height: 24px; padding: 0px; border: 0px; border-radius: 7px; background: transparent; color: var(--chat-pro-muted); cursor: pointer; }

.chat-pro-mensagem__menu-trigger:hover, .chat-pro-mensagem__menu-trigger:focus-visible { background: color-mix(in srgb, var(--chat-pro-accent) 9%, transparent); color: var(--chat-pro-accent); outline: none; }

.chat-pro-mensagem__image { display: block; overflow: hidden; border-radius: 10px; }

.chat-pro-mensagem__image img, .chat-pro-mensagem__video { display: block; width: min(100%, 360px); max-height: 360px; border-radius: 10px; object-fit: cover; }

.chat-pro-audio { display: grid; grid-template-columns: 32px minmax(96px, 1fr) auto auto; align-items: center; gap: 7px; min-width: min(240px, 68vw); }

.chat-pro-audio audio { display: none; }

.chat-pro-audio__play { display: grid; place-items: center; width: 32px; height: 32px; padding: 0px; border: 0px; border-radius: 50%; background: var(--chat-pro-accent); color: white; cursor: pointer; }

.chat-pro-audio__range { min-width: 0px; accent-color: var(--chat-pro-accent); }

.chat-pro-audio > span { color: var(--chat-pro-muted); font-size: 11px; white-space: nowrap; }

.chat-pro-audio__speed { min-width: 30px; height: 26px; padding: 0px 6px; border: 1px solid var(--chat-pro-line); border-radius: 9px; background: var(--chat-pro-surface-soft); color: var(--chat-pro-muted); font: 700 9px/1 var(--chat-pro-font); cursor: pointer; }

.chat-pro-audio__speed:hover, .chat-pro-audio__speed:focus-visible { border-color: color-mix(in srgb, var(--chat-pro-accent) 34%, var(--chat-pro-line)); color: var(--chat-pro-accent); outline: none; }

.chat-pro-envio { position: relative; z-index: var(--chat-pro-layer-overlay); grid-row: 3; display: grid; margin: 0px; gap: 5px; padding: 8px 9px max(8px, env(safe-area-inset-bottom)); border-top: 1px solid var(--chat-pro-line); background: color-mix(in srgb, var(--chat-pro-surface) 97%, var(--chat-pro-bg)); box-shadow: rgba(18, 35, 45, 0.04) 0px -8px 26px; }

.chat-pro-envio[hidden] { display: none; }

.chat-pro-envio__row { display: grid; grid-template-columns: auto minmax(0, 1fr) auto auto; align-items: end; gap: 5px; }

.chat-pro-envio textarea { min-height: 40px; max-height: 112px; resize: none; padding: 10px 11px; border: 1px solid var(--chat-pro-line); border-radius: 14px; background: var(--chat-pro-surface); color: var(--chat-pro-ink); font-size: 13px; line-height: 1.35; outline: none; }

.chat-pro-envio textarea:focus { border-color: color-mix(in srgb, var(--chat-pro-accent) 48%, var(--chat-pro-line)); background: var(--chat-pro-surface); box-shadow: rgba(0, 126, 122, 0.08) 0px 0px 0px 3px; }

.chat-pro-envio__tool, .chat-pro-envio__send { display: grid; place-items: center; width: 40px; height: 40px; padding: 0px; border: 0px; border-radius: 12px; cursor: pointer; }

.chat-pro-envio__tool { background: transparent; color: var(--chat-pro-muted); }

.chat-pro-envio__tool:hover { background: var(--chat-pro-surface-soft); color: var(--chat-pro-accent); }

.chat-pro-attach-menu { position: relative; align-self: end; }

.chat-pro-attach-menu > summary { list-style: none; }

.chat-pro-attach-menu > summary::-webkit-details-marker { display: none; }

.chat-pro-attach-menu[open] > summary { background: var(--chat-pro-accent-soft); color: var(--chat-pro-accent); }

.chat-pro-attach-menu__popover { position: absolute; z-index: 8; bottom: 48px; left: 0px; display: grid; gap: 4px; width: 230px; padding: 7px; border: 1px solid var(--chat-pro-line); border-radius: 14px; background: var(--chat-pro-surface); box-shadow: rgba(18, 35, 45, 0.18) 0px 18px 44px; }

.chat-pro-attach-menu__popover button { display: grid; grid-template-columns: 36px minmax(0, 1fr); align-items: center; gap: 9px; width: 100%; padding: 7px; border: 0px; border-radius: 10px; background: transparent; color: var(--chat-pro-ink); text-align: left; cursor: pointer; }

.chat-pro-attach-menu__popover button:hover, .chat-pro-attach-menu__popover button:focus-visible { background: var(--chat-pro-surface-soft); outline: none; }

.chat-pro-attach-menu__popover button > .ti { display: grid; place-items: center; width: 36px; height: 36px; border-radius: 10px; background: var(--chat-pro-accent-soft); color: var(--chat-pro-accent); font-size: 17px; }

.chat-pro-attach-menu__popover button > span { display: grid; gap: 2px; }

.chat-pro-attach-menu__popover strong { font-size: 11px; font-weight: 700; }

.chat-pro-attach-menu__popover small { color: var(--chat-pro-muted); font-size: 11px; }

.chat-pro-envio__send { background: var(--chat-pro-accent); color: rgb(255, 255, 255); }

.chat-pro-envio__send:disabled { opacity: 0.55; cursor: wait; }

.chat-pro-envio__error { color: var(--chat-pro-danger); font-size: 11px; font-weight: 600; }

.chat-pro-digitando { min-height: 16px; padding-left: 45px; color: var(--chat-pro-accent); font-size: 11px; font-weight: 600; }

.chat-pro-previsualizacao-anexo { display: grid; grid-template-columns: 42px minmax(0, 1fr) auto; align-items: center; gap: 8px; padding: 6px 8px; border-radius: 11px; background: var(--chat-pro-surface-soft); color: var(--chat-pro-text); font-size: 11px; }

.chat-pro-previsualizacao-anexo[hidden] { display: none; }

.chat-pro-previsualizacao-anexo img, .chat-pro-previsualizacao-anexo video { width: 42px; height: 42px; border-radius: 8px; object-fit: cover; }

.chat-pro-previsualizacao-anexo button, .chat-pro-gravacao button { border: 0px; background: transparent; color: var(--chat-pro-muted); cursor: pointer; }

.chat-pro-gravacao { display: flex; align-items: center; gap: 8px; min-height: 38px; padding: 6px 9px; border-radius: 11px; background: rgb(255, 244, 246); color: var(--chat-pro-danger); font-size: 11px; }

.chat-pro-gravacao[hidden] { display: none; }

.chat-pro-gravacao strong { margin-left: auto; }

.chat-pro-nova-conversa, .chat-pro-pessoa, .chat-pro-chamada, .chat-pro-confirmacao, .chat-pro-acoes-mensagem { margin: auto; padding: 0px; border: 0px; background: transparent; color: var(--chat-pro-ink); }

.chat-pro-nova-conversa::backdrop, .chat-pro-pessoa::backdrop, .chat-pro-chamada::backdrop, .chat-pro-confirmacao::backdrop, .chat-pro-acoes-mensagem::backdrop { background: rgba(13, 22, 28, 0.56); backdrop-filter: blur(2px); }

.chat-pro-acoes-mensagem { width: min(340px, -24px + 100vw); }

.chat-pro-acoes-conversa { width: min(360px, -24px + 100vw); max-width: 100%; margin: auto; padding: 0px; overflow: visible; border: 0px; background: transparent; color: var(--chat-pro-ink); }

.chat-pro-acoes-conversa::backdrop { background: rgba(13, 22, 28, 0.46); backdrop-filter: blur(2px); }

.chat-pro-acoes-conversa__panel { overflow: hidden; border: 1px solid var(--chat-pro-line); border-radius: 16px; background: var(--chat-pro-surface); box-shadow: rgba(9, 18, 25, 0.26) 0px 24px 70px; }

.chat-pro-acoes-conversa__handle { display: none; }

.chat-pro-acoes-conversa__header { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 48px; padding: 8px 10px 8px 14px; border-bottom: 1px solid var(--chat-pro-line); }

.chat-pro-acoes-conversa__header strong { font-size: 13px; font-weight: 700; }

.chat-pro-acoes-conversa__header button { display: grid; place-items: center; width: 34px; height: 34px; padding: 0px; border: 0px; border-radius: 10px; background: transparent; color: var(--chat-pro-muted); cursor: pointer; }

.chat-pro-acoes-conversa__list { display: grid; gap: 3px; padding: 6px; }

.chat-pro-acoes-conversa__list > button { display: flex; align-items: center; gap: 10px; min-height: 42px; padding: 0px 10px; border: 0px; border-radius: 10px; background: transparent; color: var(--chat-pro-ink); font: 600 12px/1.2 var(--chat-pro-font); text-align: left; cursor: pointer; }

.chat-pro-acoes-conversa__list > button:hover, .chat-pro-acoes-conversa__list > button:focus-visible { background: var(--chat-pro-surface-soft); outline: none; }

.chat-pro-acoes-conversa__list > .chat-pro-acoes-conversa__danger { color: var(--chat-pro-danger); }

.chat-pro-acoes-mensagem__panel { display: grid; gap: 6px; width: 100%; padding: 10px; border: 1px solid var(--chat-pro-line); border-radius: 16px; background: var(--chat-pro-surface); box-shadow: rgba(9, 18, 25, 0.28) 0px 24px 72px; }

.chat-pro-acoes-mensagem__handle { display: none; }

.chat-pro-acoes-mensagem__header { display: flex; align-items: center; justify-content: space-between; gap: 10px; min-height: 34px; padding: 0px 3px 4px 7px; border-bottom: 1px solid var(--chat-pro-line); }

.chat-pro-acoes-mensagem__header strong { color: var(--chat-pro-ink); font-size: 12px; font-weight: 700; }

.chat-pro-acoes-mensagem__header button { display: grid; place-items: center; width: 30px; height: 30px; padding: 0px; border: 0px; border-radius: 9px; background: transparent; color: var(--chat-pro-muted); cursor: pointer; }

.chat-pro-acoes-mensagem__header button:hover, .chat-pro-acoes-mensagem__header button:focus-visible { background: var(--chat-pro-surface-soft); color: var(--chat-pro-ink); outline: none; }

.chat-pro-acoes-mensagem__list { display: grid; gap: 3px; }

.chat-pro-acoes-mensagem__list > button { display: flex; align-items: center; gap: 10px; width: 100%; min-height: 42px; padding: 9px 10px; border: 0px; border-radius: 10px; background: transparent; color: var(--chat-pro-ink); font-size: 11px; font-weight: 600; text-align: left; cursor: pointer; }

.chat-pro-acoes-mensagem__list > button:hover, .chat-pro-acoes-mensagem__list > button:focus-visible { background: var(--chat-pro-surface-soft); outline: none; }

.chat-pro-acoes-mensagem__list > .chat-pro-acoes-mensagem__danger { color: var(--chat-pro-danger); }

.chat-pro-confirmacao__panel { display: grid; grid-template-columns: 42px minmax(0, 1fr); gap: 12px; width: min(420px, -24px + 100vw); padding: 18px; border: 1px solid var(--chat-pro-line); border-radius: 18px; background: var(--chat-pro-surface); box-shadow: rgba(9, 18, 25, 0.28) 0px 28px 80px; }

.chat-pro-confirmacao__icon { display: grid; place-items: center; width: 42px; height: 42px; border-radius: 13px; background: color-mix(in srgb, var(--chat-pro-accent) 10%, var(--chat-pro-surface)); color: var(--chat-pro-accent); font-size: 20px; }

.chat-pro-confirmacao__icon--danger { background: color-mix(in srgb, var(--chat-pro-danger) 10%, var(--chat-pro-surface)); color: var(--chat-pro-danger); }

.chat-pro-confirmacao__copy { display: grid; gap: 5px; }

.chat-pro-confirmacao__copy h2, .chat-pro-confirmacao__copy p { margin: 0px; }

.chat-pro-confirmacao__copy h2 { color: var(--chat-pro-ink); font-size: 17px; font-weight: 700; }

.chat-pro-confirmacao__copy p { color: var(--chat-pro-muted); font-size: 12px; line-height: 1.45; }

.chat-pro-confirmacao__actions { display: flex; grid-column: 1 / -1; justify-content: flex-end; gap: 8px; margin-top: 4px; }

.chat-pro-confirmacao__actions button { min-height: 38px; padding: 0px 14px; border-radius: 10px; font: 600 12px/1 var(--chat-pro-font); cursor: pointer; }

.chat-pro-confirmacao__cancel { border: 1px solid var(--chat-pro-line); background: var(--chat-pro-surface-soft); color: var(--chat-pro-ink); }

.chat-pro-confirmacao__submit { border: 1px solid transparent; background: var(--chat-pro-accent); color: rgb(255, 255, 255); }

.chat-pro-confirmacao__submit--danger { background: var(--chat-pro-danger); }

.chat-pro-nova-conversa__panel, .chat-pro-pessoa__panel { width: min(440px, -22px + 100vw); max-height: min(80dvh, 680px); overflow: hidden; border: 1px solid var(--chat-pro-line); border-radius: 18px; background: var(--chat-pro-surface); box-shadow: rgba(9, 18, 25, 0.28) 0px 28px 80px; }

.chat-pro-nova-conversa__panel { display: grid; grid-template-rows: auto auto minmax(0, 1fr); gap: 10px; padding: 14px; }

.chat-pro-nova-conversa header { display: flex; align-items: center; justify-content: space-between; }

.chat-pro-nova-conversa__heading { display: grid; gap: 2px; }

.chat-pro-nova-conversa__heading p { margin: 0px; color: var(--chat-pro-muted); font-size: 11px; font-weight: 550; }

.chat-pro-nova-conversa h2, .chat-pro-pessoa h2 { margin: 0px; font-size: 18px; font-weight: 700; }

.chat-pro-nova-conversa input { height: 42px; padding: 0px 12px; border: 1px solid var(--chat-pro-line); border-radius: 11px; background: var(--chat-pro-surface-soft); color: var(--chat-pro-ink); outline: none; }

.chat-pro-nova-conversa__results { display: grid; gap: 3px; overflow-y: auto; }

.chat-pro-pessoa-diretorio { display: grid; grid-template-columns: 42px minmax(0, 1fr) auto; align-items: center; gap: 9px; min-height: 54px; padding: 6px; border: 0px; border-radius: 11px; background: transparent; color: var(--chat-pro-ink); text-align: left; cursor: pointer; }

.chat-pro-pessoa-diretorio:hover { background: var(--chat-pro-surface-soft); }

.chat-pro-pessoa-diretorio .avatar { width: 42px; height: 42px; aspect-ratio: 1 / 1; overflow: hidden; border-radius: 50%; object-fit: cover; object-position: center center; }

.chat-pro-pessoa-diretorio > span:not(.chat-pro-pessoa-diretorio__mike) { display: grid; gap: 2px; min-width: 0px; }

.chat-pro-pessoa-diretorio strong { font-size: 12px; }

.chat-pro-pessoa-diretorio small { color: var(--chat-pro-muted); font-size: 11px; }

.chat-pro-pessoa-diretorio__mike { padding: 4px 6px; border-radius: 7px; background: rgb(238, 243, 255); color: rgb(51, 86, 166); font-size: 11px; font-weight: 700; }

.chat-pro-pessoa__panel { position: relative; display: grid; justify-items: center; gap: 7px; padding: 24px 18px 18px; }

.chat-pro-dialogo-fechar { position: absolute; top: 10px; right: 10px; }

.chat-pro-pessoa__avatar { width: 78px; height: 78px; aspect-ratio: 1 / 1; overflow: hidden; border-radius: 50%; }

.chat-pro-pessoa__avatar .avatar { width: 100%; height: 100%; aspect-ratio: 1 / 1; border-radius: 50%; object-fit: cover; object-position: center center; }

.chat-pro-pessoa__panel > p { margin: 0px; color: var(--chat-pro-muted); font-size: 11px; }

.chat-pro-pessoa__mike { display: grid; gap: 5px; width: 100%; margin-top: 8px; padding: 12px; border-radius: 12px; background: var(--chat-pro-surface-soft); text-align: left; }

.chat-pro-pessoa__mike strong { color: rgb(51, 86, 166); font-size: 12px; }

.chat-pro-pessoa__mike span, .chat-pro-pessoa__mike a { color: var(--chat-pro-text); font-size: 11px; }

.chat-pro-pessoa__mike a { display: inline-flex; align-items: center; gap: 6px; color: var(--chat-pro-accent); font-weight: 700; text-decoration: none; }

.chat-pro-chamada__panel { width: min(430px, -20px + 100vw); overflow: hidden; border-radius: 24px; background: rgb(16, 26, 34); color: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.42) 0px 32px 92px; }

.chat-pro-chamada__stage { position: relative; display: grid; place-items: center; min-height: 420px; overflow: hidden; background: radial-gradient(circle at 50% 20%, rgb(35, 64, 82), rgb(16, 26, 34) 64%); }

.chat-pro-chamada__remote { position: absolute; inset: 0px; width: 100%; height: 100%; object-fit: cover; }

.chat-pro-chamada__local { position: absolute; z-index: 2; right: 14px; bottom: 14px; width: 104px; height: 142px; border: 2px solid rgba(255, 255, 255, 0.32); border-radius: 14px; background: rgb(31, 43, 52); object-fit: cover; box-shadow: rgba(0, 0, 0, 0.28) 0px 12px 28px; }

.chat-pro-chamada__identity { position: relative; z-index: 1; display: grid; justify-items: center; gap: 8px; text-align: center; }

.chat-pro-chamada__avatar { width: 96px; height: 96px; aspect-ratio: 1 / 1; overflow: hidden; border-radius: 50%; }

.chat-pro-chamada__avatar .avatar { width: 100%; height: 100%; aspect-ratio: 1 / 1; border: 3px solid rgba(255, 255, 255, 0.24); border-radius: 50%; object-fit: cover; object-position: center center; }

.chat-pro-chamada__identity strong { font-size: 18px; }

.chat-pro-chamada__status { color: rgba(255, 255, 255, 0.68); font-size: 12px; }

.chat-pro-chamada__footer { display: grid; gap: 8px; padding: 10px 12px 14px; background: rgb(12, 20, 27); }

.chat-pro-chamada__device-status { min-height: 15px; color: rgba(255, 255, 255, 0.56); font-size: 11px; font-weight: 550; text-align: center; }

.chat-pro-chamada__controls, .chat-pro-chamada__incoming-actions { display: flex; justify-content: center; gap: 12px; }

.chat-pro-chamada__incoming-actions { padding: 16px; background: rgb(12, 20, 27); }

.chat-pro-chamada__controls button, .chat-pro-chamada__incoming-actions button { display: inline-grid; place-items: center; min-width: 62px; min-height: 58px; padding: 7px 8px 6px; border: 0px; border-radius: 15px; background: rgb(38, 53, 65); color: rgb(255, 255, 255); font-size: 17px; cursor: pointer; }

.chat-pro-chamada__controls button > span { display: block; max-width: 82px; overflow: hidden; color: rgba(255, 255, 255, 0.72); font-size: 11px; font-weight: 650; line-height: 1.1; text-overflow: ellipsis; white-space: nowrap; }

.chat-pro-chamada__controls button.is-active { background: rgb(241, 244, 246); color: rgb(22, 35, 44); }

.chat-pro-chamada__controls button.is-active > span { color: rgb(67, 81, 91); }

.chat-pro-chamada__controls button:disabled { opacity: 0.42; cursor: not-allowed; }

.chat-pro-chamada__controls .chat-pro-chamada__hangup, .chat-pro-chamada__incoming-actions .chat-pro-chamada__decline { background: rgb(215, 68, 85); }

.chat-pro-chamada__controls .chat-pro-chamada__hangup > span { color: rgba(255, 255, 255, 0.86); }

.chat-pro-chamada__incoming-actions button { display: inline-flex; gap: 8px; min-width: 126px; font-size: 12px; font-weight: 700; }

.chat-pro-chamada__incoming-actions .chat-pro-chamada__answer { background: rgb(33, 151, 107); }

html[data-theme="dark"] .chat-pro { --chat-pro-bg: #0e151a; --chat-pro-surface: #151e24; --chat-pro-surface-soft: #1b262d; --chat-pro-line: #2a3841; --chat-pro-ink: #edf4f5; --chat-pro-text: #bdc9cf; --chat-pro-muted: #82939d; --chat-pro-accent: #62c8bf; --chat-pro-accent-soft: #1c3534; --chat-pro-outgoing: #1d3936; --chat-pro-mensagem-border: #2a3841; --chat-pro-mensagem-own-border: #315a57; --chat-pro-danger: #ff8495; --chat-pro-conversa-bg: #111b20; --chat-pro-conversa-glow: rgb(98 200 191 / 5%); --chat-pro-shadow: 0 18px 48px rgb(0 0 0 / 24%); }

html[data-theme="dark"] .chat-pro-gravacao { background: rgb(56, 33, 41); }

html[data-theme="dark"] .chat-pro-pessoa-diretorio__mike { background: rgb(32, 45, 72); color: rgb(169, 195, 255); }

@media (max-width: 699px) {
  .chat-pro { width: 100%; height: 100%; min-height: 0px; border: 0px; border-radius: 0px; box-shadow: none; }
  .chat-pro-barra-lateral, .chat-pro-conversa { height: 100%; min-height: 0px; }
  .chat-pro-barra-lateral__header { padding-top: 22px; }
  .chat-pro-conversa__messages { padding: 14px 9px 20px; }
  .chat-pro-acoes-mensagem { width: 100%; max-width: none; margin: auto 0px 0px; }
  .chat-pro-acoes-mensagem__panel { padding: 8px max(10px, env(safe-area-inset-right)) max(12px, env(safe-area-inset-bottom)) max(10px, env(safe-area-inset-left)); border-width: 1px 0px 0px; border-radius: 18px 18px 0px 0px; box-shadow: rgba(9, 18, 25, 0.2) 0px -18px 52px; }
  .chat-pro-acoes-mensagem__handle { display: block; width: 34px; height: 4px; margin: 1px auto 2px; border-radius: 999px; background: var(--chat-pro-line); }
  .chat-pro-acoes-conversa { width: 100%; max-width: none; margin: auto 0px 0px; }
  .chat-pro-acoes-conversa__panel { padding: 8px max(10px, env(safe-area-inset-right)) max(12px, env(safe-area-inset-bottom)) max(10px, env(safe-area-inset-left)); border-width: 1px 0px 0px; border-radius: 18px 18px 0px 0px; box-shadow: rgba(9, 18, 25, 0.2) 0px -18px 52px; }
  .chat-pro-acoes-conversa__handle { display: block; width: 34px; height: 4px; margin: 1px auto 2px; border-radius: 999px; background: var(--chat-pro-line); }
}

@media (min-width: 700px) {
  .chat-pro { grid-template-columns: 280px minmax(0, 1fr); height: 100%; min-height: 0px; max-height: none; }
  .chat-pro-barra-lateral, .chat-pro--room-open .chat-pro-barra-lateral { display: grid; border-right: 1px solid var(--chat-pro-line); }
  .chat-pro-conversa, .chat-pro--room-open .chat-pro-conversa { display: grid; }
  .chat-pro-conversa__back { display: none; }
  .chat-pro-conversa__messages { padding: 14px 18px 20px; }
  .chat-pro-mensagem__body { max-width: min(72%, 600px); }
  .chat-pro-conexao { display: inline-flex; }
  .chat-pro-envio { padding: 10px 14px 12px; }
}

@media (min-width: 1100px) {
  .chat-pro { grid-template-columns: 320px minmax(0, 1fr); width: min(100%, 1320px); margin-inline: auto; border-radius: 20px; }
  .chat-pro-barra-lateral__header { padding: 20px 18px 11px; }
  .chat-pro-barra-lateral__search { width: calc(100% - 36px); margin-inline: 18px; }
  .chat-pro-lista-conversas { padding-inline: 10px; }
  .chat-pro-conversa__header { min-height: 72px; padding-inline: 16px; }
  .chat-pro-conversa__identity { grid-template-columns: 46px minmax(0, 1fr); }
  .chat-pro-conversa__avatar { width: 46px; height: 46px; }
  .chat-pro-conversa__identity strong { font-size: 14px; }
  .chat-pro-conversa__messages { padding: 18px 28px 24px; }
  .chat-pro-mensagem__body { max-width: min(64%, 640px); padding: 9px 11px 7px; }
  .chat-pro-mensagem__body > p { font-size: 13.5px; }
  .chat-pro-envio { padding-inline: 22px; }
  .chat-pro-envio__row { max-width: 900px; width: 100%; margin-inline: auto; }
  .chat-pro-envio__error, .chat-pro-digitando, .chat-pro-previsualizacao-anexo, .chat-pro-gravacao { width: min(100%, 900px); margin-inline: auto; }
}

/* Configurações do Chat */
.chat-pro-configuracoes {
  width: min(92vw, 460px);
  max-width: 460px;
  padding: 0;
  border: 0;
  border-radius: 20px;
  background: transparent;
}

.chat-pro-configuracoes::backdrop {
  background: rgb(15 23 42 / 48%);
  backdrop-filter: blur(3px);
}

.chat-pro-configuracoes__painel {
  overflow: hidden;
  border: 1px solid var(--border);
  border-radius: 20px;
  background: var(--card);
  color: var(--text);
  box-shadow: var(--shadow-strong, 0 24px 60px rgb(15 23 42 / 24%));
}

.chat-pro-configuracoes__cabecalho {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  padding: 20px;
  border-bottom: 1px solid var(--border);
}

.chat-pro-configuracoes__cabecalho h2,
.chat-pro-configuracoes__cabecalho p {
  margin: 0;
}

.chat-pro-configuracoes__cabecalho p {
  margin-top: 4px;
  color: var(--muted);
  font-size: 0.875rem;
}

.chat-pro-configuracoes__fechar {
  display: inline-grid;
  width: 38px;
  height: 38px;
  place-items: center;
  flex: 0 0 auto;
  border: 1px solid var(--border);
  border-radius: 12px;
  background: var(--surface);
  color: var(--text);
}

.chat-pro-configuracoes__lista {
  display: grid;
  gap: 10px;
  padding: 16px;
}

.chat-pro-configuracoes__acao {
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr);
  align-items: center;
  gap: 12px;
  width: 100%;
  padding: 13px 14px;
  border: 1px solid var(--border);
  border-radius: 14px;
  background: var(--surface);
  color: var(--text);
  text-align: left;
}

.chat-pro-configuracoes__acao > i {
  font-size: 1.25rem;
  color: var(--teal);
}

.chat-pro-configuracoes__acao > span {
  display: grid;
  gap: 2px;
}

.chat-pro-configuracoes__acao small {
  color: var(--muted);
}

.chat-pro-configuracoes__acao:disabled {
  cursor: default;
  opacity: 0.72;
}

.chat-pro-barra-lateral__acoes {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}