:root dialog.chat-contained-dialog[open]{z-index:1110;box-sizing:border-box;display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--line);border-radius:16px;padding:10px;background:var(--surface-glass);color:var(--text-primary);box-shadow:none;container-type:inline-size}
.internal-chat.has-chat-dialog{position:relative}
.internal-chat.has-chat-dialog::after{content:'';position:absolute;inset:0;z-index:10;border-radius:inherit;background:#0001;pointer-events:none}
dialog.chat-contained-dialog::backdrop{background:transparent;backdrop-filter:none}
:root dialog.chat-contained-dialog>.mobile-dialog-scroll{flex:1;min-height:0;max-height:100%;padding:10px;overflow:auto;overscroll-behavior:contain}
:root dialog.chat-contained-dialog .modal-compact-header h2{font-size:18px}
:root dialog.chat-contained-dialog .modal-compact-header{gap:8px;margin-bottom:12px}
:root dialog.chat-contained-dialog .modal-action-footer{flex-wrap:wrap;gap:8px}
:root dialog.chat-contained-dialog .chat-contacts,:root dialog.chat-contained-dialog .chat-group-member-list{max-height:none}
:root dialog.chat-contained-dialog.chat-photo-viewer{gap:8px}
:root dialog.chat-contained-dialog.chat-photo-viewer .chat-photo-stage{flex:1;min-height:0;height:auto;max-height:none}
:root dialog.chat-contained-dialog .profile-crop-preview{max-width:100%;height:auto;aspect-ratio:1}
:root dialog.chat-contained-dialog.mobile-feedback>.mobile-dialog-scroll{display:flex;flex-direction:column;justify-content:center}
:root dialog.chat-contained-dialog.is-chat-compact[open]{display:block}
:root dialog.chat-contained-dialog.is-chat-compact>.mobile-dialog-scroll{max-height:var(--chat-dialog-content-max);overflow:auto}
@container(max-width:430px){dialog.chat-contained-dialog .chat-shared{grid-template-columns:repeat(2,minmax(0,1fr))}dialog.chat-contained-dialog .chat-shared-documents{grid-template-columns:minmax(0,1fr)}dialog.chat-contained-dialog .chat-group-identity{padding:10px}dialog.chat-contained-dialog .customer-dialog-actions{gap:6px}dialog.chat-contained-dialog .chat-group-photo-editor{padding:8px;gap:8px}dialog.chat-contained-dialog .chat-group-photo-preview>.chat-avatar{width:44px;height:44px;flex-basis:44px}dialog.chat-contained-dialog .chat-group-photo-copy h3{font-size:12px}dialog.chat-contained-dialog .chat-group-photo-copy p{font-size:10px}}
/* All chat forms use the same heading, field, row and action rhythm. */
:root dialog.chat-contained-dialog{--chat-dialog-gap:12px;--modal-section-gap:12px;--modal-field-gap:6px;line-height:1.5}
:root dialog.chat-contained-dialog .modal-content-scroll{gap:var(--chat-dialog-gap);grid-auto-rows:max-content;align-content:start}
:root dialog.chat-contained-dialog .modal-compact-header{padding-bottom:12px;margin-bottom:12px;border-bottom:1px solid var(--line);align-items:flex-start}
:root dialog.chat-contained-dialog .modal-content-scroll>.modal-compact-header{margin-bottom:0}
:root dialog.chat-contained-dialog .modal-compact-header h2{font-size:18px;line-height:1.35;letter-spacing:-.02em}
:root dialog.chat-contained-dialog .modal-compact-header :is(p:not(.eyebrow),small){font-size:11px;line-height:1.5;margin:5px 0 0;color:var(--text-secondary);overflow-wrap:anywhere}
:root dialog.chat-contained-dialog .modal-compact-header .eyebrow{font-size:9px;line-height:1.4;margin-bottom:6px}
:root dialog.chat-contained-dialog .chat-search{margin-inline:0;border-radius:12px;min-height:44px;gap:9px;padding-inline:12px}
:root dialog.chat-contained-dialog .chat-search>input,:root dialog.chat-contained-dialog .chat-search>input:focus{min-width:0;min-height:44px;margin:0;border:0!important;border-radius:0;background:transparent!important;outline:none!important;box-shadow:none!important;font-size:13px;padding:9px 0}
:root dialog.chat-contained-dialog .chat-search>.icon{width:18px;height:18px;flex:none}
:root dialog.chat-contained-dialog :is(.chat-contact,.chat-call-invite){min-height:60px;gap:10px;padding:9px 10px;box-sizing:border-box}
:root dialog.chat-contained-dialog .chat-contact>.chat-avatar{width:34px;height:34px;flex-basis:34px;font-size:14px}
:root dialog.chat-contained-dialog .chat-contact strong{font-size:12px;line-height:1.4}
:root dialog.chat-contained-dialog .chat-contact small{font-size:11px;line-height:1.4}
:root dialog.chat-contained-dialog .chat-contact:focus-visible{outline:2px solid var(--text-link);outline-offset:-2px}
:root dialog.chat-contained-dialog .modal-action-footer{padding-top:12px;margin-top:0;gap:8px}
:root dialog.chat-contained-dialog .modal-action-footer>button{min-height:44px;font-size:12px;border-radius:11px;box-shadow:none}
:root dialog.chat-contained-dialog .chat-icon-button{width:44px;min-width:44px;height:44px;padding:12px;border-radius:11px}
:root dialog.chat-contained-dialog .chat-icon-button>.icon{width:18px;height:18px}
:root dialog.chat-contained-dialog .chat-empty{margin:0;padding:18px 12px;font-size:12px;line-height:1.6;color:var(--text-secondary)}
:root dialog.chat-contained-dialog :is(.chat-message-search-status,.chat-message-search-context,.chat-files-context){font-size:11px;line-height:1.5}
:root dialog.chat-contained-dialog .chat-message-search-form{margin-top:12px;align-items:stretch}
:root dialog.chat-contained-dialog .chat-message-search-result{padding:10px;border-radius:12px}
:root dialog.chat-contained-dialog .chat-reaction-people-list{max-height:none;overflow:visible}
:root dialog.chat-contained-dialog .chat-reaction-person{padding:8px;border-radius:12px;min-height:60px}
:root dialog.chat-contained-dialog .chat-group-member-menu button{border-radius:9px;line-height:1.4}
:root dialog.chat-contained-dialog .chat-group-member-menu .icon{width:17px;height:17px;flex:none;color:var(--text-secondary)}
:root dialog.chat-contained-dialog .chat-photo-controls{padding-top:10px;border-top:1px solid var(--line)}
@container(max-width:360px){:root dialog.chat-contained-dialog>.mobile-dialog-scroll{padding:6px}:root dialog.chat-contained-dialog .modal-compact-header h2{font-size:17px}:root dialog.chat-contained-dialog .chat-reaction-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@supports(-webkit-touch-callout:none){:root dialog.chat-contained-dialog .chat-search>input{font-size:16px}}