.chats-page .page-container{padding:24px;max-width:800px;margin:0 auto}.chats-page-content{min-height:calc(100vh - 100px)}.chats-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;gap:16px}.chats-title{font-size:1.75rem;font-weight:600;color:var(--text-primary);margin:0}.new-chat-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;background:var(--surface);border:1px solid var(--border-color);border-radius:var(--radius);color:var(--text-primary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none}.new-chat-btn:hover{background:var(--surface-hover);border-color:var(--text-muted)}.new-chat-btn svg{width:18px;height:18px}.chats-search-bar{margin-bottom:20px}.search-input-wrapper{position:relative}.search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:var(--text-muted);pointer-events:none;z-index:1}.search-input{width:100%;padding:12px 16px 12px 44px;background:var(--surface);border:1px solid var(--border-color);border-radius:var(--radius);color:var(--text-primary);font-size:.9375rem;outline:none;transition:border-color .2s ease,box-shadow .2s ease}.search-input::-moz-placeholder{color:var(--text-muted)}.search-input::placeholder{color:var(--text-muted)}.search-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.1)}.chats-toolbar{display:flex;align-items:center;margin-bottom:16px;padding:0;gap:12px}.toolbar-checkbox{width:18px;height:18px;flex-shrink:0;cursor:pointer;border-radius:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:2px solid var(--text-muted);background:transparent;opacity:0;transition:opacity .15s ease}.chats-toolbar:hover .toolbar-checkbox{opacity:1}.chats-count{font-size:.875rem;color:var(--text-secondary)}.select-btn{margin-left:auto;padding:6px 14px;background:transparent;border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:.875rem;cursor:pointer;transition:all .2s ease}.select-btn:hover{background:var(--surface-hover);color:var(--text-primary);border-color:var(--text-muted)}.chats-selection-bar{display:flex;align-items:center;justify-content:space-between;padding:0;margin-bottom:16px}.chats-selection-bar.hidden{display:none}.selection-left{display:flex;align-items:center;gap:12px}.select-all-checkbox{width:18px;height:18px;cursor:pointer;accent-color:var(--primary-color);border-radius:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:2px solid var(--text-muted);background:transparent}.select-all-checkbox:checked{background:var(--primary-color);border-color:var(--primary-color);background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3E%3C/svg%3E");background-size:12px;background-position:center;background-repeat:no-repeat}.select-all-checkbox:indeterminate{background:var(--primary-color);border-color:var(--primary-color);background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='3' y='7' width='10' height='2' rx='1'/%3E%3C/svg%3E");background-size:12px;background-position:center;background-repeat:no-repeat}.selection-count{font-size:.875rem;color:var(--text-secondary)}.selection-action-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.selection-action-btn:hover{background:var(--surface-hover);color:var(--text-primary)}.selection-action-btn.delete-btn:hover{color:var(--error)}.selection-action-btn svg{width:18px;height:18px}.selection-close-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;transition:all .2s ease}.selection-close-btn:hover{background:var(--surface-hover);color:var(--text-primary)}.selection-close-btn svg{width:18px;height:18px}.chats-list{display:flex;flex-direction:column}.chats-list.hidden{display:none}.chat-list-row{display:flex;align-items:center;gap:12px}.chat-list-item{display:flex;align-items:center;padding:14px 16px;gap:12px;border-radius:var(--radius);cursor:pointer;transition:background .15s ease;position:relative;flex:1;min-width:0}.chat-list-item:hover{background:var(--surface-hover)}.chat-list-item.selected{background:rgba(var(--primary-rgb),.1)}.chat-checkbox{width:18px;height:18px;flex-shrink:0;cursor:pointer;accent-color:var(--primary-color);opacity:0;transition:opacity .15s ease;border-radius:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:2px solid var(--text-muted);background:transparent}.chat-checkbox:checked{background:var(--primary-color);border-color:var(--primary-color);background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3E%3C/svg%3E");background-size:12px;background-position:center;background-repeat:no-repeat;opacity:1}.chat-list-row:hover .chat-checkbox,.chat-checkbox.visible{opacity:1}.chat-star{flex-shrink:0;color:var(--warning, #f59e0b)}.chat-star svg{width:16px;height:16px}.chat-content{flex:1;min-width:0;cursor:pointer;text-align:left}.chat-title{font-size:.9375rem;font-weight:500;color:var(--text-primary);margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left}.chat-meta{font-size:.8125rem;color:var(--text-muted)}.chat-action-menu{position:relative;flex-shrink:0}.chat-menu-trigger{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;opacity:0;transition:all .15s ease}.chat-list-item:hover .chat-menu-trigger{opacity:1}.chat-menu-trigger:hover{background:var(--surface);color:var(--text-primary)}.chat-menu-trigger svg{width:16px;height:16px}.chat-dropdown{position:absolute;right:0;top:100%;margin-top:4px;background:var(--surface);border:1px solid var(--border-color);border-radius:var(--radius);box-shadow:var(--shadow-lg);min-width:160px;z-index:1000;padding:4px 0}.chat-dropdown.hidden{display:none}.chat-dropdown-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 14px;background:none;border:none;color:var(--text-primary);font-size:.875rem;cursor:pointer;transition:background .15s ease;text-align:left}.chat-dropdown-item:hover{background:var(--surface-hover)}.chat-dropdown-item.delete{color:var(--error)}.chat-dropdown-item svg{width:16px;height:16px;flex-shrink:0}.chats-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px 24px;text-align:center}.chats-empty.hidden{display:none}.empty-icon{width:64px;height:64px;margin-bottom:16px;color:var(--text-muted);opacity:.5}.empty-icon svg{width:100%;height:100%}.chats-empty h3{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0 0 8px}.chats-empty p{font-size:.875rem;color:var(--text-muted);margin:0 0 24px}.empty-action-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:var(--primary-color);border:none;border-radius:var(--radius);color:#fff;font-size:.875rem;font-weight:500;cursor:pointer;text-decoration:none;transition:background .2s ease}.empty-action-btn:hover{background:var(--primary-hover)}.chats-loading,.chats-loading-inline{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px 24px;text-align:center}.chats-loading-inline{padding:32px}.loading-spinner{width:40px;height:40px;border:3px solid var(--border-color);border-top-color:var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.chats-loading p,.chats-loading-inline p{margin-top:16px;color:var(--text-secondary);font-style:italic;font-size:.875rem}.chats-error{display:flex;flex-direction:column;align-items:center;padding:48px 24px;text-align:center}.chats-error p{color:var(--error);margin-bottom:16px}.retry-btn{padding:8px 16px;background:var(--surface);border:1px solid var(--border-color);border-radius:var(--radius);color:var(--text-primary);cursor:pointer;transition:all .2s ease}.retry-btn:hover{background:var(--surface-hover)}.chats-login-required{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px 24px;text-align:center;min-height:400px}.login-required-icon{width:64px;height:64px;margin-bottom:24px;color:var(--text-muted);opacity:.5}.login-required-icon svg{width:100%;height:100%}.chats-login-required h2{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0 0 8px}.chats-login-required p{font-size:.875rem;color:var(--text-muted);margin:0 0 24px}.login-required-btn{padding:12px 24px;background:var(--primary-color);border:none;border-radius:var(--radius);color:#fff;font-size:.9375rem;font-weight:500;cursor:pointer;transition:background .2s ease}.login-required-btn:hover{background:var(--primary-hover)}.toast-notification{position:fixed;bottom:24px;left:50%;transform:translate(-50%) translateY(100px);padding:12px 24px;background:var(--surface);border:1px solid var(--border-color);border-radius:var(--radius);box-shadow:var(--shadow-lg);color:var(--text-primary);font-size:.875rem;z-index:10000;opacity:0;transition:transform .3s ease,opacity .3s ease}.toast-notification.visible{transform:translate(-50%) translateY(0);opacity:1}@media (max-width: 768px){.chats-page .page-container{padding:70px 16px 16px}.chats-page .mobile-top-bar-title,.chats-page .mobile-new-chat-button{display:flex}.chats-header{display:none}.chat-menu-trigger,.chat-checkbox,.toolbar-checkbox{opacity:1}.chat-list-item{padding:12px}.chats-selection-bar{padding:0}}.hidden{display:none!important}.delete-confirm-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000;opacity:0;transition:opacity .15s ease}.delete-confirm-modal-overlay.visible{opacity:1}.delete-confirm-modal-overlay.closing{opacity:0}.delete-confirm-modal{background:var(--surface);border-radius:var(--radius-lg, 12px);padding:24px;max-width:400px;width:90%;box-shadow:var(--shadow-lg);transform:scale(.95);transition:transform .15s ease}.delete-confirm-modal-overlay.visible .delete-confirm-modal{transform:scale(1)}.delete-confirm-title{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0 0 12px}.delete-confirm-message{font-size:.9375rem;color:var(--text-secondary);margin:0 0 24px;line-height:1.5}.delete-confirm-actions{display:flex;justify-content:flex-end;gap:12px}.delete-confirm-cancel{padding:10px 20px;background:transparent;border:none;border-radius:var(--radius);color:var(--text-primary);font-size:.9375rem;font-weight:500;cursor:pointer;transition:background .15s ease}.delete-confirm-cancel:hover{background:var(--surface-hover)}.delete-confirm-delete{padding:10px 20px;background:var(--error, #ef4444);border:none;border-radius:var(--radius);color:#fff;font-size:.9375rem;font-weight:500;cursor:pointer;transition:background .15s ease}.delete-confirm-delete:hover{background:var(--error-hover, #dc2626)}.rename-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000;opacity:0;transition:opacity .15s ease}.rename-modal-overlay.visible{opacity:1}.rename-modal-overlay.closing{opacity:0}.rename-modal{background:var(--surface);border-radius:var(--radius-lg, 12px);padding:24px;max-width:500px;width:90%;box-shadow:var(--shadow-lg);transform:scale(.95);transition:transform .15s ease}.rename-modal-overlay.visible .rename-modal{transform:scale(1)}.rename-modal-title{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0 0 16px}.rename-modal-input{width:100%;padding:12px 14px;background:var(--background);border:1px solid var(--border-color);border-radius:var(--radius);color:var(--text-primary);font-size:.9375rem;outline:none;transition:border-color .15s ease,box-shadow .15s ease;box-sizing:border-box}.rename-modal-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.1)}.rename-modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:20px}.rename-modal-cancel{padding:10px 20px;background:var(--surface-hover);border:1px solid var(--border-color);border-radius:var(--radius);color:var(--text-primary);font-size:.9375rem;font-weight:500;cursor:pointer;transition:background .15s ease}.rename-modal-cancel:hover{background:var(--surface);border-color:var(--text-muted)}.rename-modal-save{padding:10px 20px;background:var(--surface-hover);border:1px solid var(--border-color);border-radius:var(--radius);color:var(--text-primary);font-size:.9375rem;font-weight:500;cursor:pointer;transition:background .15s ease}.rename-modal-save:hover{background:var(--surface);border-color:var(--text-muted)}