.top-account{height:100px}.content-account{height:calc(-100px + 100%)}.iconField-top-account>div>input{padding:5px 5px 5px 30px}.account-container{padding:6px 6px 4px;border-radius:8px;margin:0 auto;height:100%;display:flex;flex-direction:column;justify-content:space-between}.account-title{font-size:18px;font-weight:700;color:#333;margin-bottom:12px}.iconField-top-account .pi-search{color:#888}.iconField-top-account input{width:100%;padding:8px 12px;border:1px solid #ccc;border-radius:4px;font-size:14px}.account-filters{display:flex;gap:4px}.filter-option{font-size:14px;font-weight:500;color:#555;background-color:#f1f1f1;border:none;border-radius:4px;padding:2px 4px;cursor:pointer;transition:background-color .3s,color .3s,box-shadow .3s}.filter-option:hover{background-color:#007bff;color:#fff;box-shadow:0 2px 4px rgba(0,0,0,.2)}.filter-option.active{background-color:#007bff;color:#fff;font-weight:700;box-shadow:0 2px 6px rgba(0,0,0,.3)}.chat-item{display:flex;align-items:center;gap:10px;padding:10px 15px;border-bottom:1px solid #e0e0e0;cursor:pointer;transition:background-color .3s ease}.chat-icon{font-size:40px;color:#007bff}.chat-details{display:flex;flex-direction:column}.chat-details,.chat-name{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-name{font-size:16px;font-weight:700;color:#333;margin:0}.customer-info-header{font-size:24px;font-weight:600;margin-bottom:15px;color:#333}.customer-info-nav{display:flex;gap:.5rem;flex-wrap:wrap;font-size:16px;color:#555}.customer-info-nav p{width:40%}.customer-info-nav p span{font-weight:500}.chat-container{display:flex;flex-direction:column;height:100%;width:100%;margin:auto;border:1px solid #ddd;overflow:hidden;background-color:#f9f9f9}.messages{flex:1;overflow-y:auto;padding:10px}.messages .message{margin-bottom:.5rem}.sent{justify-content:end;text-align:end;align-items:end}.received,.sent{display:flex;width:100%}.received{justify-content:start;text-align:start}.message.sent>p{width:max-content;white-space:pre-wrap;padding:10px;background-color:#d1f4d1;color:#000;word-wrap:break-word;text-align:start}.message.sent>p,.message.sent>span{max-width:80%;align-self:flex-end;border-radius:15px}.message.sent>span{width:30%}.message.received>span{width:30%;max-width:80%;border-radius:15px}.message.received>p{width:max-content;max-width:80%;white-space:pre-wrap;padding:10px;align-self:flex-start;background-color:#e8e8e8;color:#000;border-radius:15px;word-wrap:break-word}.input-container{display:flex;gap:4px;align-items:center;padding:10px;border-top:1px solid #ddd;background-color:#fff}.input-container input[type=text]{flex:1;padding:10px;border:1px solid #ddd;border-radius:20px;outline:none}.input-container button{padding:10px 20px;background-color:#007bff;color:#fff;border:none;border-radius:20px;cursor:pointer}.input-container button:hover{background-color:#0056b3}.file-upload{margin:0;position:relative;cursor:pointer}.pasted-image-preview{width:80px;height:80px;text-align:center}.pasted-image-preview img{width:100%;height:100%;object-fit:cover;border:1px solid #ddd;border-radius:4px}@media only screen and (max-width:760px){.account-filters,.account-title{display:none}.top-account{height:50px}.content-account{height:calc(-50px + 100%)}.chat-icon{font-size:32px}.chat-name{font-size:14px}.customer-info-header{font-size:20px}.customer-info-nav p{font-size:14px}.customer-info-nav p span{font-weight:500}}.scrollbar-gutter-stable{scrollbar-gutter:stable}.overflow-messenger{overflow-y:auto;overflow-x:hidden;background-color:#f4f4f4}.overflow-messenger::-webkit-scrollbar{width:8px}.overflow-messenger::-webkit-scrollbar-track{background:#e0e0e0;border-radius:10px}.overflow-messenger::-webkit-scrollbar-thumb{background:#3498db;border-radius:10px;border:2px solid #e0e0e0}.overflow-messenger::-webkit-scrollbar-thumb:hover{background:#2980b9}.overflow-x-custom{overflow-y:hidden;overflow-x:auto;padding-bottom:4px}.overflow-x-custom::-webkit-scrollbar{height:4px}.overflow-x-custom::-webkit-scrollbar-track{background:#e0e0e0;border-radius:10px}.overflow-x-custom::-webkit-scrollbar-thumb{background:#3498db;border-radius:10px}.overflow-x-custom::-webkit-scrollbar-thumb:hover{background:#2980b9}