.conversation-list{display:flex;flex-direction:column;height:100%;background:#1a1a1a;border-right:1px solid #2a2a2a}.conversation-list__header{padding:1rem;border-bottom:1px solid #2a2a2a;display:flex;justify-content:space-between;align-items:center}.conversation-list__header h2{margin:0;font-size:1.25rem;font-weight:600;color:#ececec}.conversation-list__new-button{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;border:none;padding:.5rem 1rem;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.conversation-list__new-button:hover{background:linear-gradient(135deg,#7c3aed,#6d28d9);transform:translateY(-1px)}.conversation-list__items{flex:1;overflow-y:auto}.conversation-list__empty{padding:2rem;text-align:center;color:#6b7280}.conversation-item{padding:1rem 1.25rem;border-bottom:1px solid #2a2a2a;cursor:pointer;transition:background-color .15s}.conversation-item:hover{background-color:#252525}.conversation-item.selected{background-color:#2a1f3d;border-left:3px solid #8b5cf6;padding-left:calc(1.25rem - 3px)}.conversation-item.unread{background-color:#2a2515}.conversation-item__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem;gap:.75rem}.conversation-item__info{justify-content:space-between;gap:.75rem}.conversation-item__info,.conversation-item__name{flex:1;display:flex;align-items:center;min-width:0}.conversation-item__name{font-weight:600;font-size:.95rem;color:#ececec;gap:.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-item__time{font-size:.75rem;color:#9ca3af;white-space:nowrap;flex-shrink:0}.conversation-item__unread-badge{background-color:#8b5cf6;color:#fff;border-radius:999px;padding:.125rem .5rem;font-size:.75rem;font-weight:600;min-width:1.25rem;text-align:center;flex-shrink:0}.conversation-item__subject{font-weight:500;color:#d1d5db;margin-bottom:.5rem}.conversation-item__preview,.conversation-item__subject{font-size:.875rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-item__preview{color:#9ca3af;margin-bottom:.75rem}.conversation-item__preview .sender-type{font-weight:500;color:#d1d5db}.conversation-item__meta{display:flex;gap:.5rem;flex-wrap:wrap}.category-badge,.status-badge{font-size:.75rem;padding:.125rem .5rem;border-radius:.375rem;font-weight:500}.category-badge{background-color:#3a3a3a;color:#d1d5db}.category-badge.category-billing{background-color:#1e3a5f;color:#93c5fd}.category-badge.category-refund_request{background-color:#5f1e1e;color:#fca5a5}.category-badge.category-cancellation{background-color:#5f3a1e;color:#fdba74}.category-badge.category-technical_support{background-color:#3a1e5f;color:#c4b5fd}.category-badge.category-feature_request{background-color:#1e5f3a;color:#86efac}.category-badge.category-complaint{background-color:#5f1e1e;color:#fca5a5}.category-badge.category-general{background-color:#3a3a3a;color:#d1d5db}.status-badge{background-color:#2a2f4a;color:#93c5fd}.status-badge.status-open{background-color:#1e3a2e;color:#86efac}.status-badge.status-closed{background-color:#3a3a3a;color:#9ca3af}.status-badge.status-pending_customer{background-color:#1e3a5f;color:#93c5fd}.status-badge.status-pending_merchant{background-color:#5f3a1e;color:#fcd34d}@media (max-width:768px){.conversation-list{border-right:none}.conversation-item{padding:.875rem}.conversation-item__name{font-size:.9rem}.conversation-item__preview,.conversation-item__subject{font-size:.8125rem}}