.contact-card[data-v-01ed043a]{background-color:#fff;border:1px solid #e0e0e0;cursor:pointer;-webkit-transition:-webkit-transform .2s ease,-webkit-box-shadow .2s ease;transition:-webkit-transform .2s ease,-webkit-box-shadow .2s ease;transition:transform .2s ease,box-shadow .2s ease;transition:transform .2s ease,box-shadow .2s ease,-webkit-transform .2s ease,-webkit-box-shadow .2s ease;border-radius:10px;padding:15px 20px;margin-bottom:12px}.contact-card[data-v-01ed043a]:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px);-webkit-box-shadow:0 4px 8px rgba(0,0,0,.1);box-shadow:0 4px 8px rgba(0,0,0,.1)}.unread[data-v-01ed043a]{background-color:#fff}.unread .company-name[data-v-01ed043a],.unread .date[data-v-01ed043a],.unread .sender-name[data-v-01ed043a],.unread .subject[data-v-01ed043a]{font-weight:700}.read[data-v-01ed043a]{background-color:#fff}.read .company-name[data-v-01ed043a],.read .date[data-v-01ed043a],.read .sender-name[data-v-01ed043a],.read .subject[data-v-01ed043a]{font-weight:400}.desktop-layout[data-v-01ed043a]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.mobile-layout[data-v-01ed043a]{display:none}.row-1[data-v-01ed043a],.row-2[data-v-01ed043a]{margin-bottom:8px}.row-3[data-v-01ed043a]{margin-top:0}.company-name[data-v-01ed043a]{font-weight:600;font-size:18px;color:#2f2e41}.unread .company-name[data-v-01ed043a]{font-weight:700}.read .company-name[data-v-01ed043a]{font-weight:400}.sender-name[data-v-01ed043a]{font-size:14px;color:#2f2e41;-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0}.date-response-container[data-v-01ed043a]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;gap:8px;-ms-flex-negative:0;flex-shrink:0}.date[data-v-01ed043a]{font-size:14px;color:#2f2e41;white-space:nowrap;font-weight:700}.user-response-badge[data-v-01ed043a]{min-width:120px;height:25px;font-weight:700;text-align:center;font-size:12px;padding:5px 10px;border-radius:20px;white-space:nowrap;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background-color:#e5e7eb;border:1px solid #e0e7ff}.user-response-badge.unreplied[data-v-01ed043a]{color:#483aca}.user-response-badge.replied[data-v-01ed043a]{color:#515c6b}.file-upload-text[data-v-01ed043a]{font-size:12px;color:#dd2a29;cursor:pointer;margin-top:4px;white-space:nowrap;text-decoration:none!important}.file-upload-text[data-v-01ed043a]:hover{opacity:.8}.subject[data-v-01ed043a]{font-size:14px;color:#2f2e41;word-wrap:break-word;overflow:hidden;text-overflow:ellipsis}@media (max-width:767px){.contact-card[data-v-01ed043a]{padding:15px 16px;border-radius:10px;-webkit-box-shadow:0 4px 4px 0 rgba(0,0,0,.25098039215686274);box-shadow:0 4px 4px 0 rgba(0,0,0,.25098039215686274)}.desktop-layout[data-v-01ed043a]{display:none}.mobile-layout[data-v-01ed043a]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:8px}.mobile-row-1[data-v-01ed043a],.mobile-row-2[data-v-01ed043a],.mobile-row-3[data-v-01ed043a],.mobile-row-4[data-v-01ed043a]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.mobile-row-1[data-v-01ed043a],.mobile-row-2[data-v-01ed043a]{-ms-flex-negative:0;flex-shrink:0}.mobile-row-3[data-v-01ed043a]{-webkit-box-flex:1;-ms-flex:1;flex:1;min-height:0}.mobile-row-4[data-v-01ed043a]{-ms-flex-negative:0;flex-shrink:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;gap:4px}.mobile-date-response-wrapper[data-v-01ed043a]{width:100%}.mobile-layout .company-name[data-v-01ed043a]{font-size:16px;font-weight:600;color:#2f2e41}.unread .mobile-layout .company-name[data-v-01ed043a]{font-weight:700}.read .mobile-layout .company-name[data-v-01ed043a]{font-weight:400}.mobile-layout .sender-name[data-v-01ed043a]{font-size:14px;color:#2f2e41}.mobile-layout .date[data-v-01ed043a]{font-size:12px;color:#2f2e41}.unread .mobile-layout .company-name[data-v-01ed043a],.unread .mobile-layout .date[data-v-01ed043a],.unread .mobile-layout .sender-name[data-v-01ed043a],.unread .mobile-layout .subject[data-v-01ed043a]{font-weight:700}.read .mobile-layout .company-name[data-v-01ed043a],.read .mobile-layout .date[data-v-01ed043a],.read .mobile-layout .sender-name[data-v-01ed043a],.read .mobile-layout .subject[data-v-01ed043a]{font-weight:400}.mobile-layout .user-response-badge[data-v-01ed043a]{font-size:10px;min-width:100px;height:22px;padding:4px 8px}.mobile-layout .file-upload-text[data-v-01ed043a]{font-size:10px;margin-top:0;-ms-flex-item-align:end;align-self:flex-end}.mobile-layout .subject[data-v-01ed043a]{font-size:14px;color:#2f2e41}}@media (min-width:768px){.contact-card[data-v-01ed043a]{border-radius:10px;-webkit-box-shadow:0 4px 4px 0 rgba(0,0,0,.25098039215686274);box-shadow:0 4px 4px 0 rgba(0,0,0,.25098039215686274)}.desktop-layout[data-v-01ed043a]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.mobile-layout[data-v-01ed043a]{display:none}.date-response-container[data-v-01ed043a]{gap:10px}}.contact-detail[data-v-4cfbe634]{width:100%}.contact-list-container[data-v-4cfbe634]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:0}.empty-message[data-v-4cfbe634]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%;height:47px;padding:28px 20px;margin:20px auto 0;border-radius:10px;color:#787878;font-size:16px;text-align:center;max-width:887px;background:#fff}.empty-message p[data-v-4cfbe634]{margin:0}@media (max-width:768px){.empty-message[data-v-4cfbe634]{margin:110px auto 0;max-width:346px;padding:28px 20px}.empty-message p[data-v-4cfbe634]{font-size:12px}}.pagination-area[data-v-4cfbe634]{margin-top:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}@media(max-width:550px){.contact-detail[data-v-4cfbe634]{padding:0!important}}@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait){.contact-detail[data-v-4cfbe634]{padding:0}}