.conversation-panel{position:fixed;top:64px;right:0;width:360px;height:calc(100vh - 64px);background:#fff;border-left:1px solid #e6e6e6;box-shadow:-4px 0 16px rgba(0,0,0,.06);z-index:1200;display:flex;flex-direction:column;transform:translateX(0);transition:transform .28s cubic-bezier(.2,.9,.2,1),opacity .18s;will-change:transform,opacity;overflow:hidden}.conversation-panel.inline{position:static;width:384px;height:100vh;box-shadow:none;border-left:1px solid #e6e6e6;z-index:auto}.conversation-panel.closed{transform:translateX(100%);opacity:0;pointer-events:none}.conversation-panel.inline.closed{display:none;transform:none;opacity:1}.panel-header{position:relative;display:flex;align-items:center;justify-content:flex-start;padding:16px 48px 16px 16px;border-bottom:1px solid #f0f0f0;background:#fff;z-index:2;overflow:visible;flex-shrink:0;height:56px}.panel-title{margin:0;font-size:16px;font-weight:600;color:#111}.panel-close-btn{position:absolute;right:12px;top:50%;transform:translateY(-50%);appearance:none;border:1px solid #e5e7eb;background:#fff;font-size:14px;line-height:1.5;padding:6px 12px;cursor:pointer;color:#111;border-radius:6px;transition:background-color .12s,color .12s,border-color .12s;z-index:3;font-weight:500}.panel-close-btn:focus,.panel-close-btn:hover{background:#f9fafb;border-color:#d1d5db;color:#111;outline:none}.panel-body{padding:0;overflow:hidden;flex:1 1 auto;display:flex;flex-direction:column}.open-conversation-btn,.open-conversation-wrap{display:none}@media (max-width:480px){.conversation-panel{width:100%;top:56px;height:calc(100vh - 56px)}.open-conversation-btn{right:12px;top:12px}}