/* Comptoir Auto V7.6.1 — Messagerie Mobile & UX B2B */
#messages .thread{position:relative;transition:background .16s ease,border-color .16s ease}
#messages .thread .seller{min-width:0;width:100%;align-items:center}
#messages .thread .seller>div:not(.mini-wrap){min-width:0;flex:1}
#messages .thread .v761-preview{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
#messages .v761-thread-meta{margin-left:auto;display:grid;justify-items:end;align-self:stretch;gap:5px;padding-left:8px;flex:0 0 auto}
#messages .v761-thread-meta time{font-size:10px;color:#7a756c;white-space:nowrap}
#messages .v761-thread-meta b{display:grid;place-items:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:#173f36;color:#fff;font-size:10px;line-height:1}
#messages .thread.v761-unread{background:#f5f8f3}
#messages .thread.v761-unread .seller b{font-weight:800;color:#173f36}
#messages .thread.v761-unread:before{content:"";position:absolute;left:0;top:13px;bottom:13px;width:3px;border-radius:3px;background:#b68a36}
#messages .v761-chat-context{border:1px solid #ded6c8;background:#fff;color:#173f36;border-radius:10px;padding:7px 9px;font:700 10px/1.1 Inter,sans-serif;cursor:pointer;white-space:nowrap}
#messages .bubble time{display:block;margin-top:5px;opacity:.68;font-size:9px}
#messages .composer input:focus{outline:2px solid rgba(182,138,54,.32);outline-offset:1px}
@media(max-width:760px){
 #messages>.page-head{display:none!important}
 #messages{padding-top:0!important}
 #messages .messages{border-radius:0!important;border-left:0!important;border-right:0!important}
 #messages .thread{min-height:68px;padding:10px 12px!important;border-bottom:1px solid #eee8de}
 #messages .thread .seller{gap:10px}
 #messages .thread .mini-wrap,#messages .thread .mini{flex:0 0 auto}
 #messages .thread .seller b{font-size:13px}
 #messages .thread .v761-preview{font-size:11px;line-height:1.35;margin-top:3px;max-width:calc(100vw - 135px)}
 #messages .chat-head{gap:8px!important;padding-right:9px!important}
 #messages .chat-head>div:not(.avatar){min-width:0;flex:1}
 #messages .chat-head b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 #messages .v761-chat-context{font-size:0;padding:8px;min-width:34px;min-height:34px}
 #messages .v761-chat-context:after{content:'Auto';font-size:10px}
 #messages .chat-body{scrollbar-width:thin;padding-bottom:12px!important}
 #messages .bubble{font-size:13px;line-height:1.42;overflow-wrap:anywhere}
 #messages .message-vehicle-card{max-width:100%;overflow:hidden}
 #messages .composer{padding-left:max(9px,env(safe-area-inset-left))!important;padding-right:max(9px,env(safe-area-inset-right))!important}
 #messages .composer input{min-width:0!important}
}
@media(max-width:380px){#messages .thread .v761-preview{max-width:calc(100vw - 120px)}#messages .chat-head .secondary{display:none!important}}
@media(prefers-reduced-motion:reduce){#messages .thread{transition:none}}

/* V7.6.1.1 — compact offer modal + factual read receipts + vehicle context */
#modalForm:has(.offer-modal-v7611){align-content:start!important;grid-auto-rows:max-content!important;gap:14px!important}
#modalForm .offer-modal-v7611{display:none!important}
#messages .v7611-vehicle-context{display:flex;align-items:center;gap:10px;margin:8px 12px 2px;padding:8px 10px;border:1px solid rgba(20,57,48,.16);border-radius:12px;background:#fff;color:#173f35;cursor:pointer;text-align:left}
#messages .v7611-vehicle-context img{width:64px;height:48px;object-fit:cover;border-radius:8px;flex:0 0 auto}
#messages .v7611-vehicle-context span{display:flex;min-width:0;flex:1;flex-direction:column}
#messages .v7611-vehicle-context small{font-size:9px;font-weight:800;letter-spacing:.08em;color:#8a7020}
#messages .v7611-vehicle-context b{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#messages .v7611-vehicle-context strong{font-size:10px;color:#9a7819;margin-top:2px}
#messages .v7611-receipt{display:inline-flex;align-items:center;margin-left:5px;font-size:11px;font-weight:800;letter-spacing:-3px;opacity:.72;vertical-align:baseline}
#messages .bubble.me .v7611-receipt.is-read{opacity:1}
@media(max-width:760px){#modalForm:has(.offer-modal-v7611){padding-bottom:calc(var(--v644-bottom-nav) + 18px)!important}#modalForm:has(.offer-modal-v7611) .form-actions{margin-top:4px!important;margin-bottom:0!important}#messages .v7611-vehicle-context{margin:7px 9px 2px}#messages .v7611-vehicle-context img{width:58px;height:44px}}

/* V7.6.2.3 service context beside latest exchange */
.v7623-service-context{display:flex;width:min(100%,430px);align-items:center;text-align:left;border:1px solid #d9cfb9;background:#fffdf8;border-radius:12px;padding:9px 11px;margin:6px 0 10px;cursor:pointer}.v7623-service-context span{display:flex;min-width:0;flex-direction:column;gap:2px}.v7623-service-context small{font-size:9px;font-weight:800;letter-spacing:.06em;color:#9a7218}.v7623-service-context b{font-size:12px;color:#173f36;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.v7623-service-context strong{font-size:10px;color:#9a7218}.v7623-service-context:hover{border-color:#b99a51}
@media(max-width:760px){.v7623-service-context{width:calc(100% - 12px);margin:6px 6px 10px}}