.call-button-container[data-v-cd8db349]{position:relative}.modal-card[data-v-cd8db349]{width:auto;max-width:700px}.calls-list-container[data-v-cd8db349]{flex:1;overflow-y:auto;padding:1rem;scrollbar-width:thin;scrollbar-color:#d1d5db transparent}.calls-list-container[data-v-cd8db349]::-webkit-scrollbar{width:6px}.calls-list-container[data-v-cd8db349]::-webkit-scrollbar-track{background:transparent}.calls-list-container[data-v-cd8db349]::-webkit-scrollbar-thumb{background-color:#d1d5db;border-radius:3px}.calls-list[data-v-cd8db349]{gap:.75rem}.calls-list[data-v-cd8db349],.message-item[data-v-cd8db349]{display:flex;flex-direction:column}.message-item[data-v-cd8db349]{padding:.75rem;border-radius:.5rem;animation:fadeIn-cd8db349 .3s ease-in-out;box-shadow:0 1px 2px #0000000d;transition:all .2s ease-out}.message-item[data-v-cd8db349]:hover{transform:translateY(-2px);box-shadow:0 2px 5px #0000001a}.message-header[data-v-cd8db349]{justify-content:space-between;margin-bottom:.5rem;border-bottom:1px solid #e5e7eb;padding-bottom:.5rem}.message-header[data-v-cd8db349],.message-type[data-v-cd8db349]{display:flex;align-items:center}.message-type[data-v-cd8db349]{font-size:.875rem;color:#4b5563;font-weight:500}.from-success[data-v-cd8db349]{background-color:#c4f2db;border:1px solid #54b57a}.from-maideo[data-v-cd8db349],.from-success[data-v-cd8db349]{align-self:flex-end;width:95%;text-align:center}.from-maideo[data-v-cd8db349]{background-color:#f0f9ff;border:1px solid #bae6fd}.from-lead[data-v-cd8db349]{align-self:flex-start;background-color:#fef3c7;border:1px solid #fde68a}.from-lead[data-v-cd8db349],.from-system[data-v-cd8db349]{width:95%;text-align:center}.from-system[data-v-cd8db349]{align-self:center;background-color:#e8f9f1;border:1px solid #c4f2db}.message-date[data-v-cd8db349]{font-size:.75rem;color:#6b7280}.message-content[data-v-cd8db349]{font-size:.875rem;line-height:1.5;word-break:break-word}.interaction-body[data-v-cd8db349]{word-break:break-word;white-space:pre-line}[data-v-cd8db349] .html-content{position:relative;max-width:100%;overflow:auto;padding:.5rem;margin-bottom:.5rem;border-radius:.25rem;& body{margin:0!important;padding:0!important;min-height:100vh!important;background-color:#eef1f7!important;width:100vw!important}& *{max-width:100%;font-family:inherit!important;font-size:inherit!important;line-height:inherit!important}& a{color:#0284c7!important;text-decoration:underline!important}& img{display:none!important}& table{max-width:100%;border-collapse:collapse}&.subject{font-weight:600;margin-bottom:.5rem;color:#1e3a8a;background-color:#eff6ff;border:1px solid #dbeafe}&.email-body{background-color:#f9fafb;border:1px solid #f3f4f6}&.header{display:none!important}}@keyframes fadeIn-cd8db349{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}