/* Desktop workspace; the approved phone layout remains in chat.css. */
.messenger-context{display:none}

@media(min-width:701px){
    body.chat-screen{background:#f1f5f3}
    body.chat-screen .site-header{border-bottom:1px solid #e1e8e3;box-shadow:none}
    body.chat-screen .site-header>nav{max-width:1400px;padding-left:22px;padding-right:22px}
    body.chat-screen main.wrap{max-width:1400px;padding:16px 22px 20px}
    .messenger{grid-template-columns:300px minmax(0,1fr);border:1px solid #dce5df;border-radius:16px;box-shadow:0 12px 40px #1b3d2b0a;background:#fff}
    .messenger-inbox{background:#fff;border-right-color:#e4ebe6}
    .messenger-inbox-heading{padding:23px 20px 16px}
    .messenger-inbox-heading .eyebrow{font-size:9px;font-weight:600;letter-spacing:1px;color:#85958a}
    .messenger-inbox-heading h1{font-size:23px;font-weight:700;letter-spacing:-.5px;margin-top:5px}
    .messenger-inbox-heading h1 small{font-size:10px;padding:3px 7px;margin-left:4px}
    .messenger .inbox-tabs{height:34px;min-height:34px;margin:0 16px 2px;padding:3px;border:0;border-radius:8px;gap:2px;background:#f1f5f2}
    .inbox-tabs a{padding:6px 4px;border:0;border-radius:6px;font-size:11px;line-height:1.2;color:#77887c}
    .inbox-tabs a[aria-current]{background:#fff;color:var(--chat-brand);box-shadow:0 1px 5px #25433212;border:0}
    .messenger .inbox-search{margin:13px 16px 10px;height:34px;min-height:34px;background:#fff;border-color:#e0e8e2;border-radius:7px}
    .messenger .inbox-search input{font-size:11px;padding-left:10px}
    .chat-screen .messenger .inbox-search-button{font-size:18px;min-width:30px;color:#788e7f}
    .messenger .inbox-chips{height:34px;padding:0 16px 8px;gap:7px}
    .inbox-chips a{font-size:10px;padding:4px 9px;border-color:#e3eae5;color:#7b8b80}
    .inbox-chips a[aria-current]{background:var(--chat-soft);border-color:transparent;color:var(--chat-brand)}
    .messenger-inbox-scroll{padding:5px 8px}
    .messenger-inbox-item{padding:13px 10px;margin:2px 0 5px;border:0;border-left:3px solid transparent;border-radius:9px;gap:9px}
    .messenger-inbox-item[aria-current]{border-left-color:var(--chat-brand);background:var(--chat-soft)}
    .inbox-thumbnail{width:42px;height:42px;flex-basis:42px;border-radius:8px}
    .inbox-item-top strong{font-size:12px;font-weight:700}.inbox-item-top time{font-size:9px}
    .inbox-item-title{font-size:11px;font-weight:600;margin:4px 0}
    .inbox-item-preview{font-size:11px;color:#839187}.inbox-item-bottom small{font-size:9px;color:#8a998e}
    .messenger-person{height:68px;min-height:68px;padding:12px 68px 12px 22px;border-bottom-color:#e5ece7}
    .messenger-person h1{font-size:16px;font-weight:700;letter-spacing:-.2px}
    .messenger-person>div>span{font-size:10px;color:#8c9a90}
    .messenger .chat-avatar{width:38px;height:38px;flex-basis:38px;font-size:17px;border:1px solid #e4ebe6}
    .messenger-close{font-size:21px;color:#8b9a90}
    .messenger-tools{top:19px;right:20px}
    .messenger-tools>summary{font-size:22px;color:#7f9285}
    .messenger-item{padding:9px 20px;background:#fcfdfc;border-bottom-color:#e6ece8}
    .messenger-item strong{font-size:12px}.messenger-item>div>span{font-size:11px}
    .messenger-safety-note{font-size:10px;background:#f8faf8;color:#8b998f;border-bottom:1px solid #e6ece8;padding:6px 20px}
    .messenger-thread{background:#f5f8f6;background-image:radial-gradient(#9cb3a51c .7px,transparent .7px);background-size:13px 13px}
    .chat-screen .messenger .chat-log{padding:20px 24px;gap:8px;scrollbar-width:thin}
    .messenger .chat-day{font-size:9px;padding:5px 10px;margin:0 0 14px;background:#fff;color:#95a197;border:1px solid #e4ebe6;box-shadow:0 1px 3px #243d2b04}
    .chat-screen .messenger .chat-bubble{max-width:min(82%,430px);padding:10px 12px;border:1px solid #e1e9e3;box-shadow:0 2px 6px #223c2a05;border-radius:12px;background:#fff}
    body.chat-screen .messenger .chat-mine .chat-bubble{background:var(--chat-soft);border-color:color-mix(in srgb,var(--chat-brand) 15%,white);border-bottom-right-radius:3px}
    .messenger .chat-bubble p{font-size:13px;line-height:1.5}.messenger .chat-author{font-size:10px;margin-right:5px}
    .messenger .chat-bubble time{font-size:9px;margin-top:5px;color:#8c9d90}
    .chat-screen .messenger .chat-connection{background:transparent;color:#93a197;font-size:9px;padding:4px 10px}
    .chat-screen .messenger .chat-compose{margin:0 15px 14px;padding:11px 12px;border:1px solid #dfe8e1;border-radius:12px;background:#fff;box-shadow:0 3px 12px #183d2910}
    .chat-screen .messenger .chat-quick-replies{gap:5px;padding-bottom:9px}
    .chat-screen .messenger .quick-reply{font-size:10px;font-weight:500;padding:5px 8px;background:#fff;color:#7b8e80;border:1px solid #e0e8e2;border-radius:6px}
    .chat-screen .messenger .quick-reply:hover{background:var(--chat-soft);color:var(--chat-brand)}
    .chat-screen .messenger .chat-compose textarea{font-size:13px;line-height:1.4;padding:10px 3px;background:#fff;border:0;border-radius:0;box-shadow:none;min-height:40px}
    .chat-screen .messenger .chat-compose textarea::placeholder{color:#9ba99f}
    .chat-screen .messenger .chat-send{height:40px;min-height:40px;padding:9px 13px;font-size:11px;border-radius:8px;box-shadow:none}
    .messenger-welcome{background:#f8faf9}.messenger-welcome h2{font-size:25px;letter-spacing:-.5px}
}
@media(min-width:1180px){
    .messenger-person{height:68px;min-height:68px}
    .messenger-thread{margin-right:240px}
    .messenger-conversation>.messenger-item,.messenger-conversation>.messenger-safety-note{display:none}
    .messenger-context{display:block;position:absolute;top:68px;bottom:0;right:0;width:240px;border-left:1px solid #e4ebe6;background:#fff;padding:22px 17px;overflow-y:auto;scrollbar-width:thin}
    .context-eyebrow{display:block;font-size:9px;letter-spacing:1px;font-weight:600;color:#8c9b90;margin-bottom:14px}
    .context-photo{display:block;width:100%;height:130px;object-fit:cover;border:1px solid #e2e9e4;border-radius:10px;background:#f5f8f6}
    .messenger-context h2{font-size:14px;line-height:1.4;font-weight:650;margin:14px 0 6px;overflow-wrap:anywhere}
    .context-price{display:block;font-size:20px;font-weight:750;letter-spacing:-.5px;color:var(--chat-brand)}
    .messenger-context dl{margin:16px 0 18px;font-size:10px}
    .messenger-context dl>div{display:flex;justify-content:space-between;gap:8px;margin:8px 0}
    .messenger-context dt{color:#97a299}.messenger-context dd{margin:0;color:#51685a;text-align:right;overflow-wrap:anywhere}
    .chat-screen .messenger .context-view{display:block;width:100%;text-align:center;font-size:11px;padding:10px 8px;border-radius:8px;background:var(--chat-brand);color:#fff}
    .context-safety{margin-top:24px;padding:15px 12px;border-radius:9px;background:#f6f9f7;border:1px solid #e7ede9}
    .context-safety svg{display:block;width:23px;height:23px;color:var(--chat-brand);margin-bottom:9px}
    .context-safety strong{display:block;font-size:11px;font-weight:650;color:#4f6859}
    .context-safety p{font-size:10px;line-height:1.65;margin:7px 0 10px;color:#8a9a8e}
    .context-safety a{font-size:10px;font-weight:600;color:var(--chat-brand)}
    .context-unavailable{font-size:11px;line-height:1.5;color:#8a7560}
}

@media(min-width:701px){
    .messenger-inbox-heading h1{font-size:25px}
    .messenger .inbox-tabs a{font-size:13px}
    .messenger .inbox-search input{font-size:13px}
    .messenger .inbox-chips a{font-size:12px}
    .messenger .inbox-item-top strong{font-size:14px}
    .messenger .inbox-item-top time{font-size:11px}
    .messenger .inbox-item-title,.messenger .inbox-item-preview{font-size:13px}
    .messenger .inbox-item-bottom small{font-size:11px}
    .messenger .messenger-person h1{font-size:18px}
    .messenger .messenger-person>div>span{font-size:12px}
    .messenger .chat-bubble p{font-size:15px}
    .messenger .chat-author{font-size:12px}
    .messenger .chat-bubble time,.messenger .chat-day{font-size:11px}
    .chat-screen .messenger .chat-compose textarea{font-size:15px}
    .chat-screen .messenger .chat-send{font-size:13px}
    .chat-screen .messenger .quick-reply{font-size:12px}
    .messenger .chat-connection{font-size:11px}
    .messenger .context-eyebrow{font-size:10px}
    .messenger .messenger-context h2{font-size:16px}
    .messenger .context-price{font-size:24px}
    .messenger .messenger-context dl{font-size:12px}
    .messenger .context-safety strong{font-size:13px}
    .messenger .context-safety p,.messenger .context-safety a{font-size:12px}
    .chat-screen .messenger .context-view{font-size:13px}
}