.chat-app{display:grid;grid-template-columns:minmax(230px,30%) minmax(0,1fr);height:calc(100dvh - 165px);min-height:430px;border:1px solid var(--border);border-radius:18px;overflow:hidden;background:var(--surface)}
.chat-sidebar{overflow:auto;border-right:1px solid var(--border);padding:16px;min-width:0}.chat-sidebar h2{font-size:14px;margin:20px 0 8px}.chat-list-tools label{display:grid;gap:8px}.chat-list-tools input{width:100%;min-width:0}.chat-list-tools>.button{margin-top:10px}.chat-conversation{display:flex;align-items:center;gap:10px;width:100%;padding:12px 8px;border:0;border-radius:12px;background:transparent;color:inherit;text-align:left;cursor:pointer}.chat-conversation:hover,.chat-conversation.selected{background:color-mix(in srgb,var(--primary,#8056bb) 18%,transparent)}.chat-conversation>span:nth-child(2){min-width:0;flex:1}.chat-conversation strong,.chat-conversation small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-avatar{display:grid;place-items:center;flex:none;width:38px;height:38px;border-radius:50%;background:#7750ac;color:#fff}.chat-unread{background:#7750ac;color:white;border-radius:14px;padding:2px 7px}.chat-pane{display:flex;flex-direction:column;min-height:0;min-width:0}.chat-header{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid var(--border);flex-wrap:wrap}.chat-header>div{flex:1;min-width:0}.chat-header h2{font-size:18px;margin:0;overflow-wrap:anywhere}.chat-header #chat-typing{font-size:12px;display:block;min-height:18px}.chat-header details{position:relative}.chat-header details .chat-actions{position:absolute;right:0;z-index:3;background:var(--surface,#302b35);padding:12px;border:1px solid var(--border);min-width:180px}.chat-search{display:flex;align-items:end;gap:8px;padding:10px 16px;flex-wrap:wrap}.chat-search label{display:grid;gap:4px;font-size:12px;flex:1;min-width:100px}.chat-search input,.chat-search select{width:100%;min-width:0;height:40px}.chat-log{overflow:auto;overscroll-behavior:contain;padding:16px;flex:1;min-height:0;display:flex;flex-direction:column;gap:12px;scroll-behavior:auto}.chat-message{align-self:flex-start;max-width:85%;min-width:140px;padding:12px 14px;background:color-mix(in srgb,var(--primary,#8056bb) 10%,transparent);border:1px solid var(--border);border-radius:16px 16px 16px 4px;overflow-wrap:anywhere}.chat-message.own{align-self:flex-end;background:color-mix(in srgb,#8c67c9 24%,transparent);border-radius:16px 16px 4px 16px}.chat-message p{white-space:pre-wrap;margin:7px 0;line-height:1.5}.chat-message header,.chat-message footer{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:12px}.chat-message time{opacity:.7}.chat-message blockquote{border-left:3px solid #9774c4;margin:4px 0;padding:6px 10px;font-size:13px}.chat-message footer{justify-content:flex-end}.chat-actions{display:flex;gap:5px;flex-wrap:wrap}.chat-actions .button{min-height:36px}.chat-file{display:block;padding:8px}.chat-reactions{display:flex;gap:4px}.chat-poll{display:grid;gap:6px;border:0;padding:8px 0}.chat-poll button{text-align:left;justify-content:space-between;white-space:normal}.chat-composer{border-top:1px solid var(--border);padding:12px 16px;padding-bottom:max(12px,env(safe-area-inset-bottom));flex:none}.chat-composer textarea{width:100%;min-height:65px;max-height:150px;resize:vertical;font:inherit}.chat-compose-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:8px}.chat-compose-actions>button[type=submit]{margin-left:auto}.chat-attach{cursor:pointer}.chat-compose-actions [role=status]{font-size:12px;flex:1}.chat-empty{padding:24px}.chat-archived{padding:16px}.chat-pin{display:block;border:0;padding:6px 16px;background:transparent;color:inherit;text-align:left;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-search .button{min-height:40px}#chat-context:empty{display:none}.chat-header>button[data-chat=back]{display:none}
@media(max-width:1000px){.chat-app{grid-template-columns:220px minmax(0,1fr)}.chat-search label{min-width:90px}}
@media(max-width:700px){.in-chat .page{padding:8px}.chat-app{display:block;height:calc(100dvh - 160px);min-height:300px;border-radius:12px}.chat-sidebar,.chat-pane{height:100%}.chat-pane{display:none}.chat-open .chat-sidebar{display:none}.chat-open .chat-pane{display:flex}.chat-header>button[data-chat=back]{display:inline-flex}.chat-header{padding:8px}.chat-header h2{font-size:16px}.chat-search{padding:8px;gap:5px}.chat-search label:first-child{flex-basis:100%}.chat-search label{min-width:90px}.chat-message{max-width:92%}.chat-log{padding:10px}.chat-composer{padding:8px}.chat-composer textarea{font-size:16px;min-height:52px}.chat-compose-actions{gap:5px}.chat-compose-actions .button{min-height:44px}.chat-header .button{font-size:12px}.chat-app input,.chat-app select{font-size:16px}}
.chat-image{display:block;max-width:100%;max-height:260px;border-radius:10px;object-fit:contain;margin:8px 0}
.chat-search-wrap>summary{padding:8px 16px;font-size:13px;cursor:pointer}.chat-composer .button.primary{background:#7650af;color:#fff}.chat-compose-actions{min-width:0}
@media(max-width:700px){.in-chat .main>.page{position:fixed;inset:0 0 auto;z-index:60;height:calc(var(--chat-vh,100dvh) - var(--chat-nav-height,calc(67px + env(safe-area-inset-bottom))));padding:0;background:var(--surface,#29252f)}.in-chat .chat-app{height:100%;min-height:0;border-radius:0;border:0}.in-chat .chat-sidebar{padding-top:max(12px,env(safe-area-inset-top))}.in-chat .chat-header{padding-top:max(8px,env(safe-area-inset-top))}.chat-keyboard.in-chat .main>.page{height:var(--chat-vh,100dvh)}.chat-keyboard .mobile-bottom-nav{display:none}.chat-log{min-height:30px}.chat-composer textarea{resize:none;max-height:90px}.chat-search-wrap[open]{max-height:220px;overflow:auto}}

/* Predictable filter rows, including Safari's intrinsic date-input sizing. */
.chat-search{display:grid;grid-template-columns:minmax(160px,2fr) minmax(120px,1fr) minmax(140px,1fr);gap:12px;align-items:start}
.chat-search label{display:grid;grid-template-rows:20px 44px;gap:6px;min-width:0;font-size:14px;line-height:20px;margin:0}
.chat-search input,.chat-search select{box-sizing:border-box;display:block;width:100%;min-width:0;max-width:100%;height:44px;min-height:44px;margin:0;padding:8px 10px;font:inherit;font-size:16px;line-height:24px}
.chat-search input[type=date]{appearance:none;-webkit-appearance:none}
.chat-search input[type=date]::-webkit-date-and-time-value{text-align:left;min-height:24px}
.chat-search-actions{grid-column:1/-1;display:flex;justify-content:flex-end;gap:8px}
.chat-search-actions .button{min-height:44px;margin:0}
.chat-search-wrap{flex-shrink:0}.chat-search-wrap>summary{min-height:44px;box-sizing:border-box;display:list-item;align-content:center;font-size:14px}
@media(max-width:700px){.chat-search{grid-template-columns:minmax(0,1fr) minmax(0,1fr);padding:8px 12px 12px;gap:10px}.chat-search label:first-child{grid-column:1/-1}.chat-search-actions>.button{flex:1}.chat-search-wrap[open]{max-height:45dvh;overflow:auto}.chat-message p{font-size:16px;line-height:1.45}.chat-compose-actions .button{font-size:14px}.chat-header h2{font-size:18px}}
@media(min-width:701px) and (max-width:1100px){.chat-search{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.chat-search label:first-child{grid-column:1/-1}}