.me-inbox-wrap{margin:0 auto;max-width:760px}.me-inbox{background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 40px 80px -30px #00000073,0 12px 28px -10px #00000040;border:1px solid #e3e3e8;color:#111}.me-inbox-bar{display:flex;align-items:center;gap:12px;padding:14px 18px;background:#f0f2f5;border-bottom:1px solid #e3e3e8}.me-inbox-logo{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#0084ff,#44bec7);flex:0 0 auto;position:relative}.me-inbox-logo:after{content:"";position:absolute;inset:7px;background:#fff;border-radius:50%}.me-inbox-title{flex:1;font-weight:700;font-size:14px;color:#111}.me-inbox-meta{display:inline-flex;align-items:center;gap:6px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:10px;letter-spacing:.15em;color:#444;font-weight:700}@keyframes me-blink{0%,to{opacity:1}50%{opacity:.3}}.me-inbox-tabs{display:flex;gap:4px;padding:8px 14px;background:#fafafa;border-bottom:1px solid #e3e3e8;overflow-x:auto}.me-inbox-tab{flex:0 0 auto;padding:6px 12px;border-radius:999px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:10px;letter-spacing:.18em;font-weight:700;color:#777;border:1px solid transparent;background:transparent}.me-inbox-tab--on{background:#111;color:#fff;border-color:#111}.me-inbox-list{list-style:none;margin:0;padding:0;background:#fff;min-height:360px}.me-inbox-item{display:none;grid-template-columns:40px 1fr auto;gap:14px;align-items:center;padding:14px 18px;border-bottom:1px solid #f0f0f3}.me-inbox-item:last-child{border-bottom:none}[data-demo][data-active="0"] .me-inbox-item[data-turn="0"],[data-demo][data-active="0"] .me-inbox-item--typing,[data-demo][data-active="1"] .me-inbox-item[data-turn="0"],[data-demo][data-active="1"] .me-inbox-item[data-turn="1"],[data-demo][data-active="1"] .me-inbox-item--typing,[data-demo][data-active="2"] .me-inbox-item[data-turn="0"],[data-demo][data-active="2"] .me-inbox-item[data-turn="1"],[data-demo][data-active="2"] .me-inbox-item[data-turn="2"],[data-demo][data-active="2"] .me-inbox-item--typing,[data-demo][data-active="3"] .me-inbox-item[data-turn="0"],[data-demo][data-active="3"] .me-inbox-item[data-turn="1"],[data-demo][data-active="3"] .me-inbox-item[data-turn="2"],[data-demo][data-active="3"] .me-inbox-item[data-turn="3"],[data-demo][data-active="3"] .me-inbox-item--typing,[data-demo][data-active="4"] .me-inbox-item:not(.me-inbox-item--typing){display:grid;animation:me-row-in .4s ease both}@keyframes me-row-in{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}[data-demo][data-active="4"] .me-inbox-item[data-turn="4"]{border-bottom:none}.me-inbox-item--typing .me-inbox-snippet{font-style:italic}.me-typing-dots{display:inline-flex;gap:4px}.me-typing-dots span{width:5px;height:5px;border-radius:50%;background:#888;opacity:.5;animation:me-typing-bounce 1s ease-in-out infinite}.me-typing-dots span:nth-child(2){animation-delay:.12s}.me-typing-dots span:nth-child(3){animation-delay:.24s}@keyframes me-typing-bounce{0%,to{transform:translateY(0);opacity:.5}50%{transform:translateY(-3px);opacity:1}}.me-inbox-avatar{width:40px;height:40px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;color:#fff;flex:0 0 auto}.me-inbox-avatar[data-c=a]{background:#111}.me-inbox-avatar[data-c=b]{background:#555}.me-inbox-avatar[data-c=c]{background:#888}.me-inbox-avatar[data-c=d]{background:#333}.me-inbox-avatar[data-c=e]{background:#666}.me-inbox-avatar--typing{background:#ddd;color:#666}.me-inbox-row{display:flex;flex-direction:column;gap:3px;min-width:0}.me-inbox-name{font-weight:700;font-size:13px;color:#111;display:inline-flex;align-items:center;gap:8px}.me-inbox-snippet{font-size:12px;color:#555;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:30ch}.me-inbox-status{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:9px;letter-spacing:.15em;color:#888;font-weight:700;flex:0 0 auto}.me-inbox-item--escal .me-inbox-status{color:#111}.me-inbox-item--escal{background:repeating-linear-gradient(45deg,#fafafa 0 6px,transparent 6px 12px)}.me-label{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:8px;letter-spacing:.15em;padding:2px 6px;border-radius:4px;border:1px solid #ddd;color:#555;font-weight:700}.me-label--vip{background:#111;color:#fff;border-color:#111}.me-label--esc{background:#fff;color:#111;border:1px solid #111}.me-inbox-foot{padding:12px 18px;background:#fafafa;border-top:1px solid #e3e3e8;text-align:center}.me-inbox-foot-pill{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;background:#fff;border:1px solid #e3e3e8;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:9px;letter-spacing:.18em;color:#555;font-weight:700}.me-foot-dot{width:6px;height:6px;background:#111;border-radius:50%;animation:me-blink 1.6s ease-in-out infinite}.me-foot-handoff{visibility:hidden}[data-demo][data-active="2"] .me-foot-handoff,[data-demo][data-active="3"] .me-foot-handoff,[data-demo][data-active="4"] .me-foot-handoff{visibility:visible}.me-demo-controls{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin-top:16px}.me-demo-btn{border-radius:999px;border:1px solid var(--color-neutral-300);padding:7px 14px;font-size:12px;font-weight:700;color:var(--color-neutral-600);background:transparent;transition:color .2s,border-color .2s,background-color .2s}.me-demo-btn:hover{color:var(--color-neutral-900);border-color:var(--color-neutral-500)}.me-demo-btn[aria-pressed=true]{background:var(--color-accent-600);border-color:var(--color-accent-600);color:#fff}:root.dark .me-demo-btn,.dark .me-demo-btn{border-color:var(--color-neutral-700);color:var(--color-neutral-400)}:root.dark .me-demo-btn:hover,.dark .me-demo-btn:hover{color:var(--color-neutral-50);border-color:var(--color-neutral-500)}:root.dark .me-demo-btn[aria-pressed=true],.dark .me-demo-btn[aria-pressed=true]{background:var(--color-accent-400);border-color:var(--color-accent-400);color:var(--color-neutral-950)}@media(prefers-reduced-motion:reduce){.me-foot-dot,.me-inbox-item,.me-typing-dots span{animation:none!important}.me-inbox-item{opacity:1!important;transform:none!important}.me-foot-dot,.me-typing-dots span{opacity:1!important}.me-demo-btn{transition:none!important}}@media(max-width:640px){.me-inbox-list{min-height:470px}}