.chat-feed-skeleton{gap:var(--space-stack-md);padding:var(--space-inset-md);flex-direction:column;display:flex}.chat-feed-skeleton-row{justify-content:flex-start;display:flex}.chat-feed-skeleton-row[data-me]{justify-content:flex-end}.chat-feed-skeleton-bubble{gap:var(--space-inset-xs);padding:var(--space-inset-tight);border:1px solid color-mix(in srgb, var(--color-border) 50%, transparent);border-radius:var(--radius-bubble);background:color-mix(in srgb, var(--color-muted) 40%, transparent);flex-direction:column;display:flex}.chat-feed-skeleton-row[data-me] .chat-feed-skeleton-bubble{--skeleton-bg:color-mix(in srgb, var(--color-primary) 20%, transparent);border-color:color-mix(in srgb, var(--color-primary) 20%, transparent);background:color-mix(in srgb, var(--color-primary) 10%, transparent)}.chat-feed-skeleton-line{block-size:var(--space-inset-tight);inline-size:100%}.chat-feed-skeleton-line[data-width="85"]{inline-size:85%}.chat-feed-skeleton-line[data-width="60"]{inline-size:60%}.chat-feed-skeleton-footer{--skeleton-bg:color-mix(in srgb, var(--color-muted) 60%, transparent);border-block-start:1px solid color-mix(in srgb, var(--color-border) 30%, transparent);justify-content:space-between;align-items:center;margin-block-start:var(--space-inset-2xs);padding-block-start:var(--space-inset-sm);display:flex}.chat-feed-skeleton-row[data-me] .chat-feed-skeleton-footer{--skeleton-bg:color-mix(in srgb, var(--color-primary) 15%, transparent);border-block-start-color:color-mix(in srgb, var(--color-primary) 15%, transparent)}.chat-feed-skeleton-chip{block-size:var(--space-inset-tight);inline-size:var(--space-inset-md)}.chat-feed-skeleton-stamp{block-size:var(--space-inset-tight);inline-size:var(--size-chat-skeleton-pill-width)}.chat-view{flex-direction:column;block-size:100%;min-block-size:0;inline-size:100%;min-inline-size:0;display:flex;overflow:hidden}.chat-view-main{flex:1;min-block-size:0;min-inline-size:0;display:flex;overflow:hidden}.chat-view-feed-column{flex-direction:column;flex:1;min-block-size:0;min-inline-size:0;display:flex;position:relative;overflow:hidden}.chat-view-feed-error{padding:var(--space-inset-md)}.chat-view-feed-tip{padding:var(--space-inset-tight) var(--space-inset-md);border:1px solid color-mix(in srgb, var(--color-border) 50%, transparent);border-radius:var(--radius-tile);background:color-mix(in srgb, var(--color-muted) 40%, transparent);font-size:var(--type-size-control-xs);color:var(--color-text-muted)}.chat-view-header{align-items:center;gap:var(--space-stack-xs);min-inline-size:0;padding:var(--space-inset-sm) var(--space-inset-md);border-block-end:1px solid color-mix(in srgb, var(--color-border) 50%, transparent);flex-shrink:0;display:flex}.chat-view-header-identity{align-items:flex-start;gap:var(--space-stack-xs);flex:1;min-inline-size:0;display:flex}.chat-view-header-avatar{--contact-avatar-size:var(--size-control-height-lg);flex-shrink:0}.chat-view-header-names{gap:var(--space-inset-2xs);flex-direction:column;flex:1;min-inline-size:0;display:flex}.chat-view-header-names .contact-name-edit{opacity:0;transition:opacity var(--motion-duration-fast) var(--motion-ease-standard)}.chat-view-header-names:hover .contact-name-edit,.chat-view-header-names .contact-name-edit:focus-visible{opacity:1}.chat-view-header-name{min-inline-size:0;font-size:var(--type-size-control-md);letter-spacing:-.01em;color:var(--color-text);align-items:center;font-weight:600;line-height:1.25;display:flex}.chat-view-header-phone{align-items:center;gap:var(--space-inset-2xs);min-inline-size:0;font-size:var(--type-size-fine);color:var(--color-text-muted);margin:0;line-height:1.25;display:flex}.chat-view-header-phone-value{font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap;flex:0 auto;min-inline-size:0;overflow:hidden}.chat-view-header-hidden-number{font-size:var(--type-size-fine);color:var(--color-text-muted);margin:0;line-height:1.25}.chat-view-header-controls{justify-content:flex-end;align-items:center;gap:var(--space-inset-xs);flex-shrink:0;align-self:center;display:flex}.chat-composer{gap:var(--space-stack-sm);padding:var(--space-inset-sm) var(--space-inset-md);border-block-start:1px solid color-mix(in srgb, var(--color-border) 50%, transparent);flex-direction:column;flex-shrink:0;display:flex}.chat-composer[data-internal]{border-block-start-color:color-mix(in srgb, var(--color-primary) 25%, transparent)}.chat-composer-skeleton{--skeleton-radius:var(--radius-control);block-size:var(--size-control-height-lg);inline-size:100%}.chat-composer-disconnected{padding-block:var(--space-inset-sm);font-size:var(--type-size-control-md);color:var(--color-text-muted);text-align:center;margin:0}.chat-composer-row{align-items:flex-end;gap:var(--space-inset-sm);min-inline-size:0;display:flex}.chat-composer-icon-button{padding:var(--space-inset-sm);border-radius:var(--radius-control);color:var(--color-text-muted);cursor:pointer;transition:background-color var(--motion-duration-fast) var(--motion-ease-standard);background:0 0;border:0;flex-shrink:0;display:inline-flex}.chat-composer-icon-button:hover{background:var(--color-muted);color:var(--color-text)}.chat-composer-icon-button[data-active]{background:color-mix(in srgb, var(--color-primary) 20%, transparent);color:var(--color-primary)}.chat-composer-input{field-sizing:content;min-block-size:var(--size-control-height-lg);max-block-size:var(--size-chat-composer-max-height);min-inline-size:0;padding:var(--space-inset-sm) var(--space-inset-tight);border:1px solid color-mix(in srgb, var(--color-border) 40%, transparent);border-radius:var(--radius-control);background:color-mix(in srgb, var(--color-muted) 50%, transparent);font-family:inherit;font-size:var(--type-size-control-md);color:var(--color-text);resize:none;transition:border-color var(--motion-duration-fast) var(--motion-ease-standard);outline:none;flex:1;line-height:1.5;overflow-y:auto}.chat-composer-input::placeholder{color:var(--color-text-placeholder)}.chat-composer-input:focus{border-color:color-mix(in srgb, var(--color-border) 65%, transparent)}.chat-composer[data-internal] .chat-composer-input{border-color:color-mix(in srgb, var(--color-primary) 25%, transparent);background:color-mix(in srgb, var(--color-primary) 20%, transparent)}.chat-composer[data-internal] .chat-composer-input:focus{border-color:color-mix(in srgb, var(--color-primary) 45%, transparent)}.chat-composer-send{padding:var(--space-inset-sm);border-radius:var(--radius-control);background:var(--color-primary);color:var(--color-on-primary);cursor:pointer;transition:background-color var(--motion-duration-fast) var(--motion-ease-standard), scale var(--motion-duration-fast) var(--motion-ease-standard);border:0;flex-shrink:0;display:inline-flex}.chat-composer-send:active:not(:disabled){scale:.95}.chat-composer-send:hover:not(:disabled){background:color-mix(in srgb, var(--color-primary) 90%, transparent)}.chat-composer-send:disabled{opacity:.5;cursor:not-allowed}