.messages-shell { min-height: 640px; display:grid; grid-template-columns: minmax(260px, 360px) minmax(0,1fr); overflow:hidden; }
        .conversation-list { border-right:1px solid #e2e8f0; background:linear-gradient(180deg,#f8fafc,#eef2ff); overflow:auto; }
        .conversation-item { width:calc(100% - 16px); margin:8px; display:flex; gap:10px; align-items:center; text-align:left; padding:12px; border:1px solid transparent; border-radius:18px; color:#0f172a; transition:background .18s ease,border-color .18s ease,box-shadow .18s ease; }
        .conversation-item:hover, .conversation-item.is-active { background:#fff; border-color:#dbeafe; box-shadow:0 12px 28px rgba(15,23,42,.08); }
        .conversation-item.is-active { outline:2px solid rgba(79,70,229,.12); }
        .chat-window { display:flex; flex-direction:column; min-height:640px; background:#fff; }
        .chat-messages { flex:1; overflow:auto; padding:20px; background:linear-gradient(180deg,#ffffff,#f8fafc); }
        .chat-bubble { position: relative; max-width:min(72%,540px); margin:10px 0; padding:11px 13px; border-radius:20px; font-weight:700; line-height:1.45; color:#0f172a; background:#e2e8f0; box-shadow:0 6px 18px rgba(15,23,42,.06); }
        .chat-bubble.is-mine { margin-left:auto; background:#dcfce7; border-bottom-right-radius:8px; }
        .chat-bubble.is-deleted { color:#64748b; font-style:italic; background:#f1f5f9; }
        .chat-bubble__menu { display:none; position:absolute; top:6px; right:8px; border:0; background:rgba(255,255,255,.78); color:#334155; border-radius:999px; width:24px; height:24px; font-weight:900; }
        .chat-bubble:hover .chat-bubble__menu, .chat-bubble:focus-within .chat-bubble__menu { display:inline-flex; align-items:center; justify-content:center; }
        .conversation-item__menu { border:0; background:transparent; color:#64748b; border-radius:999px; min-width:32px; min-height:32px; font-weight:900; }
        .conversation-item__menu:hover { background:#eef2ff; color:#4f46e5; }
        .message-status { display:inline-flex; margin-left:8px; font-size:11px; font-weight:900; color:#94a3b8; }
        .message-status.is-read { color:#16a34a; }
        .listing-chat-card { margin:14px; border:1px solid #dbeafe; border-radius:22px; padding:12px; display:flex; flex-wrap:wrap; gap:10px 12px; align-items:center; color:#0f172a; background:linear-gradient(135deg,#fff,#eef2ff); box-shadow:0 14px 35px rgba(79,70,229,.10); max-width:calc(100% - 28px); }
        .listing-chat-card__eyebrow { flex:0 0 100%; max-width:112px; font-size:10px; line-height:1.25; text-transform:uppercase; letter-spacing:.08em; font-weight:900; color:#64748b; }
        .listing-chat-card__cta { display:inline-flex; margin-top:5px; border-radius:999px; background:#4f46e5; color:#fff; font-size:10px; font-weight:900; padding:4px 9px; }
        .typing-placeholder { font-size:12px; color:#64748b; font-weight:800; padding:0 18px 8px; }
        @media(max-width: 768px){ .messages-shell{ grid-template-columns: 1fr; min-height:calc(100dvh - 150px); } .conversation-list{ max-height: 260px; border-right:0; border-bottom:1px solid #e2e8f0; } .chat-window{ min-height:520px; } .chat-bubble{ max-width:88%; } .listing-chat-card{ align-items:flex-start; } .listing-chat-card__eyebrow{ max-width:none; flex-basis:100%; } }