/* Versioned with the AJAX dialogue: independent of a stale page stylesheet. */
.zeppik-market .zcs-mobile-listing{display:none}
.zeppik-market .zcs-avatar-placeholder{width:65%;height:65%;color:#72909c}
.zeppik-market .chat-dialogue-item-message-avatar .zcs-avatar-placeholder{width:18px;height:18px}
.zeppik-market .zcs-meta>span{display:inline}
.zeppik-market .zcs-meta>.zcs-activity{display:block}
.zeppik-market .zcs-kind::after{content:" · "}
.zeppik-market .zcs-details-person{display:grid;gap:2px;padding-top:7px;font-size:12px;line-height:1.4}
.zeppik-market .zcs-details-person strong{overflow-wrap:anywhere}
.zeppik-market .zcs-details-listing{display:block;border-block:1px solid #dce6e9;overflow-wrap:anywhere;margin:5px 0}
/* A short mobile identity header keeps the conversation and composer in view. */
.zeppik-market .zcs-safety-compact{display:none}
@media(max-width:767px),(max-width:991px) and (max-height:500px){
 .zeppik-market .zcs-chat-header{gap:4px 6px;padding:4px 8px;grid-template-columns:36px minmax(0,1fr)}
 .zeppik-market .zcs-chat-header>.actionOpenDialogues{width:36px;height:40px;min-height:40px}
 .zeppik-market .zcs-chat-header>.row{align-items:start;grid-template-columns:minmax(0,1fr) 36px;gap:2px}
 .zeppik-market .zcs-chat-header .chat-dialogue-item-menu{width:36px;min-height:40px}
 .zeppik-market .zcs-chat-header .zcs-identity{display:flex;align-items:center;flex-wrap:nowrap;gap:8px;margin:0;min-height:40px}
 .zeppik-market .zcs-chat-header .zcs-avatar{width:32px;height:32px;flex:0 0 32px}
 .zeppik-market .zcs-chat-header .zcs-mobile-listing{display:flex;align-items:center;gap:5px;min-width:0;overflow:hidden;font-size:11px;line-height:16px;color:#486675;text-decoration:none}
 .zeppik-market .zcs-chat-header .zcs-mobile-listing img{width:24px;height:24px;flex:0 0 24px;object-fit:cover;border-radius:4px}
 .zeppik-market .zcs-chat-header .zcs-mobile-listing span{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 .zeppik-market .zcs-chat-header .zcs-person{min-width:0;overflow:hidden}
 .zeppik-market .zcs-chat-header .zcs-name{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size:14px;line-height:20px;text-decoration:none}
 .zeppik-market .zcs-chat-header .zcs-profile{display:none}
 .zeppik-market .zcs-chat-header .zcs-meta{display:none;align-items:center;gap:4px;white-space:nowrap;min-width:0;font-size:10px;line-height:15px}
 .zeppik-market .zcs-chat-header .zcs-kind-user{display:none}
 .zeppik-market .zcs-chat-header .zcs-kind-staff{font-weight:600;color:#226879}
 .zeppik-market .zcs-chat-header .zcs-id{flex-shrink:0}
 .zeppik-market .zcs-chat-header .zcs-activity{overflow:hidden;text-overflow:ellipsis}
 .zeppik-market .zcs-chat-header .zcs-activity::before{content:"· ";white-space:pre}
 .zeppik-market .zcs-chat-header .zcs-listing{display:none;gap:6px;padding:3px 7px;margin-top:3px;min-height:30px;font-size:11px;line-height:16px}
 .zeppik-market .zcs-chat-header .zcs-listing img{width:24px;height:24px;flex:0 0 24px;border-radius:5px}
 .zeppik-market .zcs-chat-header .zcs-listing span:nth-child(2){white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 .zeppik-market .zcs-chat-header>.zcs-warning,.zeppik-market .zcs-chat-header>.zcs-guidance{display:none}
 .zeppik-market .zcs-chat-header>.zcs-safety-compact{display:block;grid-column:1/-1;min-width:0;margin:0;border:1px solid #dae7eb;border-radius:8px;background:#f6fafb;color:#4d6975;font-size:11px;line-height:16px}
 .zeppik-market .zcs-safety-compact.zcs-safety-alert{border-color:#ead4b4;background:#fff8ed;color:#785019}
 .zeppik-market .zcs-safety-compact>summary{display:flex;align-items:center;gap:6px;min-height:28px;padding:3px 8px;box-sizing:border-box;cursor:pointer;list-style:none}
 .zeppik-market .zcs-safety-compact>summary::-webkit-details-marker{display:none}
 .zeppik-market .zcs-safety-compact>summary>svg{width:16px;height:16px;flex:0 0 16px}
 .zeppik-market .zcs-safety-compact>summary>span{flex:1;min-width:0}
 .zeppik-market .zcs-safety-compact>summary::after{content:"⌄";font-size:16px;flex:none}
 .zeppik-market .zcs-safety-compact[open]>summary::after{transform:rotate(180deg)}
 .zeppik-market .zcs-safety-body{max-height:min(210px,36dvh);overflow:auto;padding:3px 10px 9px;border-top:1px solid #dce6e9}
 .zeppik-market .zcs-safety-body p{margin:5px 0 8px;font-size:12px;line-height:1.45}
 .zeppik-market .zcs-safety-body a{display:inline-block;font-weight:650;min-height:32px;padding:5px 0}
 .zeppik-market .zcs-safety-compact summary:focus-visible,.zeppik-market .zcs-name:focus-visible,.zeppik-market .zcs-avatar:focus-visible{outline:2px solid #138cca;outline-offset:2px}
 /* Put Close beside the existing header controls, without a separate empty row. */
 .zeppik-market #chatModal:has(.zcs-chat-header) .modal-header{position:absolute;top:4px;right:4px;z-index:5;width:36px;height:40px;min-height:40px;padding:0;border:0;background:transparent;justify-content:center}
 .zeppik-market #chatModal:has(.zcs-chat-header) .modal-header .btn-close-noir{width:36px;height:40px;min-height:40px}
 .zeppik-market #chatModal .zcs-chat-header>.row{padding-right:34px}
 .zeppik-market #chatModal:has(.zcs-chat-header) .modal-header .btn-close-noir i{font-size:20px}
 .zeppik-market.zm-chat-keyboard .zcs-chat-header .zcs-mobile-listing{display:none}
 .zeppik-market.zm-chat-keyboard .zcs-chat-header .zcs-safety-compact>summary{min-height:24px;padding-block:1px}
 .zeppik-market.zm-chat-keyboard .zcs-chat-header{padding-block:4px}
 .zeppik-market .zm-chat-tools-ready .zct-reply-notice{grid-column:1/-1;margin:0 0 6px;padding:6px 8px;font-size:11px;line-height:1.4}
 .zeppik-market .zm-chat-tools-ready:not(.zm-chat-tools-open) .zct-reply-notice{display:none}
}