.chats-panel{--bottom-composer-offset:calc(18px + env(safe-area-inset-bottom));position:relative;overflow:hidden;display:grid;padding:0}.chats-panel .thread-list{min-height:0;overflow:auto;padding:14px 14px 90px}.thread-list{display:grid;align-content:start;gap:22px}.projects-section,.thread-section{display:grid;gap:8px}.projects-section h2,.recent-threads h2{margin:0}.project-list{display:grid;gap:20px}.project-thread-preview{gap:6px}.project-button{width:100%;min-height:48px;display:flex;align-items:center;justify-content:flex-start;gap:8px;padding:4px 2px;border:0;background:transparent;text-align:left;box-shadow:none}.project-button.active{border-color:#7890ec;background:#222735}.project-thread-preview .project-button h3{min-width:0;margin:0;overflow:hidden;color:inherit;font-size:16px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.project-folder-icon{width:18px;height:18px;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:1.8}.project-thread-preview .thread-section-list{padding-left:18px}.project-load-more{justify-self:start;min-height:40px;margin-left:18px;padding:4px 10px;border:0;background:transparent;color:#aeb4be;box-shadow:none;text-align:left}.thread-section h3{margin:0;color:#aeb4be;font-size:13px;font-weight:600}.thread-section-list{display:grid;gap:5px}.thread-row{width:100%;min-height:42px;display:grid;grid-template-columns:minmax(0,1fr) 10px auto;align-items:center;gap:10px;padding:8px 10px;text-align:left}.thread-row.active{border-color:#7890ec;background:#222735}.thread-title{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.thread-status-dot{width:8px;height:8px;border-radius:50%;justify-self:center;background:transparent}.thread-status-dot--notification{background:#ef5350;box-shadow:0 0 7px rgba(239,83,80,.6)}.thread-status-dot--active{background:#f0a33a;box-shadow:0 0 7px rgba(240,163,58,.6)}.thread-row time{color:#aeb4be;font-size:13px;white-space:nowrap}.load-more{width:100%}.thread-state.error{color:#ffb5ba}.new-chat-fab{position:absolute;right:18px;bottom:var(--bottom-composer-offset);min-width:72px;height:56px;padding:0 18px;border-radius:28px;font-size:16px;font-weight:700;line-height:1;box-shadow:0 8px 24px rgba(0,0,0,.4);z-index:2}.new-chat-panel{min-height:0;overflow:auto;display:grid;grid-template-rows:auto 1fr;padding:14px}.project-picker{width:min(100%,560px);align-self:center;justify-self:center;display:grid;gap:12px}.project-picker h2,.project-picker p{margin:0}.project-picker>p{color:#aeb4be}.project-picker-list{display:grid;gap:8px}.project-picker-list button{min-height:60px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;text-align:left}.project-picker-list span{color:#aeb4be;font-size:13px}
.virtual-thread-list{position:relative;min-height:0}.virtual-thread-row{position:absolute;inset:0 0 auto;height:48px}.virtual-thread-row .thread-row,.virtual-thread-row>.thread-row-shell{height:48px}.virtual-thread-row>.thread-row-shell.archived{display:grid}
.chat-context-menu{position:fixed;right:14px;z-index:20;display:grid;gap:2px;width:fit-content;min-width:140px;max-width:calc(100vw - 28px);max-height:calc(100dvh - 24px);padding:4px;overflow-y:auto;border:1px solid #50535e;border-radius:10px;background:#30323b;box-shadow:0 12px 30px rgba(0,0,0,.4)}.chat-context-menu button{width:100%;min-height:48px;padding:8px 10px;border:0;border-radius:6px;background:transparent;text-align:left;white-space:nowrap}.chat-context-menu button:hover{background:#40434d}.chat-context-menu .danger-menuitem{color:#ffb5ba}
.chat-transition{display:grid;place-content:center;justify-items:center;gap:12px;min-height:0;padding:24px;text-align:center}.chat-transition h2,.chat-transition p{margin:0}.chat-transition p{display:-webkit-box;max-width:min(100%,420px);overflow:hidden;color:#aeb4be;overflow-wrap:anywhere;-webkit-box-orient:vertical;-webkit-line-clamp:2}.chat-transition-spinner{width:28px;height:28px;border:3px solid #343840;border-top-color:#f0a33a;border-radius:50%;animation:chat-transition-spin .75s linear infinite}.chat-transition-error{display:grid;gap:14px;max-width:420px;color:#ff8b88}.chat-transition-error div{display:flex;justify-content:center;gap:10px}.chat-transition-error button{min-height:48px;padding:0 18px}@keyframes chat-transition-spin{to{transform:rotate(360deg)}}
html[data-theme="light"] .app-shell .thread-state{background-color:transparent!important;color:#57606a!important}
html[data-theme="light"] .app-shell .chat-transition-spinner{border-color:#d0d7de!important;border-top-color:#0969da!important}
html[data-theme="light"] .app-shell .chat-context-menu{background:#fff!important;border-color:#d0d7de!important;box-shadow:0 12px 28px rgba(31,35,40,.16)!important}html[data-theme="light"] .app-shell .chat-context-menu button{background:transparent!important;border-color:transparent!important}html[data-theme="light"] .app-shell .chat-context-menu button:hover{background:#eaeef2!important}
@media(max-width:640px){.chats-panel{--bottom-composer-offset:calc(14px + env(safe-area-inset-bottom))}.thread-row{min-height:48px}.new-chat-fab{right:14px}}
.thread-row{grid-template-columns:minmax(0,1fr) 10px auto}
.chat-search-bar,.project-chat-composer{position:absolute;left:18px;right:18px;bottom:var(--bottom-composer-offset);z-index:2;display:grid;grid-template-columns:minmax(0,1fr) 56px;align-items:end;height:56px;margin:0;gap:10px}.chat-search-input{width:100%;height:56px;padding:0 18px;border:1px solid #50535e;border-radius:28px;background:#30323b;box-shadow:0 8px 24px rgba(0,0,0,.4);font-size:16px}.chat-search-bar .new-chat-fab{position:static;min-width:56px;width:56px;height:56px;padding:0;border-radius:50%;display:grid;place-items:center}.new-chat-icon{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.project-chat-header{position:relative;display:grid;min-height:48px;padding:0 60px;place-items:center}.project-chat-header h2{width:100%;min-width:0;margin:0;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}
.project-chat-composer{grid-template-columns:minmax(0,1fr) 56px}.project-chat-composer .new-chat-fab{position:static;min-width:56px;width:56px;height:56px;padding:0;border-radius:50%;font-size:24px}.project-chat-error{position:absolute;left:0;right:66px;bottom:calc(100% + 6px);margin:0;padding:0 12px;color:#ffb5ba;font-size:13px}
@media(max-width:640px){.chat-search-bar,.project-chat-composer{left:14px;right:14px}}
.chats-panel{-webkit-user-select:none;user-select:none}.chats-panel input{-webkit-user-select:text;user-select:text}
.chats-panel .thread-list{overscroll-behavior-y:contain}
.pinned-threads h2{margin:0}
.thread-row-shell{display:contents}.thread-row-shell.archived{display:grid;grid-template-columns:minmax(0,1fr) 48px;align-items:center;gap:0;border:0;border-radius:0;background:transparent;box-shadow:none;overflow:hidden}.thread-row-shell.archived :is(.thread-row,.archived-chat-delete){border:0;border-radius:0;background:transparent;box-shadow:none}.archived-chat-delete{min-width:48px;min-height:48px;display:grid;place-items:center;padding:0;color:#b7bac3}.archived-chat-delete:hover{background:rgba(255,181,186,.08);color:#ffb5ba}.archived-chat-delete-icon{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.chat-search-bar.archived{grid-template-columns:minmax(0,1fr)}.archive-loading{min-height:50dvh;display:grid;place-items:center}html[data-theme="light"] .app-shell .thread-row-shell.archived{border:0!important;background:transparent!important;background-color:transparent!important;box-shadow:none!important}html[data-theme="light"] .app-shell .thread-row-shell.archived :is(.thread-row,.archived-chat-delete){background:transparent!important;background-color:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important}html[data-theme="light"] .app-shell .archived-chat-delete{color:#57606a!important}html[data-theme="light"] .app-shell .archived-chat-delete:hover{background:rgba(207,34,46,.06)!important;color:#cf222e!important}
.chat-confirm-backdrop{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:16px;background:rgba(0,0,0,.66)}.chat-confirm-dialog{display:grid;gap:12px;width:min(100%,430px);max-height:calc(100dvh - 32px);overflow:auto;padding:18px;border:1px solid #2b2e34;border-radius:14px;background:#181a1f;box-shadow:0 18px 44px rgba(0,0,0,.45)}.chat-confirm-dialog h2,.chat-confirm-dialog p{margin:0}.chat-confirm-dialog h2{font-size:18px}.chat-confirm-dialog p{color:#aeb4be;font-size:14px;line-height:1.5}.chat-confirm-thread{min-width:0;overflow:hidden;color:#f4f1eb;text-overflow:ellipsis;white-space:nowrap}.chat-confirm-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:4px}.chat-confirm-actions button{min-height:48px;font-weight:700}.chat-confirm-cancel{background:#202329}.chat-confirm-delete{border-color:#c93c45;background:#c93c45;color:#fff}.chat-confirm-delete:hover{background:#dc4c55}html[data-theme="light"] .app-shell .chat-confirm-backdrop{background:rgba(31,35,40,.32)!important}html[data-theme="light"] .app-shell .chat-confirm-dialog{background:#fff!important;background-color:#fff!important;border-color:#d0d7de!important;box-shadow:0 18px 44px rgba(31,35,40,.2)!important}html[data-theme="light"] .app-shell .chat-confirm-dialog p{color:#57606a!important}html[data-theme="light"] .app-shell .chat-confirm-delete{border-color:#cf222e!important;background:#cf222e!important;background-color:#cf222e!important;color:#fff!important}html[data-theme="light"] .app-shell .chat-confirm-delete:hover{background:#a40e26!important;background-color:#a40e26!important}
.chat-context-menu{transform-origin:right top;animation:anchored-popup-in var(--motion-popup) var(--motion-ease-out) both}.chat-confirm-backdrop{animation:motion-backdrop-in var(--motion-popup) ease both}.chat-confirm-dialog{animation:motion-dialog-in var(--motion-sheet) var(--motion-ease-out) both}
.chat-context-menu--exit{pointer-events:none;animation:anchored-popup-out var(--motion-popup) var(--motion-ease) both}.chat-confirm-backdrop--exit{pointer-events:none;animation:motion-backdrop-out var(--motion-sheet) ease both}.chat-confirm-dialog--exit{animation:motion-dialog-out var(--motion-sheet) var(--motion-ease) both}@keyframes anchored-popup-out{from{opacity:1;transform:none}to{opacity:0;transform:translateY(-5px) scale(.96)}}@keyframes motion-backdrop-out{from{opacity:1}to{opacity:0}}@keyframes motion-dialog-out{from{opacity:1;transform:none}to{opacity:0;transform:translateY(8px) scale(.96)}}
.projects-heading h2{margin:0}.chat-view-toggle{position:absolute;top:14px;right:14px;z-index:3;width:48px;height:48px;min-height:48px;display:grid;padding:0;border:0;background:transparent;box-shadow:none;place-items:center}.chat-view-toggle:is(:hover,:active,:focus-visible){background:transparent;border-color:transparent;box-shadow:none}.chat-view-toggle-icon{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8}.project-list{gap:8px}.project-list--classic{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.project-list--grouped{grid-template-columns:1fr;gap:0}.project-card{min-height:52px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;text-align:left}.project-card small{color:#aeb4be}
.chat-list-top-section>:is(h2,.projects-heading){min-height:48px;display:flex;align-items:center;padding-right:56px}
.thread-section-list{gap:0}.thread-row,.thread-row.active{border:0;background:transparent;box-shadow:none}.thread-row{min-height:40px;padding:0 2px}.project-thread-preview{gap:0}.project-list--grouped .project-button{min-height:40px;padding:0 2px}
.chat-context-menu button{display:flex;align-items:center;gap:10px}.chat-context-menu-icon{width:18px;height:18px;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:1.8}
@media(max-width:640px){:is(.thread-row,.project-list--grouped .project-button){min-height:48px}}
.chats-panel .thread-list{position:relative}
