.chat-page{padding-block:20px}.chat{--chat-line:var(--color-border-input);--chat-muted:var(--color-text-form);--chat-soft:#edeeef;height:max(640px, calc(100vh - var(--header-h) - 40px));border:1px solid var(--chat-line);background:#f8f9fa;border-radius:12px;grid-template-columns:242px minmax(0,1fr) 280px;display:grid;overflow:hidden}.chat-list{border-right:1px solid var(--chat-line);background:var(--color-white);flex-direction:column;min-height:0;display:flex}.chat-list__head{flex-direction:column;gap:16px;padding:24px;display:flex}.chat-list__title{font-size:var(--fs-24);letter-spacing:-.24px;color:var(--color-text);font-weight:600;line-height:32px}.chat-search{display:block;position:relative}.chat-search img{pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.chat-search input{border-radius:var(--radius-xs);background:var(--chat-soft);width:100%;font-size:var(--fs-14);color:var(--color-text);border:1px solid #0000;padding:13px 16px 14px 40px}.chat-search input::placeholder{color:#6b7280}.chat-search input:focus{border-color:var(--color-brand-accent);outline:none}.chat-list__items{flex:1;overflow-y:auto}.chat-list__empty{font-size:var(--fs-12);color:var(--chat-muted);padding:16px 24px}.chat-item{border-bottom:1px solid var(--chat-soft);text-align:left;cursor:pointer;width:100%;transition:background var(--dur) var(--ease);border-left:4px solid #0000;align-items:flex-start;gap:16px;padding:16px 16px 17px;display:flex}.chat-item:hover{background:var(--color-surface-muted)}.chat-item[aria-pressed=true]{border-bottom-color:#0000;border-left-color:var(--color-brand);background:#4caf501a;padding-left:20px}.chat-item:focus-visible{outline:2px solid var(--color-brand-accent);outline-offset:-2px}.chat-item[hidden]{display:none}.chat-item__body{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.chat-item__top{justify-content:space-between;gap:8px;display:flex}.chat-item__name{font-size:var(--fs-12);white-space:nowrap;text-overflow:ellipsis;color:var(--color-text);font-weight:700;line-height:16px;overflow:hidden}.chat-item__time{font-size:var(--fs-10);color:var(--chat-muted);flex:none;font-weight:700;line-height:12px}.chat-item__preview{font-size:var(--fs-12);color:var(--chat-muted);line-height:16px}.chat-item--unread .chat-item__preview{white-space:nowrap;text-overflow:ellipsis;font-weight:700;overflow:hidden}.chat-avatar{flex:none;place-items:center;width:48px;height:48px;display:grid;position:relative}.chat-avatar>img{object-fit:cover;border-radius:50%;width:100%;height:100%}.chat-avatar--group{background:#33a0fe;border-radius:50%}.chat-avatar--group>img{border-radius:0;width:24px;height:12px}.chat-avatar--sm{width:40px;height:40px}.chat-avatar__dot{border:2px solid var(--color-white);background:var(--chat-line);border-radius:50%;width:12px;height:12px;position:absolute;bottom:0;right:0}.chat-avatar--sm .chat-avatar__dot{width:10px;height:10px}.chat-avatar__dot.is-online{background:var(--color-brand)}.chat-avatar__dot[hidden]{display:none}.chat-window{background:var(--color-white);flex-direction:column;min-width:0;min-height:0;display:flex}.chat-window__head{border-bottom:1px solid var(--chat-line);flex:none;align-items:center;gap:16px;height:64px;padding:0 24px;display:flex}.chat-window__back{cursor:pointer;border-radius:50%;place-items:center;width:32px;height:32px;margin-right:-8px;display:none}.chat-window__name{color:var(--color-text);font-size:18px;font-weight:600;line-height:22.5px}.chat-window__status{font-size:var(--fs-10);color:var(--color-brand);align-items:center;gap:4px;font-weight:700;line-height:12px;display:flex}.chat-window__status:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.chat-window__status.is-offline{color:var(--chat-muted)}.chat-window .chat-thread{background:#f8f9fa;flex-direction:column;flex:1;gap:24px;padding:24px;display:flex;overflow-y:auto}.chat-thread__day{justify-content:center;display:flex}.chat-thread__day span{border-radius:var(--radius-pill);background:var(--chat-soft);font-size:var(--fs-10);color:var(--chat-muted);padding:8px 16px;font-weight:700;line-height:12px}.chat-msg{max-width:min(420px,85%);display:flex}.chat-msg--received{align-items:flex-end;gap:16px}.chat-msg--received>div{min-width:0}.chat-msg__avatar{object-fit:cover;border-radius:50%;flex:none;width:32px;height:32px;margin-bottom:19px}.chat-msg--sent{flex-direction:column;align-self:flex-end;align-items:flex-end}.chat-msg__bubble{background:var(--color-surface-muted);filter:drop-shadow(0 1px 1px #0000000d);font-size:var(--fs-14);white-space:pre-line;overflow-wrap:anywhere;color:var(--color-text);border-radius:12px 12px 12px 4px;padding:16px;line-height:20px}.chat-msg--sent .chat-msg__bubble{background:var(--color-brand-soft);filter:none;border-radius:12px 12px 4px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.chat-msg__meta{font-size:var(--fs-10);color:var(--chat-muted);align-items:center;gap:4px;padding:4px 4px 0;line-height:15px;display:flex}.chat-typing{font-size:var(--fs-10);color:var(--chat-muted);align-items:center;gap:8px;padding-left:48px;line-height:15px;display:flex}.chat-typing[hidden]{display:none}.chat-typing>span{gap:4px;display:flex}.chat-typing i{background:var(--chat-line);border-radius:50%;width:6px;height:6px;animation:1.2s ease-in-out infinite chat-typing}.chat-typing i:nth-child(2){animation-delay:.15s}.chat-typing i:nth-child(3){animation-delay:.3s}@keyframes chat-typing{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-3px)}}@media (prefers-reduced-motion:reduce){.chat-typing i{animation:none}}.chat-composer{border-top:1px solid var(--chat-line);background:var(--color-white);flex-direction:column;flex:none;gap:12px;padding:25px 24px 24px;display:flex}.chat-composer__box{background:var(--chat-soft);border:1px solid #0000;border-radius:12px;align-items:center;gap:16px;padding:8px;display:flex}.chat-composer__box:focus-within{border-color:var(--color-brand-accent)}.chat-composer__tools{flex:none;align-items:center;gap:4px;display:flex}.chat-composer__tools>button,.chat-composer__tools>label{border-radius:var(--radius-xs);cursor:pointer;width:40px;height:40px;transition:background var(--dur) var(--ease);place-items:center;display:grid}.chat-composer__tools>button:hover,.chat-composer__tools>label:hover{background:#ffffffb3}.chat-composer__tools>label:focus-within{outline:2px solid var(--color-brand-accent)}.chat-composer__tools>.chat-composer__send{background:var(--color-brand)}.chat-composer__tools>.chat-composer__send:hover{background:var(--color-brand-hover)}.chat-composer__input{field-sizing:content;resize:none;min-width:0;max-height:120px;font-size:var(--fs-14);color:var(--color-text);background:0 0;border:0;flex:1;padding:13px 8px 14px;line-height:17px}.chat-composer__input::placeholder{color:#6b7280}.chat-composer__input:focus{outline:none}.chat-composer__hints{font-size:var(--fs-10);color:var(--chat-muted);flex-wrap:wrap;justify-content:space-between;gap:8px 16px;padding-inline:8px;line-height:15px;display:flex}.chat-composer__hints p{align-items:center;gap:4px;display:flex}.chat-composer__hints kbd{font-family:inherit;font-weight:700}.chat-composer__hints kbd+kbd{margin-left:12px}.chat-info{border-left:1px solid var(--chat-line);background:var(--color-white);overflow-y:auto}.chat-info__profile{text-align:center;flex-direction:column;align-items:center;gap:9px;padding:24px;display:flex}.chat-info__avatar{object-fit:cover;border-radius:50%;width:96px;height:96px;margin-bottom:16px;box-shadow:0 0 0 4px #006e1c1a}.chat-info__avatar--group{object-fit:contain;background:#33a0fe;padding:30px 24px}.chat-info__name{color:var(--color-text);font-size:18px;font-weight:600;line-height:24px}.chat-info__role{font-size:var(--fs-12);color:var(--chat-muted);line-height:16px}.chat-info__tag{border-radius:var(--radius-xs);background:var(--color-brand-accent-strong);font-size:var(--fs-14);color:var(--color-white);padding:4px 12px;line-height:16px}.chat-info__tag[hidden]{display:none}.chat-info__actions{gap:16px;width:100%;display:flex}.chat-info__actions a{border-radius:var(--radius-xs);background:var(--chat-soft);font-size:var(--fs-10);color:var(--color-text);transition:background var(--dur) var(--ease);flex-direction:column;flex:1;align-items:center;gap:4px;padding:12px;font-weight:700;line-height:15px;display:flex}.chat-info__actions a:hover{background:var(--color-brand-soft)}.chat-info__block{flex-direction:column;gap:12px;padding:0 24px 24px;display:flex}.chat-info__block[hidden]{display:none}.chat-info__heading{font-size:var(--fs-10);letter-spacing:.5px;text-transform:uppercase;color:var(--chat-muted);font-weight:700;line-height:12px}.chat-stats{flex-direction:column;gap:16px;margin:0;display:flex}.chat-stats div{border-radius:var(--radius-xs);font-size:var(--fs-12);background:#f8f9fa;justify-content:space-between;align-items:center;padding:16px;line-height:16px;display:flex}.chat-stats dt{color:var(--color-text);align-items:center;gap:12px;display:flex}.chat-stats dd{color:var(--color-brand);margin:0;font-weight:700}.chat-files{flex-direction:column;gap:12px;display:flex}.chat-file{border-radius:var(--radius-xs);transition:background var(--dur) var(--ease);align-items:center;gap:12px;padding:12px;display:flex}.chat-file:hover{background:#f8f9fa}.chat-file>span:last-child{min-width:0;font-size:var(--fs-10);color:var(--chat-muted);flex-direction:column;line-height:15px;display:flex}.chat-file strong{font-size:var(--fs-12);white-space:nowrap;text-overflow:ellipsis;color:var(--color-text);line-height:16px;overflow:hidden}.chat-file__icon{border-radius:4px;flex:none;place-items:center;width:40px;height:40px;display:grid}.chat-file__icon--red{background:#ffdad64d}.chat-file__icon--green{background:#4caf504d}.chat-info__more{cursor:pointer;width:100%;font-size:var(--fs-12);text-align:center;color:var(--color-text);padding-block:12px;font-weight:700;line-height:16px}.chat-info__more:hover{color:var(--color-brand)}@media (width<=1279.98px){.chat{grid-template-columns:260px minmax(0,1fr)}.chat-info{display:none}}@media (width<=767.98px){.chat-page{padding-block:8px 16px}.chat{height:calc(100dvh - var(--header-h) - 24px);grid-template-columns:minmax(0,1fr);min-height:520px}.chat-list{border-right:0}.chat-window,.chat.is-thread-open .chat-list{display:none}.chat.is-thread-open .chat-window{display:flex}.chat-window__back{display:grid}.chat-window__head{padding-inline:12px}.chat-window .chat-thread{padding:16px 12px}.chat-msg{max-width:92%}.chat-msg--received{gap:8px}.chat-typing{padding-left:40px}.chat-composer{padding:12px}.chat-composer__box{gap:4px;padding:4px}.chat-composer__tools:first-child,.chat-composer__hints p:first-child{display:none}}