.top-account{height:auto;min-height:0;flex-shrink:0}.content-account{height:auto;flex:1 1 auto;min-height:0;overflow:hidden}.account-container{box-sizing:border-box;width:100%;min-width:0;max-width:100%;padding:8px;border-radius:8px;margin:0;height:auto;display:flex;flex-direction:column;gap:8px;overflow:hidden}.account-title{font-size:15px;font-weight:700;color:#0f172a;margin:0;line-height:1.3}.account-search-row{display:grid!important;grid-template-columns:minmax(0,1fr) 32px;align-items:center;gap:6px;width:100%;min-width:0}.account-search-field{position:relative;display:block;min-width:0;width:100%;max-width:100%;overflow:hidden}.account-search-icon{position:absolute;left:9px;top:50%;transform:translateY(-50%);color:#94a3b8;pointer-events:none;z-index:1}.account-search-input{box-sizing:border-box!important;display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;height:32px!important;margin:0!important;padding:0 8px 0 30px!important;border:1px solid #e2e8f0!important;border-radius:8px!important;background:#f8fafc!important;color:#0f172a!important;font-size:12px!important;font-weight:500!important;line-height:32px!important;outline:none!important;box-shadow:none!important;appearance:none!important;-webkit-appearance:none!important}.account-search-input::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}.account-search-input::placeholder{color:#94a3b8!important;opacity:1!important}.account-search-input:focus{border-color:#60a5fa!important;background:#fff!important;box-shadow:0 0 0 2px rgba(59,130,246,.12)!important}.account-add-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important;width:32px!important;height:32px!important;min-width:32px!important;max-width:32px!important;padding:0!important;border:1px solid #e2e8f0!important;border-radius:8px!important;background:#fff!important;color:#475569!important;cursor:pointer!important;flex-shrink:0!important;transition:background-color .15s ease,border-color .15s ease,color .15s ease!important}.account-add-btn:hover{background:#eff6ff!important;border-color:#bfdbfe!important;color:#2563eb!important}.account-filters-row{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:center!important;gap:4px!important;width:100%;min-width:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.account-filters-row::-webkit-scrollbar{display:none}.filter-option,button.filter-option{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:3px!important;box-sizing:border-box!important;flex:0 0 auto!important;min-height:28px!important;height:28px!important;padding:0 8px!important;border:1px solid #e2e8f0!important;border-radius:9999px!important;background-color:#f8fafc!important;color:#475569!important;font-size:11px!important;font-weight:600!important;line-height:1!important;white-space:nowrap!important;cursor:pointer!important;user-select:none!important;transition:background-color .15s ease,color .15s ease,border-color .15s ease,box-shadow .15s ease!important;box-shadow:none!important;margin:0!important;appearance:none!important;-webkit-appearance:none!important}.filter-option--classify{margin-left:auto!important}.filter-option .pi{font-size:11px!important;line-height:1!important}.filter-option:hover,button.filter-option:hover{background-color:#eff6ff!important;border-color:#bfdbfe!important;color:#1d4ed8!important;box-shadow:none!important}.filter-option.active,button.filter-option.active{background-color:#2563eb!important;border-color:#2563eb!important;color:#fff!important;font-weight:700!important;box-shadow:0 1px 2px rgba(37,99,235,.25)!important}.filter-option.active:hover,button.filter-option.active:hover{background-color:#1d4ed8!important;border-color:#1d4ed8!important;color:#fff!important}.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-title{font-size:14px}.account-container{padding:8px;gap:6px}.account-search-input{height:34px!important;font-size:12px!important}.account-add-btn{width:34px!important;height:34px!important;min-width:34px!important}.filter-option,button.filter-option{min-height:30px!important;height:30px!important;padding:0 8px!important;font-size:11px!important}.top-account{height:auto}.content-account{height:auto;flex:1 1 auto;min-height:0}.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}