.history-page{position:relative;min-height:100vh;background:var(--chat-background);color:var(--color-text-primary);isolation:isolate}.history-main{position:relative;width:100%;max-width:1600px;margin:0 auto;padding:var(--space-xl) var(--space-lg);animation:history-entry .6s var(--ease-out-expo) forwards}.history-conversations-container{container-type:inline-size;container-name:history-grid;position:relative;min-height:400px}.history-conversations-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));gap:var(--space-lg);margin-top:var(--space-lg)}.history-conversations-list{display:flex;flex-direction:column;gap:var(--space-md);max-width:1200px;margin-inline:auto}.history-header{display:flex;flex-direction:column;gap:var(--space-lg);margin-bottom:var(--space-2xl);position:relative;z-index:var(--z-header)}.history-header-top{justify-content:space-between;flex-wrap:wrap}.history-header-top,.history-title-section{display:flex;align-items:center;gap:var(--space-md)}.history-title{font-family:var(--font-display);font-size:var(--font-size-3xl);font-weight:600;letter-spacing:-.02em;background:linear-gradient(135deg,var(--color-text-primary) 0,var(--color-text-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 2px 10px oklch(0 0 0/.1)}.history-back-button{transition:transform var(--transition-fast)}.history-back-button:hover{transform:translateX(-2px)}.history-controls-section{background:var(--glass-bg-secondary);backdrop-filter:var(--glass-blur-md);-webkit-backdrop-filter:var(--glass-blur-md);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-md);box-shadow:var(--shadow-sm),inset 0 1px 0 oklch(1 1 1/.05);transition:box-shadow var(--transition-base),border-color var(--transition-base)}.history-controls-section:focus-within{border-color:var(--color-border-focus);box-shadow:var(--shadow-md),0 0 0 1px var(--color-border-focus)}.history-search-and-actions{display:flex;flex-direction:column;gap:var(--space-md)}.history-search-container{position:relative;flex:1;max-width:100%}.history-search-icon{position:absolute;left:var(--space-md);top:50%;transform:translateY(-50%);color:var(--color-text-tertiary);pointer-events:none;transition:color var(--transition-fast)}.history-search-input:focus~.history-search-icon{color:var(--color-primary)}.history-search-input{width:100%;height:48px;padding:0 var(--space-xl) 0 var(--space-3xl);background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text-primary);font-size:var(--font-size-sm);transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background-color var(--transition-fast)}.history-search-input:hover{border-color:var(--color-text-tertiary)}.history-search-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px color-mix(in oklch,var(--color-primary) 15%,transparent);background:var(--color-surface)}.history-clear-search,.history-search-input::placeholder{color:var(--color-text-tertiary)}.history-clear-search{position:absolute;right:var(--space-md);top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:4px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:color var(--transition-fast),background-color var(--transition-fast),transform var(--transition-fast)}.history-clear-search:hover{color:var(--color-text-primary);background:var(--color-surface-elevated);transform:translateY(-50%) rotate(90deg)}.history-actions-row{display:flex;align-items:center;gap:var(--space-md);flex-wrap:wrap}.history-selection-group{display:flex;align-items:center;gap:var(--space-sm)}.history-selection-label{font-size:var(--font-size-sm);color:var(--color-text-tertiary);white-space:nowrap}.history-selection-dropdown-container{position:relative;display:flex}.history-selection-trigger{display:flex;align-items:center;gap:6px;background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:0 var(--space-md) 0 var(--space-sm);height:36px;color:var(--color-text-secondary);font-size:var(--font-size-sm);cursor:pointer;transition:border-color var(--transition-fast),color var(--transition-fast),background-color var(--transition-fast);min-width:80px}.history-selection-trigger.open,.history-selection-trigger:hover{border-color:var(--color-text-tertiary);color:var(--color-text-primary);background:var(--color-surface)}.history-selection-trigger.active{border-color:var(--color-primary);color:var(--color-primary);background:color-mix(in oklch,var(--color-primary) 5%,var(--color-background))}.history-selection-partial{width:14px;height:14px;background:currentColor;border-radius:2px;position:relative}.history-selection-partial:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:8px;height:2px;background:var(--color-background)}.history-selection-trigger-text{flex:1;text-align:left;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.history-selection-menu{position:absolute;top:calc(100% + 4px);left:0;width:220px;background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:4px;z-index:var(--z-dropdown);animation:slide-up-fade .2s var(--ease-out-back);display:flex;flex-direction:column}.history-selection-menu-item{display:flex;align-items:center;gap:var(--space-md);padding:8px var(--space-md);width:100%;text-align:left;background:none;border:none;color:var(--color-text-primary);font-size:var(--font-size-sm);border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast)}.history-selection-menu-item:hover{background:var(--color-surface-variant)}.history-selection-menu-item.danger{color:var(--color-error)}.history-selection-menu-item.danger:hover{background:color-mix(in oklch,var(--color-error) 10%,transparent)}.history-selection-menu-item:disabled{opacity:.5;cursor:not-allowed}.history-selection-divider{height:1px;background:var(--color-border-subtle);margin:4px 0}.history-page-size-container,.history-sort-container{position:relative;display:flex;align-items:center;isolation:isolate}.history-page-size-select,.history-sort-select{appearance:none;background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-xs) var(--space-xl) var(--space-xs) var(--space-md);color:var(--color-text-secondary);font-size:var(--font-size-sm);font-family:var(--font-sans);cursor:pointer;height:36px;transition:border-color var(--transition-fast),color var(--transition-fast),background-color var(--transition-fast),box-shadow var(--transition-fast)}.history-page-size-select:hover,.history-sort-select:hover{border-color:var(--color-text-tertiary);color:var(--color-text-primary);background:var(--color-surface)}.history-page-size-select:focus,.history-sort-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px color-mix(in oklch,var(--color-primary) 15%,transparent)}.history-sort-icon{position:absolute;right:var(--space-sm);top:50%;transform:translateY(-50%);color:var(--color-text-tertiary);pointer-events:none;width:14px;height:14px}.history-page-size-label{margin-right:var(--space-sm);font-size:var(--font-size-sm);color:var(--color-text-tertiary);white-space:nowrap}.history-view-toggle{display:flex;background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:3px;gap:2px}.history-view-button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid transparent;background:transparent;color:var(--color-text-tertiary);border-radius:var(--radius-md);cursor:pointer;transition:color var(--transition-fast),background-color var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast);flex-shrink:0}.history-view-button svg{width:18px;height:18px;display:block}.history-view-button:hover{color:var(--color-text-secondary);background-color:var(--color-surface-elevated);border-color:var(--color-border-subtle)}.history-view-button.active{color:var(--color-primary);background-color:color-mix(in oklch,var(--color-primary) 10%,var(--color-surface));border-color:var(--color-primary);box-shadow:0 0 0 1px color-mix(in oklch,var(--color-primary) 20%,transparent)}.history-sync-indicator{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.history-sync-button{display:flex;align-items:center;gap:var(--space-xs);background:none;border:none;color:var(--color-text-tertiary);font-size:var(--font-size-xs);font-weight:500;cursor:pointer;padding:4px 8px;border-radius:var(--radius-full);transition:color var(--transition-fast),background-color var(--transition-fast)}.history-sync-button:hover{color:var(--color-text-primary);background:var(--color-surface-elevated)}.history-sync-button:disabled{opacity:.7;cursor:wait}.history-sync-button.syncing svg{animation:spin 1s linear infinite}.history-sync-meta{font-size:10px;color:var(--color-text-disabled);padding-right:8px}.history-selection-bar{position:sticky;top:var(--space-md);z-index:var(--z-overlay);display:flex;align-items:center;justify-content:space-between;background:var(--color-surface-elevated);border:1px solid var(--color-primary);border-radius:var(--radius-lg);padding:var(--space-md) var(--space-lg);margin-bottom:var(--space-lg);box-shadow:var(--shadow-lg),0 0 0 1px color-mix(in oklch,var(--color-primary) 20%,transparent);animation:slide-up-fade .3s var(--ease-out-back) forwards}.history-selection-info{display:flex;align-items:center;gap:var(--space-md)}.history-selection-count{font-weight:600;color:var(--color-primary);font-family:var(--font-mono)}.history-select-all-button{background:none;border:none;color:var(--color-text-secondary);font-size:var(--font-size-sm);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px;cursor:pointer;transition:color var(--transition-fast)}.history-select-all-button:hover{color:var(--color-text-primary)}.history-selection-actions{display:flex;gap:var(--space-md)}.history-conversation-card{position:relative;background:var(--history-card-bg);border:1px solid var(--history-card-border);border-radius:var(--radius-lg);overflow:hidden;transition:transform var(--transition-base),background-color var(--transition-base),box-shadow var(--transition-base),border-color var(--transition-base);cursor:pointer;will-change:transform,box-shadow;display:flex;flex-direction:column;height:100%;-webkit-backdrop-filter:var(--glass-blur-sm);backdrop-filter:var(--glass-blur-sm)}.history-conversation-card:hover{transform:translateY(-4px) scale(1.005);background:var(--history-card-hover-bg);box-shadow:var(--shadow-lg),0 0 0 1px var(--history-card-hover-border);border-color:transparent;z-index:1}.history-conversation-card.selected{border-color:var(--color-primary);background:color-mix(in oklch,var(--color-primary) 4%,var(--color-surface));box-shadow:0 0 0 2px color-mix(in oklch,var(--color-primary) 20%,transparent)}.history-conversation-card.pinned{border-left:3px solid var(--color-accent-cyan)}.history-card-content{padding:var(--space-lg);height:100%;display:flex;flex-direction:column;gap:var(--space-md)}.history-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-md)}@media (max-width:767px){.history-card-header{gap:var(--space-sm)}.history-title-text{font-size:var(--font-size-sm)}}.history-card-title{flex:1;min-width:0}.history-title-display{display:flex;align-items:center;gap:var(--space-xs)}.history-title-text{font-weight:600;font-size:var(--font-size-base);color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color var(--transition-fast)}.history-conversation-card:hover .history-title-text{color:var(--color-accent-cyan)}.history-title-edit-trigger{opacity:0;background:none;border:none;color:var(--color-text-tertiary);cursor:pointer;transition:opacity var(--transition-fast),color var(--transition-fast),transform var(--transition-fast);transform:translateX(-5px)}.history-conversation-card:hover .history-title-edit-trigger,.history-title-display:hover .history-title-edit-trigger{opacity:1;transform:translateX(0)}.history-title-edit-trigger:hover{color:var(--color-text-primary)}.history-title-edit-container{display:flex;align-items:center;gap:var(--space-xs);width:100%}.history-title-edit-input{flex:1;background:var(--color-background);border:1px solid var(--color-primary);border-radius:var(--radius-sm);padding:4px var(--space-xs);font-size:var(--font-size-base);color:var(--color-text-primary);min-width:0;font-family:inherit}.history-title-edit-input:focus{outline:none;box-shadow:0 0 0 2px color-mix(in oklch,var(--color-primary) 20%,transparent)}.history-title-edit-actions{display:flex;gap:2px}.history-title-edit-button{background:var(--color-surface-elevated);border:1px solid var(--color-border);padding:4px;border-radius:var(--radius-sm);cursor:pointer;transition:color var(--transition-fast),border-color var(--transition-fast),background-color var(--transition-fast);display:flex;align-items:center;justify-content:center}.history-title-edit-button.save:hover{color:var(--color-success);border-color:var(--color-success);background:color-mix(in oklch,var(--color-success) 10%,transparent)}.history-title-edit-button.cancel:hover{color:var(--color-error);border-color:var(--color-error);background:color-mix(in oklch,var(--color-error) 10%,transparent)}.history-card-actions{display:flex;align-items:center;gap:var(--space-xs);opacity:.6;transition:opacity var(--transition-fast)}.history-conversation-card:hover .history-card-actions{opacity:1}.history-action-button{background:none;border:none;color:var(--color-text-tertiary);padding:6px;border-radius:var(--radius-md);cursor:pointer;transition:color var(--transition-fast),background-color var(--transition-fast);display:flex;align-items:center;justify-content:center}.history-action-button:hover{color:var(--color-text-primary);background:var(--color-surface-elevated)}.history-action-button.pinned{color:var(--color-accent-cyan);background:color-mix(in oklch,var(--color-accent-cyan) 10%,transparent)}.history-checkbox{width:18px;height:18px;border:2px solid var(--color-text-tertiary);border-radius:5px;display:flex;align-items:center;justify-content:center;transition:border-color var(--transition-fast),background-color var(--transition-fast),color var(--transition-fast);background:transparent}.history-action-button:hover .history-checkbox,.history-conversation-card.selected .history-checkbox{border-color:var(--color-primary)}.history-conversation-card.selected .history-checkbox{background:var(--color-primary);color:white}.history-card-body{flex:1;display:flex;flex-direction:column;gap:var(--space-sm)}.history-topic-chip{display:inline-flex;align-items:center;align-self:flex-start;gap:6px;padding:4px 10px;background:color-mix(in oklch,var(--color-primary) 8%,transparent);border:1px solid color-mix(in oklch,var(--color-primary) 15%,transparent);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:500;color:var(--color-primary);max-width:100%;transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}.history-topic-chip.pending{background:var(--color-surface-variant);border:1px dashed var(--color-border);color:var(--color-text-tertiary)}.history-topic-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.history-last-message{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.history-card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:var(--space-md);border-top:1px solid var(--color-border-subtle);margin-top:auto}.history-metadata{display:flex;align-items:center;gap:var(--space-md)}.history-metadata-item{display:flex;align-items:center;gap:6px;font-size:var(--font-size-xs);color:var(--color-text-tertiary);font-family:var(--font-mono)}.history-delete-button{background:none;border:none;color:var(--color-text-tertiary);padding:6px;border-radius:var(--radius-md);cursor:pointer;transition:color var(--transition-fast),background-color var(--transition-fast),opacity var(--transition-fast),transform var(--transition-fast);opacity:0;transform:translateX(5px)}.history-conversation-card:hover .history-delete-button{opacity:1;transform:translateX(0)}.history-delete-button:hover{color:var(--color-error);background:color-mix(in oklch,var(--color-error) 10%,transparent)}.history-pagination-container{margin-top:var(--space-3xl);display:flex;flex-direction:column;align-items:center;gap:var(--space-lg);padding-bottom:var(--space-2xl)}.history-pagination-info{font-size:var(--font-size-sm);color:var(--color-text-tertiary)}.history-pagination-loading{display:flex;align-items:center;gap:var(--space-md);color:var(--color-text-secondary);font-weight:500}.history-loading-spinner,.history-loading-spinner-small{border-left:2px solid var(--color-surface-elevated);border-bottom:2px solid var(--color-surface-elevated);border-right-color:var(--color-surface-elevated);border-top-color:var(--color-surface-elevated);border-top:2px solid var(--color-primary);border-right:2px solid var(--color-accent-cyan);border-radius:50%;animation:spin .8s linear infinite}.history-loading-spinner{width:56px;height:56px;border-width:3px}.history-loading-spinner-small{width:20px;height:20px}.history-pagination-complete{font-size:var(--font-size-sm);color:var(--color-text-tertiary);position:relative;padding:0 var(--space-xl)}.history-pagination-complete:after,.history-pagination-complete:before{content:"";position:absolute;top:50%;width:20px;height:1px;background:var(--color-border)}.history-pagination-complete:before{left:0}.history-pagination-complete:after{right:0}.history-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-20) 0;text-align:center;color:var(--color-text-secondary);animation:fade-in-up .8s var(--ease-out-expo)}.history-empty-icon{margin-bottom:var(--space-xl);padding:var(--space-xl);background:linear-gradient(135deg,var(--color-surface-elevated),var(--color-surface));border-radius:50%;border:1px solid var(--color-border);box-shadow:var(--shadow-lg),inset 0 1px 0 rgb(255 255 255/.05)}.history-empty-state h3{font-family:var(--font-display);font-size:var(--font-size-xl);color:var(--color-text-primary);margin-bottom:var(--space-sm)}.history-empty-state p{color:var(--color-text-tertiary);max-width:400px;line-height:1.6;margin-bottom:var(--space-xl)}@keyframes history-entry{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (min-width:1024px){.history-search-and-actions{flex-direction:row;align-items:center;justify-content:space-between}.history-search-container{max-width:600px}.history-conversations-list .history-conversation-card{display:grid;grid-template-columns:280px 1fr auto;align-items:center;padding:0;gap:0;background:var(--history-list-bg)}.history-conversations-list .history-card-content{display:contents}.history-conversations-list .history-card-header{padding:var(--space-md);border-right:1px solid var(--color-border-subtle);height:100%;align-items:center;width:100%}.history-conversations-list .history-card-body{padding:var(--space-md);flex-direction:row;align-items:center;justify-content:space-between;height:100%}.history-conversations-list .history-last-message{-webkit-line-clamp:1;max-width:400px}.history-conversations-list .history-card-footer{padding:var(--space-md);border-top:none;border-left:1px solid var(--color-border-subtle);height:100%;width:auto;justify-content:flex-end}}@media (min-width:768px) and (max-width:1023px){.history-main{padding:var(--space-lg);padding-top:calc(var(--header-height) + var(--space-lg))}.history-search-and-actions{flex-direction:column;gap:var(--space-md)}.history-actions-row{justify-content:flex-start}.history-search-container{max-width:100%}.history-conversations-list .history-conversation-card{display:flex;flex-direction:column}}@media (max-width:767px){.history-main{padding:var(--space-md);padding-top:calc(var(--header-height) + var(--space-md));padding-bottom:100px}.history-header-top{flex-direction:column;align-items:flex-start;gap:var(--space-sm)}.history-title-section{width:100%;justify-content:space-between}.history-title{font-size:var(--font-size-xl)}.history-controls-section{padding:var(--space-sm);border-radius:var(--radius-lg)}.history-search-and-actions{flex-direction:column;gap:var(--space-sm)}.history-actions-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-sm);width:100%}.history-selection-group{grid-column:1/-1;display:flex;width:100%}.history-selection-label{display:none}.history-selection-dropdown-container{width:100%;flex:1}.history-sort-container{grid-column:1/2;width:100%}.history-page-size-container{grid-column:2/3;width:100%}.history-page-size-select,.history-sort-select{width:100%;min-width:0;padding-right:var(--space-md)}.history-page-size-label{display:none}.history-view-toggle{grid-column:1/2;justify-content:flex-start;height:36px;padding:1px;align-items:center;width:fit-content}.history-view-button{width:32px;height:32px;min-width:32px;min-height:32px;padding:0;flex:0 0 32px}.history-sync-indicator{grid-column:2/3;align-items:flex-end;justify-content:center;height:36px}.history-sync-meta{display:none}.history-selection-bar{flex-direction:column;gap:var(--space-sm);align-items:stretch;padding:var(--space-md)}.history-selection-info{justify-content:space-between;width:100%}.history-select-all-button,.history-selection-count{font-size:var(--font-size-base)}.history-select-all-button{padding:4px 8px}.history-selection-actions{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:var(--space-sm)}.history-selection-actions button{width:100%;justify-content:center}.history-conversations-grid{grid-template-columns:1fr!important;gap:var(--space-md)}.history-conversation-card:hover{transform:none}.history-conversations-list{display:flex;flex-direction:column;gap:var(--space-sm);margin:0}.history-conversations-list .history-conversation-card{display:flex;flex-direction:column;min-height:auto;border-radius:var(--radius-md)}.history-conversations-list .history-card-content{padding:var(--space-md);gap:var(--space-xs)}.history-conversations-list .history-card-header{margin-bottom:0}.history-conversations-list .history-card-body{flex:0 0 auto;margin-bottom:4px}.history-conversations-list .history-topic-chip{display:none}.history-conversations-list .history-last-message{-webkit-line-clamp:1;font-size:var(--font-size-xs)}.history-conversations-list .history-card-footer{padding-top:0;margin-top:0;border-top:none;justify-content:flex-start;gap:var(--space-lg)}.history-conversations-list .history-delete-button{margin-left:auto;opacity:1;transform:none}.history-card-header:has(.history-title-edit-container) .history-card-actions{display:none}.history-title-edit-container{width:100%;gap:4px}.history-title-edit-input{height:40px;font-size:16px;border-color:var(--color-primary);background:var(--color-surface-elevated)}.history-title-edit-button{width:40px;height:40px;border-radius:var(--radius-md);background:var(--color-surface-elevated);border:1px solid var(--color-border)}.history-title-edit-button svg{width:20px;height:20px}}.internal-inbox-wrapper{min-height:100vh;background:var(--chat-background);color:var(--color-text-primary);padding-bottom:6rem;font-family:var(--font-sans);overflow-x:hidden}.internal-inbox-wrapper ::selection{background-color:var(--color-primary);color:white}.internal-inbox-bg-grid{position:fixed;inset:0;background-image:url(/grid-pattern.svg);opacity:.02;pointer-events:none;z-index:0}.internal-inbox-bg-gradient{position:fixed;top:0;left:0;width:100%;height:500px;background:linear-gradient(to bottom,color-mix(in oklch,var(--color-primary) 5%,transparent),transparent);pointer-events:none;z-index:0}.internal-inbox-container{position:relative;z-index:10;margin-left:auto;margin-right:auto;max-width:1600px;padding-left:1.5rem;padding-right:1.5rem;padding-top:2rem;display:flex;flex-direction:column;gap:2.5rem}@media (min-width:1024px){.internal-inbox-container{padding-left:3rem;padding-right:3rem}}.internal-inbox-auth-screen{display:flex;min-height:100vh;flex-direction:column;align-items:center;justify-content:center;padding-left:1.5rem;padding-right:1.5rem;transition:background-color .3s ease;background:var(--chat-background)}.internal-inbox-auth-card{position:relative;max-width:36rem;border-radius:var(--radius-3xl);border:1px solid var(--color-border);background-color:var(--color-surface);padding:2.5rem;text-align:center;overflow:hidden;box-shadow:var(--shadow-2xl)}.internal-inbox-auth-bg-pattern{position:absolute;inset:0;background-image:url(/grid-pattern.svg);opacity:.03}.internal-inbox-auth-icon{margin-left:auto;margin-right:auto;margin-bottom:1.5rem;display:flex;height:4rem;width:4rem;align-items:center;justify-content:center;border-radius:var(--radius-2xl);background-color:color-mix(in oklch,var(--color-primary) 10%,transparent);color:var(--color-primary);border:1px solid color-mix(in oklch,var(--color-primary) 20%,transparent)}.internal-inbox-auth-title{font-size:var(--text-3xl);font-weight:700;letter-spacing:var(--tracking-tight);color:var(--color-text-primary)}.internal-inbox-auth-desc{margin-top:1rem;color:var(--color-text-secondary);font-size:var(--text-lg);line-height:var(--leading-relaxed)}.internal-inbox-hero{position:relative;overflow:hidden;border-radius:var(--radius-3xl);border:1px solid var(--color-border);background-color:var(--color-surface);padding:2rem}@media (min-width:1024px){.internal-inbox-hero{padding:3rem}}.internal-inbox-hero-glow{position:absolute;top:0;right:0;padding:3rem;opacity:.2;pointer-events:none}.internal-inbox-hero-glow-blob{width:16rem;height:16rem;background-color:color-mix(in oklch,var(--color-primary) 30%,transparent);border-radius:50%;filter:blur(100px)}.internal-inbox-hero-content{position:relative;z-index:10;display:flex;flex-direction:column;gap:3rem;justify-content:space-between;align-items:flex-start}@media (min-width:1024px){.internal-inbox-hero-content{flex-direction:row;align-items:flex-end}}.internal-inbox-badge{display:inline-flex;align-items:center;gap:.5rem;border-radius:var(--radius-full);border:1px solid color-mix(in oklch,var(--color-primary) 20%,transparent);background-color:color-mix(in oklch,var(--color-primary) 10%,transparent);padding:.375rem 1rem;font-size:var(--font-size-xs);font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--color-primary);transition:background-color var(--transition-fast);cursor:default}.internal-inbox-badge:hover{background-color:color-mix(in oklch,var(--color-primary) 20%,transparent);box-shadow:0 10px 15px -3px color-mix(in oklch,var(--color-primary) 30%,transparent)}.internal-inbox-hero-title{font-size:var(--text-4xl);font-weight:700;letter-spacing:var(--tracking-tight);color:var(--color-text-primary);line-height:1.1}@media (min-width:1024px){.internal-inbox-hero-title{font-size:var(--text-5xl)}}.internal-inbox-hero-subtitle{font-size:var(--text-lg);color:var(--color-text-secondary);line-height:var(--leading-relaxed);max-width:36rem}.internal-inbox-hero-button-primary{position:relative;display:flex;align-items:center;justify-content:center;gap:.5rem;border-radius:var(--radius-xl);background-color:var(--color-primary);padding:.75rem 1.5rem;font-size:var(--font-size-sm);font-weight:600;color:white;box-shadow:0 10px 15px -3px color-mix(in oklch,var(--color-primary) 20%,transparent);transition:background-color .3s ease,transform .3s ease,box-shadow .3s ease;width:100%;overflow:hidden}@media (min-width:640px){.internal-inbox-hero-button-primary{width:12rem}}.internal-inbox-hero-button-primary:hover{background-color:color-mix(in oklch,var(--color-primary) 90%,transparent);transform:translateY(-2px);box-shadow:0 20px 25px -5px color-mix(in oklch,var(--color-primary) 30%,transparent)}.internal-inbox-hero-button-primary:active{transform:translateY(0);transform:scale(.95)}.internal-inbox-hero-button-secondary{position:relative;display:flex;align-items:center;justify-content:center;gap:.5rem;border-radius:var(--radius-xl);border:1px solid var(--color-border);background-color:var(--color-surface);padding:.75rem 1.5rem;font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-secondary);transition:background-color .3s ease,color .3s ease,border-color .3s ease,transform .3s ease,box-shadow .3s ease;width:100%;overflow:hidden}@media (min-width:640px){.internal-inbox-hero-button-secondary{width:12rem}}.internal-inbox-hero-button-secondary:hover{background-color:var(--color-surface-elevated);color:var(--color-text-primary);border-color:color-mix(in oklch,var(--color-primary) 50%,transparent);transform:translateY(-2px);box-shadow:0 10px 15px -3px color-mix(in oklch,var(--color-primary) 10%,transparent)}.internal-inbox-hero-button-secondary:active{background-color:var(--color-surface);transform:scale(.95);transform:translateY(0)}.internal-inbox-shimmer{position:absolute;inset:0;transform:translateX(-100%);background:linear-gradient(90deg,transparent,oklch(100% 0 0/.2),transparent);z-index:10}.group:hover .internal-inbox-shimmer{animation:shimmer 1.5s infinite}@keyframes shimmer{to{transform:translateX(100%)}}.internal-inbox-stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;width:100%}@media (min-width:1024px){.internal-inbox-stats-grid{width:auto;min-width:500px;gap:1rem}}.internal-inbox-stat-card{position:relative;display:flex;flex-direction:column;gap:.5rem;overflow:hidden;border-radius:var(--radius-xl);border-width:1px;padding:.75rem;transition:transform .2s ease;text-align:left}@media (min-width:640px){.internal-inbox-stat-card{flex-direction:row;align-items:center;gap:1rem;border-radius:var(--radius-2xl);padding:1.25rem}}.internal-inbox-stat-card:hover:not(:disabled){transform:scale(1.02)}.internal-inbox-stat-card:disabled{opacity:.5;cursor:not-allowed}.stat-card-pending{color:var(--color-warning);background-color:color-mix(in oklch,var(--color-warning) 10%,transparent);border-color:color-mix(in oklch,var(--color-warning) 20%,transparent)}.stat-card-delivered{color:var(--color-accent-blue);background-color:color-mix(in oklch,var(--color-accent-blue) 10%,transparent);border-color:color-mix(in oklch,var(--color-accent-blue) 20%,transparent)}.stat-card-acknowledged{color:var(--color-success);background-color:color-mix(in oklch,var(--color-success) 10%,transparent);border-color:color-mix(in oklch,var(--color-success) 20%,transparent)}.stat-card-blocked{color:var(--color-error);background-color:color-mix(in oklch,var(--color-error) 10%,transparent);border-color:color-mix(in oklch,var(--color-error) 20%,transparent)}.internal-inbox-stat-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);background-color:oklch(0 0 0/.2);height:2rem;width:2rem}@media (min-width:640px){.internal-inbox-stat-icon{height:3rem;width:3rem;border-radius:var(--radius-xl)}}.internal-inbox-layout,.internal-inbox-sidebar{display:flex;flex-direction:column;gap:2rem}.internal-inbox-sidebar{order:2}.internal-inbox-feed{order:1}@media (min-width:1024px){.internal-inbox-layout{display:grid;grid-template-columns:300px 1fr;align-items:flex-start}.internal-inbox-sidebar{order:unset;position:sticky;top:6rem}.internal-inbox-feed{order:unset}}.internal-inbox-sidebar-section{display:flex;flex-direction:column;gap:1rem;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-2xl);padding:1.25rem}.internal-inbox-section-header{display:flex;align-items:center;justify-content:space-between;padding-left:.5rem;padding-right:.5rem}.internal-inbox-section-title{font-size:var(--font-size-xs);font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-tertiary)}.internal-inbox-nav-button{width:100%;display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-radius:var(--radius-xl);font-size:var(--font-size-sm);font-weight:500;transition:color var(--transition-fast),background-color var(--transition-fast);color:var(--color-text-secondary)}.internal-inbox-nav-button:hover{color:var(--color-text-primary);background-color:var(--glass-bg-tertiary)}.internal-inbox-nav-button.active{background-color:var(--glass-bg-secondary);color:var(--color-text-primary);border:1px solid var(--color-border)}.internal-inbox-nav-button.active-primary{background-color:var(--color-primary);color:white;box-shadow:0 10px 15px -3px color-mix(in oklch,var(--color-primary) 20%,transparent)}.internal-inbox-sidebar-delete-btn{flex-shrink:0;padding:.375rem;border-radius:var(--radius-lg);color:var(--color-text-tertiary);transition:color var(--transition-fast),background-color var(--transition-fast),opacity var(--transition-fast);opacity:0}.group:hover .internal-inbox-sidebar-delete-btn{opacity:1}.internal-inbox-sidebar-delete-btn:hover{color:var(--color-error);background-color:color-mix(in oklch,var(--color-error) 10%,transparent)}.internal-inbox-sidebar-delete-btn:disabled{opacity:.5}.internal-inbox-feed{min-height:500px}.internal-inbox-feed-header{position:sticky;top:0;z-index:20;margin-bottom:1.5rem;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;border-radius:var(--radius-2xl);border:1px solid var(--color-border);background-color:var(--color-surface);padding:1rem 1.5rem;box-shadow:var(--shadow-2xl)}.internal-inbox-bulk-input{height:2.25rem;width:10rem;border-radius:var(--radius-lg);background-color:var(--color-surface);border:1px solid var(--color-border);padding-left:2.25rem;padding-right:.75rem;font-size:var(--font-size-sm);color:var(--color-text-primary);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.internal-inbox-bulk-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 1px var(--color-primary)}.internal-inbox-bulk-input::placeholder{color:var(--color-text-tertiary)}.internal-inbox-bulk-btn{height:2.25rem;padding-left:1rem;padding-right:1rem;border-radius:var(--radius-lg);background-color:var(--color-primary);color:white;font-size:var(--font-size-xs);font-weight:700;text-transform:uppercase;letter-spacing:.05em;transition:background-color var(--transition-fast)}.internal-inbox-bulk-btn:hover:not(:disabled){background-color:color-mix(in oklch,var(--color-primary) 90%,transparent)}.internal-inbox-bulk-btn:disabled{opacity:.5;cursor:not-allowed}.internal-inbox-bulk-delete-btn{height:2.25rem;width:2.25rem;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);background-color:color-mix(in oklch,var(--color-error) 10%,transparent);color:var(--color-error);border:1px solid color-mix(in oklch,var(--color-error) 20%,transparent);transition:background-color var(--transition-fast)}.internal-inbox-bulk-delete-btn:hover:not(:disabled){background-color:color-mix(in oklch,var(--color-error) 20%,transparent)}.internal-inbox-select-all-btn{font-size:var(--font-size-xs);font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:.5rem .75rem;border-radius:var(--radius-lg);border:1px solid transparent;color:var(--color-text-tertiary);transition:color var(--transition-fast),background-color var(--transition-fast),border-color var(--transition-fast)}.internal-inbox-select-all-btn:hover:not(:disabled){color:var(--color-text-secondary);background-color:var(--glass-bg-tertiary)}.internal-inbox-select-all-btn.active{background-color:color-mix(in oklch,var(--color-primary) 10%,transparent);color:var(--color-primary);border-color:color-mix(in oklch,var(--color-primary) 30%,transparent)}.internal-inbox-message-list{display:flex;flex-direction:column;gap:1.5rem}.internal-inbox-message-card{position:relative;overflow:hidden;border-radius:var(--radius-2xl);border:1px solid var(--color-border);background-color:var(--color-surface);transition:border-color .2s ease,background-color .2s ease,box-shadow .2s ease}.internal-inbox-message-card:hover{border-color:var(--color-border-focus);background-color:var(--color-surface-elevated)}.internal-inbox-message-card.selected{background-color:color-mix(in oklch,var(--color-primary) 5%,var(--color-surface));border-color:color-mix(in oklch,var(--color-primary) 50%,transparent);box-shadow:0 0 30px -10px color-mix(in oklch,var(--color-primary) 30%,transparent)}.internal-inbox-message-card.selected:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background-color:var(--color-primary)}.internal-inbox-message-content{padding:1rem}@media (min-width:640px){.internal-inbox-message-content{padding:1.5rem}}.internal-inbox-checkbox{height:1.25rem;width:1.25rem;border-radius:var(--radius-default);border:1px solid var(--color-border);background-color:var(--color-surface);color:var(--color-primary);cursor:pointer;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.internal-inbox-checkbox:focus{outline:none;box-shadow:0 0 0 1px var(--color-primary)}.internal-inbox-avatar{height:3rem;width:3rem;border-radius:var(--radius-xl);background:linear-gradient(to bottom right,var(--color-primary),var(--color-accent-purple));display:flex;align-items:center;justify-content:center;color:white;font-weight:700;font-size:var(--font-size-lg);box-shadow:0 10px 15px -3px color-mix(in oklch,var(--color-primary) 20%,transparent)}.internal-inbox-status-badge{text-transform:uppercase;font-weight:700;letter-spacing:.05em}.internal-inbox-status-badge.pending{color:var(--color-warning)}.internal-inbox-status-badge.delivered{color:var(--color-primary)}.internal-inbox-status-badge.blocked{color:var(--color-error)}.internal-inbox-status-badge.acknowledged{color:var(--color-success)}.internal-inbox-label-tag{display:flex;align-items:center;gap:.375rem;padding:.25rem .625rem;border-radius:var(--radius-full);background-color:color-mix(in oklch,var(--color-primary) 10%,transparent);color:var(--color-primary);font-size:var(--font-size-xs);font-weight:500;border:1px solid color-mix(in oklch,var(--color-primary) 20%,transparent);transition:background-color var(--transition-fast),border-color var(--transition-fast)}.internal-inbox-label-tag:hover{background-color:color-mix(in oklch,var(--color-primary) 20%,transparent);border-color:color-mix(in oklch,var(--color-primary) 30%,transparent)}.internal-inbox-icon-button{padding:.5rem;color:var(--color-text-tertiary);border-radius:var(--radius-lg);transition:color var(--transition-fast),background-color var(--transition-fast)}.internal-inbox-icon-button:hover{color:var(--color-error);background-color:color-mix(in oklch,var(--color-error) 10%,transparent)}.internal-inbox-action-button{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:500;transition:background-color var(--transition-fast),color var(--transition-fast)}.internal-inbox-action-button--reply{background-color:var(--glass-bg-tertiary);color:var(--color-text-secondary);border:1px solid var(--color-border)}.internal-inbox-action-button--reply:hover{background-color:var(--glass-bg-secondary)}.internal-inbox-action-button--complete{color:var(--color-success)}.internal-inbox-action-button--complete:hover{background-color:color-mix(in oklch,var(--color-success) 10%,transparent)}.internal-inbox-action-button--accept{background-color:color-mix(in oklch,var(--color-success) 15%,transparent);color:var(--color-success);border:1px solid color-mix(in oklch,var(--color-success) 30%,transparent)}.internal-inbox-action-button--accept:hover:not(:disabled){background-color:color-mix(in oklch,var(--color-success) 25%,transparent);border-color:color-mix(in oklch,var(--color-success) 50%,transparent)}.internal-inbox-action-button--accept:disabled{opacity:.6;cursor:not-allowed}.internal-inbox-action-button--deny{background-color:color-mix(in oklch,var(--color-error) 10%,transparent);color:var(--color-error);border:1px solid color-mix(in oklch,var(--color-error) 20%,transparent)}.internal-inbox-action-button--deny:hover:not(:disabled){background-color:color-mix(in oklch,var(--color-error) 20%,transparent);border-color:color-mix(in oklch,var(--color-error) 40%,transparent)}.internal-inbox-action-button--deny:disabled{opacity:.6;cursor:not-allowed}.internal-inbox-composer-panel{border-top:1px solid var(--color-border);background-color:var(--color-surface);padding:1.5rem}.internal-inbox-textarea{width:100%;height:8rem;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:1rem;color:var(--color-text-primary);font-family:var(--font-mono);font-size:var(--font-size-sm);resize:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.internal-inbox-textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 1px var(--color-primary)}.internal-inbox-textarea::placeholder{color:var(--color-text-tertiary)}.internal-inbox-input{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:.625rem 1rem;font-size:var(--font-size-sm);color:var(--color-text-primary);transition:border-color var(--transition-fast)}.internal-inbox-input:focus{outline:none;border-color:var(--color-primary)}.internal-inbox-btn-primary{height:2.5rem;padding-left:1.5rem;padding-right:1.5rem;border-radius:var(--radius-xl);background-color:var(--color-primary);color:white;font-weight:600;box-shadow:0 10px 15px -3px color-mix(in oklch,var(--color-primary) 20%,transparent);display:flex;align-items:center;justify-content:center;gap:.5rem;transition:background-color var(--transition-fast),transform var(--transition-fast)}.internal-inbox-btn-primary:hover:not(:disabled){background-color:color-mix(in oklch,var(--color-primary) 90%,transparent)}.internal-inbox-btn-primary:active:not(:disabled){transform:scale(.95)}.internal-inbox-btn-secondary{height:2.5rem;padding-left:1.5rem;padding-right:1.5rem;border-radius:var(--radius-xl);border:1px solid color-mix(in oklch,var(--color-primary) 30%,transparent);color:var(--color-primary);font-weight:600;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:background-color var(--transition-fast)}.internal-inbox-btn-secondary:hover:not(:disabled){background-color:color-mix(in oklch,var(--color-primary) 10%,transparent)}.internal-inbox-btn-ghost{height:2.5rem;padding-left:1.5rem;padding-right:1.5rem;border-radius:var(--radius-xl);color:var(--color-text-secondary);font-weight:500;transition:color var(--transition-fast),background-color var(--transition-fast)}.internal-inbox-btn-ghost:hover{color:var(--color-text-primary);background-color:var(--glass-bg-tertiary)}.internal-inbox-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding-top:5rem;padding-bottom:5rem;border-radius:var(--radius-3xl);border:1px dashed var(--color-border);background-color:var(--glass-bg-tertiary)}.internal-inbox-error-state{display:flex;align-items:center;justify-content:center;gap:.75rem;border-radius:var(--radius-2xl);border:1px solid color-mix(in oklch,var(--color-error) 20%,transparent);background-color:color-mix(in oklch,var(--color-error) 5%,transparent);padding:2rem;color:var(--color-error)}.onboarding-shell{position:fixed;inset:0;height:100dvh;height:var(--visual-viewport-height,100dvh);background-color:var(--color-background);color:var(--color-text-primary);display:flex;flex-direction:column;overflow:hidden}.keyboard-open .onboarding-shell{position:absolute;bottom:auto;top:0;height:var(--visual-viewport-height,100vh)}.onboarding-app-nav{position:absolute;top:var(--space-md);left:var(--space-md);z-index:50;pointer-events:none}.onboarding-back-button{pointer-events:auto;display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-md);background:var(--glass-bg-secondary);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--color-border-subtle);border-radius:var(--radius-full);color:var(--color-text-secondary);font-size:var(--font-size-xs);font-weight:500;text-decoration:none;transition:background-color var(--transition-fast),color var(--transition-fast);&:hover{background:var(--color-surface-elevated);color:var(--color-text-primary)}}.onboarding-layout{display:flex;height:100%;width:100%}.onboarding-sidebar{display:none;width:400px;background:var(--color-surface-elevated);border-right:1px solid var(--color-border);padding:var(--space-2xl);flex-direction:column;overflow-y:auto;@media (min-width:1024px){display:flex}}.onboarding-sidebar-card{display:flex;flex-direction:column;height:100%}.section-title{font-size:var(--font-size-xs);font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary);margin-bottom:var(--space-md)}.onboarding-field-list{display:flex;flex-direction:column;gap:var(--space-sm)}.onboarding-field-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) var(--space-md);background:var(--onboarding-field-bg,var(--color-surface-elevated));border:1px solid var(--color-border-subtle);box-shadow:var(--shadow-xs);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--color-text-primary);font-weight:500;transition:border-color var(--transition-fast);&:hover{border-color:var(--color-border-focus)}}.onboarding-field-status{font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.onboarding-progress-card{margin-top:auto;padding:var(--space-lg);background:linear-gradient(135deg,var(--color-surface) 0,color-mix(in oklch,var(--color-surface) 95%,var(--color-primary)) 100%);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);position:relative;overflow:hidden}.onboarding-progress-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--color-accent-cyan),var(--color-primary))}.onboarding-optional-card{margin-top:var(--space-xl)}.optional-items{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-sm);margin-top:var(--space-md)}.onboarding-optional-item{padding:var(--space-md);background:var(--onboarding-optional-bg,var(--color-surface-elevated));border:1px solid var(--color-border-subtle);box-shadow:var(--shadow-xs);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:6px;transition:border-color var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast);&:hover{border-color:var(--color-border-focus);transform:translateY(-1px);box-shadow:var(--shadow-sm)}}.onboarding-optional-item span:first-child{font-weight:600;color:var(--color-text-primary);font-size:var(--font-size-sm)}.onboarding-main-panel{flex:1;display:flex;flex-direction:column;background:radial-gradient(circle at 0 0,color-mix(in oklch,var(--color-primary) 8%,transparent) 0,transparent 50%),radial-gradient(circle at 100% 100%,color-mix(in oklch,var(--color-accent-cyan) 8%,transparent) 0,transparent 50%),var(--color-background);position:relative}.onboarding-main-header{padding:var(--space-xl);text-align:center;border-bottom:1px solid var(--color-border-subtle);background:color-mix(in oklch,var(--color-background) 70%,transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.onboarding-chat-scroll{flex:1;overflow-y:auto;padding:var(--space-xl);display:flex;flex-direction:column;gap:var(--space-lg);scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:var(--color-border-subtle) transparent;&::-webkit-scrollbar{width:6px}&::-webkit-scrollbar-thumb{background-color:var(--color-border-subtle);border-radius:3px}}.onboarding-start-card{align-self:center;background:var(--glass-bg-tertiary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);padding:var(--space-lg);max-width:400px;text-align:center;color:var(--color-text-primary);animation:fade-in .5s ease-out;box-shadow:var(--shadow-lg)}.onboarding-bubble{display:flex;width:100%;animation:slide-up .3s ease-out;&.user{justify-content:flex-end}&.assistant{justify-content:flex-start}}.chat-bubble{max-width:80%;padding:var(--space-md) var(--space-lg);border-radius:var(--radius-xl);font-size:var(--font-size-md);line-height:1.6;position:relative;box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);&.user{background:var(--chat-bubble-user-bg);color:white;border-bottom-right-radius:var(--radius-xs);border:1px solid oklch(100% 0 0/.2);box-shadow:var(--chat-bubble-user-shadow);text-shadow:0 1px 1px oklch(0 0 0/.1);.contact-hover-trigger,a{color:white;text-decoration-color:white}.contact-hover-trigger .crystal-detail-icon{color:currentColor}.contact-hover-trigger:hover{background:oklch(100% 0 0/.1);color:white}}&.assistant{background:var(--chat-bubble-assistant-bg);color:var(--color-text-primary);border-bottom-left-radius:var(--radius-xs);border:1px solid color-mix(in oklch,var(--color-border) 80%,var(--color-primary) 20%);box-shadow:var(--shadow-md),0 0 0 1px rgb(255 255 255/.4) inset}p{margin-bottom:.5em}p:last-child{margin-bottom:0}strong{font-weight:600;color:currentColor}ol,ul{margin-left:1.5em;margin-bottom:.5em}li{margin-bottom:.25em}a{color:currentColor;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px;opacity:.9;&:hover{opacity:1}}}.onboarding-system-status{align-self:center;background:color-mix(in oklch,var(--color-success) 10%,transparent);border:1px solid color-mix(in oklch,var(--color-success) 20%,transparent);color:var(--color-success);padding:var(--space-xs) var(--space-md);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:500;margin:var(--space-sm) 0}.onboarding-input-bar{padding:var(--space-lg);background:color-mix(in oklch,var(--color-background) 80%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--color-border-subtle)}.glass-secondary{background:var(--glass-bg-tertiary);border:1px solid var(--color-border-subtle);color:var(--color-text-primary);&::placeholder{color:var(--color-text-disabled)}&:focus{background:var(--color-surface-elevated);border-color:var(--color-primary)}}.onboarding-textarea{width:100%}.onboarding-submit-button{min-height:52px;min-width:52px;height:52px;width:52px;align-self:flex-end;margin-bottom:0}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.settings-page{display:flex;flex-direction:column;min-height:100vh;background:var(--chat-background)}.settings-main{flex:1;max-width:64rem;width:100%;margin:0 auto;padding:var(--space-4) var(--space-4) var(--space-12);display:flex;flex-direction:column;gap:var(--space-8)}@media (min-width:768px){.settings-main{padding:var(--space-8) var(--space-8) var(--space-16)}}.settings-header{margin-bottom:var(--space-4)}.settings-header-container{display:flex;justify-content:space-between;align-items:flex-start}.settings-title-content{display:flex;flex-direction:column;gap:var(--space-2)}.settings-title{font-size:var(--text-2xl);font-weight:700;color:var(--color-text-primary);letter-spacing:-.02em;background:linear-gradient(135deg,var(--color-text-primary),var(--color-text-secondary));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.settings-subtitle{font-size:var(--text-base);color:var(--color-text-secondary);max-width:40rem}.settings-section{display:flex;flex-direction:column;gap:var(--space-6);padding:var(--space-6);border-radius:var(--radius-xl);background:color-mix(in oklch,var(--color-surface) 40%,transparent);border:1px solid var(--color-border);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.settings-section.security-section{border-color:color-mix(in oklch,var(--color-warning) 30%,var(--color-border));background:color-mix(in oklch,var(--color-warning) 5%,color-mix(in oklch,var(--color-surface) 40%,transparent))}.settings-section-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-4);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border-subtle)}.settings-section-title{font-size:var(--text-lg);font-weight:600;color:var(--color-text-primary);margin-bottom:var(--space-1)}.settings-section-subtitle{font-size:var(--text-sm);color:var(--color-text-tertiary)}.settings-section-badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.settings-section-badge.appearance{background:color-mix(in oklch,var(--color-primary) 15%,transparent);color:var(--color-primary);border:1px solid color-mix(in oklch,var(--color-primary) 30%,transparent)}.settings-section-badge.security{background:color-mix(in oklch,var(--color-warning) 15%,transparent);color:var(--color-warning);border:1px solid color-mix(in oklch,var(--color-warning) 30%,transparent)}.settings-form{gap:var(--space-1)}.settings-form,.settings-item{display:flex;flex-direction:column}.settings-item{gap:var(--space-4);padding:var(--space-4);border-radius:var(--radius-lg);transition:background-color .15s ease}@media (min-width:640px){.settings-item{flex-direction:row;align-items:center;justify-content:space-between}}.settings-item:hover{background:color-mix(in oklch,var(--color-surface) 60%,transparent)}.settings-item-content{display:flex;gap:var(--space-4);flex:1}.settings-item-indicator{width:4px;border-radius:2px;flex-shrink:0;background:var(--color-border)}.settings-item-indicator.primary{background:var(--color-primary)}.settings-item-indicator.secondary{background:var(--color-secondary)}.settings-item-indicator.accent{background:var(--color-accent-cyan)}.settings-item-indicator.purple{background:var(--color-accent-purple)}.settings-item-indicator.security{background:var(--color-success)}.settings-item-indicator.warning{background:var(--color-error)}.settings-item-title{font-weight:600;color:var(--color-text-primary);margin-bottom:var(--space-1)}.settings-item-title.primary{color:var(--color-primary)}.settings-item-title.secondary{color:var(--color-secondary)}.settings-item-title.accent{color:var(--color-accent-cyan)}.settings-item-title.purple{color:var(--color-accent-purple)}.settings-item-title.security{color:var(--color-success)}.settings-item-title.warning{color:var(--color-error)}.settings-item-description{font-size:var(--text-sm);color:var(--color-text-secondary)}.settings-control{flex-shrink:0;display:flex;align-items:center;justify-content:flex-end;min-width:120px}.settings-switch{position:relative;display:inline-block;width:48px;height:28px;cursor:pointer}.settings-switch:after{content:"";position:absolute;inset:-10px;z-index:1}.settings-switch input{opacity:0;width:0;height:0}.settings-switch-slider{position:absolute;inset:0;background-color:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:28px;transition:background-color .2s ease,border-color .2s ease}.settings-switch-slider:before{position:absolute;content:"";height:20px;width:20px;left:3px;bottom:3px;background-color:var(--color-text-secondary);border-radius:50%;transition:transform .2s cubic-bezier(.4,0,.2,1),background-color .2s ease;box-shadow:0 2px 4px color-mix(in oklch,oklch(0% 0 0) 20%,transparent)}.settings-switch input:checked+.settings-switch-slider{background-color:var(--color-primary);border-color:var(--color-primary)}.settings-switch input:checked+.settings-switch-slider:before{transform:translateX(20px);background-color:white}.settings-switch input:focus-visible+.settings-switch-slider{outline:2px solid var(--color-primary);outline-offset:2px}.settings-theme-selector{display:flex;background:var(--color-surface-elevated);padding:4px;border-radius:var(--radius-lg);border:1px solid var(--color-border)}.settings-theme-option{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--text-xs);font-weight:500;color:var(--color-text-secondary);background:transparent;border:none;cursor:pointer;transition:color .15s ease,background-color .15s ease,box-shadow .15s ease}.settings-theme-option:hover{color:var(--color-text-primary)}.settings-theme-option.active{background:var(--color-surface);color:var(--color-primary);box-shadow:0 2px 4px color-mix(in oklch,oklch(0% 0 0) 10%,transparent)}.settings-theme-option:focus-visible{outline:2px solid var(--color-primary);z-index:1}.settings-logout-button{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:600;color:var(--color-error);background:color-mix(in oklch,var(--color-error) 10%,transparent);border:1px solid color-mix(in oklch,var(--color-error) 20%,transparent);cursor:pointer;transition:background-color .15s ease,color .15s ease}.settings-logout-button:hover{background:var(--color-error);color:white}.settings-status-indicator{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:500;color:var(--color-text-secondary)}.status-dot{width:8px;height:8px;border-radius:50%}.status-dot.active{background:var(--color-success);box-shadow:0 0 8px var(--color-success)}.status-dot.inactive{background:var(--color-text-tertiary)}.settings-save-feedback{position:fixed;bottom:var(--space-8);left:50%;transform:translateX(-50%);z-index:var(--z-toast);pointer-events:none;animation:slide-up-fade .3s var(--ease-out-spring) forwards}.settings-save-indicator{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);background:color-mix(in oklch,var(--color-surface) 90%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--color-primary);border-radius:var(--radius-full);color:var(--color-primary);font-weight:500;font-size:var(--text-sm);box-shadow:0 4px 12px color-mix(in oklch,var(--color-primary) 20%,transparent)}@keyframes slide-up-fade{0%{opacity:0;transform:translate(-50%,20px)}to{opacity:1;transform:translate(-50%)}}.settings-section.integrations-section{border-color:color-mix(in oklch,var(--color-primary) 30%,var(--color-border));background:color-mix(in oklch,var(--color-primary) 5%,color-mix(in oklch,var(--color-surface) 40%,transparent))}.settings-section-badge.integrations{background:color-mix(in oklch,var(--color-success) 15%,transparent);color:var(--color-success);border:1px solid color-mix(in oklch,var(--color-success) 30%,transparent)}.settings-connect-button{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:600;color:white;background:var(--color-primary);border:1px solid var(--color-primary);cursor:pointer;transition:background-color .15s ease,transform .15s ease}.settings-connect-button:hover{background:color-mix(in oklch,var(--color-primary) 85%,black);transform:translateY(-1px)}.settings-connect-button:active{transform:translateY(0)}.settings-disconnect-button{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);border-radius:var(--radius-md);font-size:var(--text-xs);font-weight:500;color:var(--color-text-secondary);background:transparent;border:1px solid var(--color-border);cursor:pointer;transition:color .15s ease,border-color .15s ease}.settings-disconnect-button:hover{color:var(--color-error);border-color:var(--color-error)}.settings-slack-connected{display:flex;align-items:center;gap:var(--space-3)}.settings-item-error{margin-top:var(--space-2);font-size:var(--text-xs);color:var(--color-error)}.animate-spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.text-green-500{color:var(--color-success)}.password-gate-back-button{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);margin-bottom:var(--space-lg);background:transparent;border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast);&:hover:not(:disabled){background:var(--color-hover-overlay);border-color:var(--color-border);color:var(--color-text-primary)}&:focus-visible{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px color-mix(in oklch,var(--color-primary) 20%,transparent)}&:disabled{opacity:.6;cursor:not-allowed}svg{flex-shrink:0}}.password-gate-shell{min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at center,color-mix(in oklch,var(--color-primary) 30%,var(--color-background)) 0,var(--color-background) 100%);padding:var(--space-lg)}.password-gate-container{width:100%;max-width:800px;perspective:1000px}.password-gate-panel{background:var(--glass-bg-tertiary);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--color-border-subtle);border-radius:var(--radius-2xl);padding:var(--space-2xl);box-shadow:0 25px 50px -12px color-mix(in oklch,var(--color-background) 50%,transparent);animation:panel-enter .6s cubic-bezier(.16,1,.3,1)}.password-gate-header{text-align:center;margin-bottom:var(--space-2xl)}.password-gate-pill{display:inline-flex;align-items:center;gap:var(--space-xs);padding:4px 12px;background:color-mix(in oklch,var(--color-warning) 10%,transparent);border:1px solid color-mix(in oklch,var(--color-warning) 20%,transparent);color:var(--color-warning);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-lg)}.password-gate-header h1{font-size:var(--font-size-2xl);font-weight:700;color:var(--color-text-primary);margin-bottom:var(--space-sm);letter-spacing:-.02em}.password-gate-header p{color:var(--color-text-secondary);font-size:var(--font-size-md);line-height:1.6}.password-gate-info-grid{display:grid;grid-template-columns:1fr;gap:var(--space-lg);margin-bottom:var(--space-2xl);@media (min-width:768px){grid-template-columns:repeat(3,1fr)}}.password-gate-info-item{background:var(--glass-bg-tertiary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);padding:var(--space-md);text-align:left}.password-gate-info-title{display:flex;align-items:center;justify-content:center;gap:var(--space-xs);font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-primary);margin-bottom:var(--space-xs);svg{color:var(--color-primary)}}.password-gate-info-item p:not(.password-gate-info-title){font-size:var(--font-size-sm);color:var(--color-text-tertiary);line-height:1.6}.password-gate-header p strong,.password-gate-info-item p strong{color:var(--color-text-primary);font-weight:700}.password-gate-form{display:flex;flex-direction:column;gap:var(--space-xl)}.password-gate-label{display:block;font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-secondary);margin-bottom:var(--space-xs)}.password-gate-input{width:100%;background:var(--input-bg);border:1px solid var(--input-border);border-radius:var(--radius-lg);padding:var(--space-md);color:var(--color-text-primary);font-size:var(--font-size-md);transition:border-color var(--transition-fast),background-color var(--transition-fast),box-shadow var(--transition-fast);&:focus{outline:none;border-color:var(--color-primary);background:var(--color-surface);box-shadow:0 0 0 2px color-mix(in oklch,var(--color-primary) 20%,transparent)}&::placeholder{color:var(--color-text-disabled)}}.password-gate-row{display:grid;grid-template-columns:1fr;gap:var(--space-md);@media (min-width:640px){grid-template-columns:1fr 1fr}}.password-gate-button{width:100%;justify-content:center;font-weight:600}@keyframes panel-enter{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.pages-dashboard-container{display:flex;min-height:100vh;flex-direction:column;background-color:var(--color-background)}.pages-dashboard-main-content{margin-left:auto;margin-right:auto;width:100%;max-width:80rem;flex:1 1 0%;padding:1rem}@media (min-width:640px){.pages-dashboard-main-content{padding:1.5rem}}@media (min-width:768px){.pages-dashboard-main-content{padding:2rem}}.pages-dashboard-header{margin-bottom:2rem;display:flex;flex-direction:column;justify-content:space-between;gap:1rem}@media (min-width:768px){.pages-dashboard-header{flex-direction:row;align-items:center}}.pages-dashboard-title{display:flex;align-items:center;gap:.75rem;font-size:1.5rem;line-height:2rem;font-weight:700;color:var(--color-text-primary)}@media (min-width:768px){.pages-dashboard-title{font-size:1.875rem;line-height:2.25rem}}.pages-dashboard-icon{color:var(--color-accent-blue)}.pages-dashboard-description{margin-top:.5rem;max-width:42rem;color:var(--color-text-secondary)}.pages-dashboard-create-button{width:100%;flex-shrink:0}@media (min-width:768px){.pages-dashboard-create-button{width:auto}}.pages-dashboard-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:1rem;border-width:2px;border-style:dashed;border-color:var(--color-border);background-color:color-mix(in oklch,var(--color-surface) 90%,transparent);padding-top:5rem;padding-bottom:5rem;text-align:center}.pages-dashboard-empty-state-title{margin-bottom:.5rem;font-size:1.25rem;line-height:1.75rem;font-weight:600;color:var(--color-text-primary)}.pages-dashboard-empty-state-text{margin-bottom:1.5rem;max-width:28rem;color:var(--color-text-tertiary)}.pages-dashboard-grid{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:1.5rem}@media (min-width:640px){.pages-dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.pages-dashboard-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.pages-dashboard-card{display:flex;cursor:pointer;flex-direction:column;border-radius:.75rem;padding:1.5rem;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.pages-dashboard-card:hover{--tw-translate-y:-0.25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));--tw-shadow:0 10px 15px -3px rgb(0 0 0/0.1),0 4px 6px -4px rgb(0 0 0/0.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.pages-dashboard-card{background:var(--pages-card-bg);border:1px solid var(--pages-card-border);-webkit-backdrop-filter:var(--glass-blur-sm);backdrop-filter:var(--glass-blur-sm)}.pages-dashboard-card:hover{background:var(--pages-card-hover-bg);border-color:var(--pages-card-hover-border)}.pages-dashboard-card:hover .pages-dashboard-card-icon,.pages-dashboard-card:hover .pages-dashboard-card-title{color:var(--color-accent-blue)}.pages-dashboard-card:hover .pages-dashboard-open-link{--tw-translate-x:0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));opacity:1}.pages-dashboard-card-icon{margin-bottom:1rem;display:flex;height:3rem;width:3rem;align-items:center;justify-content:center;border-radius:.5rem;background-color:color-mix(in oklch,var(--color-surface) 85%,transparent);color:var(--color-accent-blue)}.pages-dashboard-card-icon,.pages-dashboard-card-title{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.pages-dashboard-card-title{margin-bottom:.5rem;font-size:1.125rem;line-height:1.75rem;font-weight:700;color:var(--color-text-primary)}.pages-dashboard-card-description{margin-bottom:1.5rem;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;flex:1 1 0%;font-size:.875rem;line-height:1.25rem;color:var(--color-text-secondary)}.pages-dashboard-card-footer{margin-top:auto;display:flex;align-items:center;justify-content:space-between;border-top-width:1px;border-color:var(--color-border);padding-top:1rem;font-size:.875rem;line-height:1.25rem}.pages-dashboard-role-badge{border-radius:.375rem;background-color:color-mix(in oklch,var(--color-surface) 85%,transparent);padding:.25rem .5rem;font-size:.75rem;line-height:1rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-tertiary)}.pages-dashboard-open-link{display:flex;--tw-translate-x:0.5rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));align-items:center;font-weight:500;color:var(--color-accent-blue);opacity:0;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}