.chat-panel{display:flex;gap:var(--space-4);min-height:32rem;max-height:75vh;max-width:64rem;margin:0 auto;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-xl);overflow:hidden}.chat-panel__list{flex:0 0 18rem;border-right:1px solid var(--border-color);overflow-y:auto}@media(max-width:768px){.chat-panel__list{flex:1 1 auto;border-right:none}.chat-panel__list--hidden-mobile{display:none}}.chat-panel__thread{flex:1 1 auto;display:flex;flex-direction:column;min-width:0}@media(max-width:768px){.chat-panel__thread--hidden-mobile{display:none}}.chat-panel__thread-header{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-color)}.chat-panel__thread-title{flex:1;margin:0;font-size:var(--text-base);font-weight:700;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-panel__back{display:none;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:var(--radius-md);background:rgba(0,0,0,0);color:var(--text-secondary);cursor:pointer}.chat-panel__back:hover{background:var(--bg-secondary);color:var(--text-primary)}@media(max-width:768px){.chat-panel__back{display:flex}}.chat-panel__empty{flex:1;display:flex;align-items:center;justify-content:center;padding:var(--space-8);color:var(--text-secondary);text-align:center}.chat-channel-list{list-style:none;margin:0;padding:var(--space-2);display:flex;flex-direction:column;gap:var(--space-1)}.chat-channel-list--empty{padding:var(--space-6) var(--space-4);text-align:center}.chat-channel-item{width:100%;display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-1) var(--space-2);padding:var(--space-3);border:none;border-radius:var(--radius-md);background:rgba(0,0,0,0);cursor:pointer;text-align:left;transition:background var(--transition-fast,.15s ease)}.chat-channel-item:hover{background:var(--bg-secondary)}.chat-channel-item--active{background:var(--color-navy,#0f172a)}.chat-channel-item--active .chat-channel-item__muted-icon,.chat-channel-item--active .chat-channel-item__name,.chat-channel-item--active .chat-channel-item__preview{color:#fff}.chat-channel-item__name{flex:1 1 100%;display:flex;align-items:center;gap:var(--space-1);font-weight:600;font-size:var(--text-sm);color:var(--text-primary)}.chat-channel-item__muted-icon{display:inline-flex;color:var(--text-secondary)}.chat-channel-item__preview{flex:1 1 auto;font-size:var(--text-xs);color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.chat-channel-item__badge{flex-shrink:0}.chat-message-thread{flex:1;overflow-y:auto;padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3)}.chat-message-thread--empty{align-items:center;justify-content:center;text-align:center}.chat-message-bubble{align-self:flex-start;max-width:85%;display:flex;flex-direction:column;gap:var(--space-1)}.chat-message-bubble--own{align-self:flex-end}.chat-message-bubble--own .chat-message-bubble__content{background:var(--color-navy,#0f172a);color:var(--text-inverse,#fff)}.chat-message-bubble--own .chat-message-bubble__footer{justify-content:flex-end}.chat-message-bubble__sender{font-size:var(--text-xs);font-weight:600;color:var(--text-secondary);padding:0 var(--space-1)}.chat-message-bubble__content{background:var(--bg-secondary);border-radius:var(--radius-lg);padding:var(--space-3);overflow:hidden}.chat-message-bubble__text{margin:0;font-size:var(--text-sm);white-space:pre-wrap;word-break:break-word}.chat-message-bubble__photo{display:block;max-width:100%;border-radius:var(--radius-md);margin-bottom:var(--space-2)}.chat-message-bubble__footer{display:flex;align-items:center;gap:var(--space-2);padding:0 var(--space-1)}.chat-message-bubble__time{font-size:var(--text-xs);color:var(--text-tertiary,var(--text-secondary))}.chat-ack-btn{display:inline-flex;align-items:center;gap:.25rem;padding:.15rem .4rem;border:none;border-radius:var(--radius-full,9999px);background:rgba(0,0,0,0);color:var(--text-secondary);cursor:pointer;font-size:var(--text-xs);transition:all var(--transition-fast,.15s ease)}.chat-ack-btn:hover{background:var(--bg-tertiary)}.chat-ack-btn--active{color:var(--color-navy,#0f172a);background:rgba(15,23,42,.1)}[data-theme=dark] .chat-ack-btn--active{color:#93c5fd;background:rgba(147,197,253,.15)}.chat-ack-btn__count{font-weight:600}.chat-card-message{display:flex;flex-direction:column;gap:var(--space-2)}.chat-card-message__comment{margin:0;font-size:var(--text-sm)}.chat-card-message--unsupported{padding:var(--space-3);border:1px dashed var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--text-sm);font-style:italic}.chat-shared-card{display:flex;gap:var(--space-3);background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-2);max-width:20rem}.chat-shared-card__thumbnail{width:4.5rem;height:4.5rem;flex-shrink:0;-o-object-fit:cover;object-fit:cover;border-radius:var(--radius-md)}.chat-shared-card__body{display:flex;flex-direction:column;gap:.2rem;min-width:0}.chat-shared-card__kind{font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--color-navy,#0f172a)}[data-theme=dark] .chat-shared-card__kind{color:#93c5fd}.chat-shared-card__title{margin:0;font-size:var(--text-sm);font-weight:600;color:var(--text-primary);overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.chat-shared-card__subtitle{margin:0;font-size:var(--text-xs);color:var(--text-secondary)}.chat-composer{border-top:1px solid var(--border-color);padding:var(--space-3);background:var(--bg-primary)}.chat-composer__row{display:flex;align-items:flex-end;gap:var(--space-2)}.chat-composer__file-input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.chat-composer__attach-btn,.chat-composer__send-btn{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;border-radius:var(--radius-full,9999px);background:var(--bg-secondary);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast,.15s ease)}.chat-composer__attach-btn:hover,.chat-composer__send-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.chat-composer__send-btn{background:var(--color-navy,#0f172a);color:#fff}.chat-composer__send-btn:hover{background:var(--color-navy-dark,#020617)}.chat-composer__send-btn:disabled{opacity:.5;cursor:not-allowed}.chat-composer__input{flex:1;min-height:40px;max-height:8rem;padding:var(--space-2) var(--space-3);border:1px solid var(--border-color);border-radius:var(--radius-lg);background:var(--bg-secondary);color:var(--text-primary);font:inherit;font-size:var(--text-sm);resize:none}.chat-composer__input:focus{outline:none;border-color:var(--color-navy,#0f172a)}.chat-composer__photo-preview{position:relative;display:inline-block;margin-bottom:var(--space-2)}.chat-composer__photo-preview img{max-height:5rem;border-radius:var(--radius-md);display:block}.chat-composer__photo-preview button{position:absolute;top:-.4rem;right:-.4rem;display:flex;align-items:center;justify-content:center;width:22px;height:22px;border:none;border-radius:50%;background:var(--color-navy,#0f172a);color:#fff;cursor:pointer}@media(max-width:480px){.chat-composer{padding:var(--space-2)}.chat-composer__attach-btn,.chat-composer__send-btn{width:36px;height:36px}}.share-to-chat-btn{display:inline-flex;align-items:center;gap:.35rem;padding:.4rem .7rem;border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-secondary);color:var(--text-secondary);font-size:var(--text-xs);font-weight:600;cursor:pointer;transition:all var(--transition-fast,.15s ease)}.share-to-chat-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.share-to-chat-btn__label{white-space:nowrap}@media(max-width:380px){.share-to-chat-btn{padding:.4rem}.share-to-chat-btn__label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}}.chat-share-modal__field-label{display:block;font-size:var(--text-sm);font-weight:600;color:var(--text-primary);margin:var(--space-3) 0 var(--space-2)}.chat-share-modal__channel-list{display:flex;flex-direction:column;gap:var(--space-2);max-height:12rem;overflow-y:auto;border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-2)}.chat-share-modal__channel-option{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-primary);cursor:pointer}.chat-share-modal__comment{width:100%;padding:var(--space-2) var(--space-3);border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-secondary);color:var(--text-primary);font:inherit;font-size:var(--text-sm);resize:vertical}