body:has(.inbox-shell){margin:0}.inbox-shell{--inbox-bottom-safe-area: 64px;max-width:1400px;height:calc(var(--pane-h) - var(--inbox-bottom-safe-area));margin:0 auto;box-sizing:border-box}.inbox-grid{display:grid;grid-template-columns:320px minmax(0,1fr) 300px;gap:24px;align-items:start;height:100%}.thread-panel{height:100%;min-height:0;display:flex;flex-direction:column;min-width:0}.thread-header{padding:12px 20px;display:flex;align-items:center;justify-content:space-between;flex:none;background:var(--surface-2);border:1px solid var(--border);border-radius:12px;box-shadow:0 1px 3px var(--shadow-low)}.thread-header-actions{display:inline-flex;align-items:center;gap:6px}.thread-info-button{display:none;width:32px;height:32px;flex:none;align-items:center;justify-content:center;padding:0;border:none;border-radius:50%;background:transparent;color:var(--muted);cursor:pointer}.thread-info-button:hover,.thread-info-button[aria-expanded=true]{background:var(--surface-3);color:var(--ink)}.thread-body-wrap{position:relative;flex:1;display:flex;min-height:0}.thread-messages{flex:1;min-width:0;max-width:100%;overflow-x:hidden;overflow-y:auto;margin-bottom:24px}.thread-msg-list{display:flex;flex-direction:column;min-width:0;max-width:100%;width:100%;gap:16px;padding:20px 20px 36px;min-height:100%;box-sizing:border-box}.thread-msg-list>*{min-width:0;max-width:100%}.thread-scroll-btn{position:absolute;left:50%;transform:translate(-50%);bottom:36px;height:32px;padding:0 14px;background:#ffffff1a;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:var(--muted);border:1px solid var(--border);border-radius:999px;cursor:pointer;box-shadow:0 4px 12px var(--shadow-low);display:inline-flex;align-items:center;gap:6px;justify-content:center;white-space:nowrap;transition:background .15s var(--ease),color .15s var(--ease),transform .15s var(--ease);z-index:5}.thread-scroll-btn.has-new{background:var(--ink);color:var(--surface);border:none;box-shadow:0 4px 12px var(--shadow-low)}.thread-scroll-btn:hover{background:var(--surface);color:var(--ink);transform:translate(-50%,-1px)}.thread-scroll-btn.has-new:hover{background:var(--surface);color:var(--ink)}.thread-scroll-btn:focus-visible{outline:2px solid var(--brand-wine);outline-offset:2px}.msg-group{display:flex;flex-direction:column;gap:4px;max-width:75%;animation:inbox-msg-in .28s var(--ease)}.msg-group.is-long,.msg-group:has(.ticket-email-bubble){max-width:90%}.msg-group.user{align-self:flex-start;align-items:flex-start}.msg-group.agent{align-self:flex-end;align-items:flex-end}.msg-group-header{font-size:var(--text-xs);color:var(--muted);display:flex;align-items:center;gap:6px}.msg-ai-trace{display:flex;flex-wrap:wrap;align-items:center;gap:5px;margin:4px 0 8px;color:var(--muted)}.msg-agent-content{display:flex;align-items:flex-start;gap:8px}.msg-agent-main{display:flex;min-width:0;flex-direction:column;align-items:flex-end;gap:4px}.msg-agent-avatar{display:grid;width:28px;height:28px;flex:none;place-items:center;border-radius:50%;background:var(--muted);color:var(--on-accent);font-size:12px}.msg-agent-avatar--ai{background:var(--brand-wine);border-color:var(--brand-wine)}.msg-bubble{padding:8px 16px;border-radius:var(--radius);line-height:1.5;white-space:pre-wrap;word-break:break-word}.msg-group.is-long .msg-bubble{padding:12px 16px}.msg-group.user .msg-bubble{background:var(--surface);color:var(--ink);border:1px solid var(--border);border-top-left-radius:0}.msg-group.agent .msg-bubble{background:var(--surface);color:var(--ink);border:1px solid var(--border);border-top-right-radius:0}.msg-group.human .msg-bubble{background:var(--brand-gold-bg)}.msg-bubble .md>:first-child{margin-top:0}.msg-bubble .md>:last-child{margin-bottom:0}.msg-bubble .md p{margin:0 0 8px}.msg-bubble .md ul,.msg-bubble .md ol{margin:4px 0 8px;padding-left:20px}.msg-bubble .md li{margin:2px 0}.msg-bubble .md li>p{margin:0}.msg-bubble .md strong{font-weight:650}.msg-bubble .md a{color:var(--brand-wine);text-decoration:underline;text-underline-offset:2px}.msg-bubble .md code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;background:var(--surface-2);border:1px solid var(--border);border-radius:4px;padding:.5px 4px}.msg-bubble .md pre{margin:6px 0 8px;padding:10px 12px;background:var(--surface-2);border:1px solid var(--border);border-radius:8px;overflow-x:auto}.msg-bubble .md pre code{background:none;border:none;padding:0;white-space:pre;word-break:normal;overflow-wrap:normal}.msg-bubble .md h1,.msg-bubble .md h2,.msg-bubble .md h3,.msg-bubble .md h4{margin:10px 0 6px;font-weight:650;line-height:1.3}.msg-bubble .md h1{font-size:1.25em}.msg-bubble .md h2{font-size:1.15em}.msg-bubble .md h3{font-size:1.05em}.msg-bubble .md h4{font-size:1em}.msg-bubble .md blockquote{margin:6px 0;padding:6px 12px;background:var(--surface-2);border-radius:6px;color:var(--muted)}.msg-bubble .md hr{border:none;border-top:1px solid var(--border);margin:10px 0}.msg-bubble .md-table-wrap{width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;margin:6px 0}.msg-bubble .md table{width:max-content;min-width:100%;border-collapse:collapse;margin:0}.msg-bubble .md th,.msg-bubble .md td{border:1px solid var(--border);padding:8px 14px;text-align:left;white-space:nowrap}.msg-bubble .md th{background:var(--surface-2);font-weight:600}@keyframes inbox-msg-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.msg-seen{display:flex;justify-content:flex-end;align-items:center;gap:4px;margin-top:-6px;color:var(--muted);font-size:var(--text-sm)}.msg-bubble--typing{display:inline-flex;align-items:center;gap:7px;min-height:20px}.typing-pencil{flex-shrink:0;color:var(--muted);transform-origin:bottom left;animation:inbox-pencil .9s ease-in-out infinite}@keyframes inbox-pencil{0%,to{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(-1.5px) rotate(5deg)}}.msg-group--typing{position:sticky;bottom:12px;z-index:4;padding-top:6px;padding-bottom:4px;margin-bottom:-6px}.msg-typing-draft{color:var(--muted);font-style:italic}.typing-dots{display:inline-flex;gap:4px;padding:2px 0}.typing-dots span{width:6px;height:6px;border-radius:50%;background:var(--muted);animation:inbox-typing 1.4s infinite ease-in-out}.typing-dots span:nth-child(2){animation-delay:.2s}.typing-dots span:nth-child(3){animation-delay:.4s}@keyframes inbox-typing{0%,to{transform:translateY(0);opacity:.5}50%{transform:translateY(-3px);opacity:1}}.msg-section-divider{align-self:center;display:flex;align-items:center;gap:12px;width:100%;margin:18px 0 10px;scroll-margin-top:14px;-webkit-user-select:none;user-select:none}.msg-section-divider-line{flex:1;height:1px;background:var(--border)}.msg-section-divider-badge{display:inline-flex;align-items:center;border:none;border-radius:999px;font-size:var(--text-xs);color:var(--ink);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:inherit;line-height:inherit;transition:background .18s var(--ease);opacity:.75}.msg-section-divider-badge:hover{opacity:1}.msg-section-divider-header{display:flex;align-items:center;gap:6px}.msg-section-time{color:var(--ink);font-weight:600}.msg-daybreak{align-self:center;display:flex;align-items:center;gap:10px;width:100%;margin:6px 0;color:var(--muted);font-size:var(--text-xs)}.msg-daybreak:before,.msg-daybreak:after{content:"";flex:1;height:1px;background:var(--border)}.msg-system{align-self:center;max-width:80%;margin:4px 0;padding:5px 12px;border-radius:999px;background:var(--surface-2);border:1px solid var(--border);color:var(--muted);font-size:var(--text-xs);text-align:center}.online-dot{width:8px;height:8px;border-radius:50%;background:var(--muted);flex-shrink:0}.online-dot.is-online{background:var(--online);box-shadow:0 0 8px var(--online)}.thread-back{display:none;width:32px;height:32px;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--ink);cursor:pointer;align-items:center;justify-content:center;transition:background .18s var(--ease)}.thread-back:hover{background:var(--surface-2)}.composer{z-index:10;display:flex;align-items:flex-end;gap:6px;padding:6px;border:1px solid var(--border-strong);border-radius:24px;background:var(--surface-2);transition:border-color .18s var(--ease),box-shadow .18s var(--ease)}.composer:focus-within{border-color:var(--brand-gold);box-shadow:0 0 0 1px var(--brand-gold)}.composer textarea{flex:1;min-width:0;box-sizing:border-box;border:none;outline:none;resize:none;background:transparent;min-height:36px;padding:8px 0;font:inherit;font-size:var(--text-sm);line-height:20px;color:var(--ink);max-height:132px;overflow-y:auto}.composer textarea::placeholder{color:var(--muted)}.composer:has(.composer-attach-area){border-radius:18px}.composer-body{flex:1;min-width:0;display:flex;flex-direction:column}.composer-input-wrap{position:relative;flex:1;min-width:0;display:flex}.composer-input-wrap>textarea{flex:1;position:relative;z-index:1;scrollbar-width:none}.composer-input-wrap>textarea::-webkit-scrollbar{width:0;height:0}.composer-ghost-mirror{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;margin:0;border:none;pointer-events:none;box-sizing:border-box;padding:7px 12px;font:inherit;font-size:var(--text-sm);line-height:20px;white-space:pre-wrap;overflow-wrap:break-word;word-break:break-word;overflow:hidden}.composer-ghost-typed{color:transparent}.composer-ghost-cont{color:var(--muted);opacity:.7}.composer-ghost-mirror kbd{font:inherit;font-size:var(--text-xs);background:var(--surface-2);border:1px solid var(--border);border-radius:4px;padding:0 4px}.composer-icon{flex-shrink:0;width:36px;height:36px;border:none;background:transparent;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--current);cursor:pointer;transition:color .15s var(--ease),background .15s var(--ease)}.composer-icon:hover:not(:disabled),.composer-icon[data-popover-open]:not(:disabled){color:var(--ink);background:var(--surface-3)}.composer-icon:disabled{opacity:.45;cursor:not-allowed}.composer-icon s-icon,.composer-icon svg{width:18px;height:18px;display:flex;align-items:center;justify-content:center}.send-btn{flex-shrink:0;width:36px;height:36px;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--brand-gold);color:var(--on-accent);cursor:pointer;transition:transform .12s var(--ease),filter .18s var(--ease)}.send-btn:hover:not(:disabled){transform:scale(1.06)}.send-btn:disabled{opacity:.45;cursor:not-allowed}.send-btn svg{width:16px;height:16px;margin-left:-2px}.send-btn.is-stop svg,.send-btn svg.stop-icon{margin-left:0;width:18px;height:18px}.send-btn.is-stop:hover:not(:disabled){filter:brightness(1.15)}.ghost-suggestion{display:flex;align-items:baseline;gap:8px;padding:6px 12px;border-radius:var(--radius-sm);background:var(--surface-2);border:1px dashed var(--border)}.ghost-suggestion-text{flex:1;min-width:0;font-size:var(--text-sm);line-height:1.5;color:var(--muted);white-space:pre-wrap;word-break:break-word;overflow:hidden;display:-webkit-box;line-clamp:3;-webkit-line-clamp:3;-webkit-box-orient:vertical}.ghost-suggestion-hint{flex-shrink:0;font-size:var(--text-xs);color:var(--muted);white-space:nowrap;opacity:.75}.msg-attachments{display:flex;flex-direction:column;gap:6px;max-width:100%}.msg-group.user .msg-attachments{align-self:flex-start;align-items:flex-start}.msg-group.agent .msg-attachments{align-self:flex-end;align-items:flex-end}.att-img-btn{display:block;border:none;padding:0;background:transparent;cursor:zoom-in;overflow:hidden;max-width:100%;line-height:0}.att-img-btn:focus-visible{outline:2px solid var(--brand-wine);outline-offset:2px}.att-img-btn img{display:block;width:100%;height:auto;max-height:240px;object-fit:cover;border-radius:var(--radius);border:1px solid var(--border);box-shadow:0 1px 3px var(--shadow-low);background:var(--img-mat)}.att-doc-link{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:var(--radius-sm);background:var(--surface-2);border:1px solid var(--border);color:var(--ink);font-size:var(--text-xs);font-weight:500;text-decoration:none;transition:background .15s var(--ease),border-color .15s var(--ease);max-width:220px;overflow:hidden}.att-doc-link:hover{background:var(--border);border-color:var(--border-strong)}.att-doc-link:focus-visible{outline:2px solid var(--brand-wine);outline-offset:2px}.att-doc-icon{flex-shrink:0;color:var(--muted)}.att-doc-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.att-doc-size{flex-shrink:0;font-size:var(--text-xs);color:var(--muted)}.att-lightbox-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:var(--overlay);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:att-lightbox-in .18s var(--ease)}.att-lightbox-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;border:none;padding:0;margin:0;background:transparent;cursor:zoom-out}.att-lightbox-backdrop:focus-visible{outline:2px solid var(--brand-wine);outline-offset:-2px}.att-lightbox-img{position:relative;z-index:1;max-width:90vw;max-height:90vh;object-fit:contain;border-radius:var(--radius-sm);box-shadow:0 12px 40px var(--shadow-high);pointer-events:none}.att-lightbox-close{position:absolute;z-index:2;top:16px;right:16px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:50%;background:var(--surface);color:var(--ink);cursor:pointer;transition:background .15s var(--ease)}.att-lightbox-close:hover{background:var(--surface-2)}.att-lightbox-close:focus-visible{outline:2px solid var(--brand-wine);outline-offset:2px}@keyframes att-lightbox-in{0%{opacity:0}to{opacity:1}}.composer-chips{display:flex;flex-wrap:wrap;gap:6px;padding:2px 0}.att-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border-radius:var(--radius-sm);background:var(--surface-3);font-size:var(--text-xs);max-width:200px}.att-chip-thumb{width:28px;height:28px;border-radius:4px;object-fit:cover;flex-shrink:0;border:1px solid var(--border);background:var(--img-mat)}.att-chip-icon{width:28px;height:28px;border-radius:4px;background:var(--surface);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--muted)}.att-chip-label{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px;overflow:hidden}.att-chip-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ink)}.att-chip-size{font-size:var(--text-xs);color:var(--muted)}.att-chip-remove{flex-shrink:0;width:18px;height:18px;border:none;background:transparent;cursor:pointer;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--muted);padding:0;transition:color .12s,background .12s}.att-chip-remove:hover{color:var(--ink);background:var(--border)}.att-chip-remove:focus-visible{outline:2px solid var(--brand-wine);outline-offset:1px}.composer-attach-error{font-size:var(--text-xs);color:var(--status-critical-fg);padding:2px 0 4px}.handover-strip{position:relative;isolation:isolate;flex-shrink:0;overflow:hidden;z-index:2;display:flex;align-items:center;gap:8px;padding:12px 20px;background:linear-gradient(to bottom,var(--transparent),var(--shopify-bg) 55%);font-size:var(--text-xs);color:var(--muted);margin:0}.handover-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0;background:var(--brand-wine)}.handover-strip[data-handler=human] .handover-dot{background:var(--brand-gold)}.handover-strip[data-handler=needs] .handover-dot{background:var(--status-warning-fg)}.handover-strip[data-handler=needs]{color:var(--ink)}.handover-strip[data-handler=ai]:after,.handover-strip[data-handler=needs]:after{content:"";position:absolute;z-index:-1;left:50%;bottom:0;width:100%;height:100%;transform:translate(-50%);background:radial-gradient(ellipse at 50% 100%,color-mix(in oklch,var(--brand-wine-light) 40%,transparent) 0%,color-mix(in oklch,var(--brand-wine-light) 14%,transparent) 42%,transparent 80%);filter:blur(5px);animation:handover-ai-glow 2s ease-in-out infinite;pointer-events:none}@keyframes handover-ai-glow{0%,to{opacity:.4;transform:translate(-50%) scaleY(.8)}50%{opacity:1;transform:translate(-50%) scaleY(1)}}.handover-action{flex-shrink:0;background:none;border:none;padding:0;font:inherit;font-weight:600;color:var(--brand-wine);cursor:pointer}.handover-action:hover{text-decoration:underline}.handover-action:focus-visible{outline:2px solid var(--brand-wine);outline-offset:2px}.thread-header-info{display:flex;align-items:center;gap:12px}.channel-selector-container{position:relative;display:inline-flex;align-items:center}.channel-selector-trigger{display:inline-flex;align-items:center;gap:2px;padding:0;border:none;background:transparent;color:var(--ink);cursor:pointer;font-size:13px;font-weight:500;transition:all .15s ease;line-height:1}.channel-trigger-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px}.channel-trigger-chevron{color:var(--muted, #6d7175);transition:transform .15s ease}.channel-selector-trigger.is-open .channel-trigger-chevron{transform:rotate(180deg)}.channel-dropdown-menu{position:absolute;top:calc(100% + 6px);left:0;z-index:100;min-width:160px;padding:6px;background:var(--surface);border:1px solid var(--border, #d1d5db);border-radius:10px;box-shadow:0 4px 16px #0000001f,0 1px 3px #0000000d;animation:channelMenuFadeIn .12s ease-out}@keyframes channelMenuFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.channel-dropdown-header{padding:6px 10px 4px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--muted, #6d7175)}.channel-dropdown-item{width:100%;display:flex;align-items:center;gap:10px;padding:8px 10px;border:none;border-radius:6px;background:transparent;color:var(--ink);cursor:pointer;text-align:left;transition:background .12s ease}.channel-dropdown-item:hover{background:var(--surface-2)}.channel-dropdown-item.is-selected{background:var(--surface-3)}.channel-item-icon{display:flex;align-items:center;justify-content:center;width:18px;height:18px}.channel-item-name{flex:1}.channel-item-active-dot{width:6px;height:6px;border-radius:50%;background:#008060}@media(max-width:1100px){.inbox-grid{grid-template-columns:300px minmax(0,1fr)}.thread-info-button{display:inline-flex}}@media(max-width:768px){.inbox-grid{grid-template-columns:1fr}.inbox-grid.has-selection .list-panel{display:none}.inbox-grid:not(.has-selection) .list-panel{display:block;width:100%}.inbox-grid:not(.has-selection) .thread-panel{display:none}.thread-back{display:flex}.thread-header{padding:6px 10px;position:relative;z-index:11}.thread-header-actions{gap:2px}.inbox-grid{position:relative}.composer textarea,.composer-ghost-mirror{font-size:var(--text-sm)}}@media(max-width:767px){.list-panel{background:transparent}}@media(prefers-reduced-motion:reduce){.msg-group,.typing-dots span,.typing-pencil,.att-lightbox-overlay{animation:none}}