:root{font-family:-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo",sans-serif;color:#151515;background:#f6f6f4;font-synthesis:none}*{box-sizing:border-box}body{margin:0}header{height:80px;padding:0 40px;display:flex;align-items:center;gap:20px;border-bottom:1px solid #ddd;background:#fff}.brand{text-decoration:none;color:inherit;font-size:27px;font-weight:750;margin-right:auto}.brand span{font-size:10px;letter-spacing:2px;margin-left:10px;color:#777}button,input,textarea{font:inherit}button{cursor:pointer;border:0;border-radius:12px;background:#efefec;padding:11px 17px;font-size:13px;font-weight:600}button:hover{background:#e3e3de}button:disabled{opacity:.5;cursor:wait}.primary{background:#171717;color:#fff;padding:15px 22px}.primary:hover{background:#333}main{max-width:1400px;margin:auto;padding:32px 40px}#login{margin:12vh auto;max-width:580px}#login h1{font-size:48px;letter-spacing:-2px;line-height:1.15;margin:20px 0}#login p{color:#737373;line-height:1.8}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:700;color:#777}.small{font-size:12px}#login button{margin-top:24px}#error{padding:14px 20px;border-radius:12px;background:#fff0ef;color:#ad322c;font-size:14px}h1{font-size:32px;letter-spacing:-1px;margin:8px 0}h1 span{font-size:18px;color:#777;font-weight:500}.desk-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.workspace{display:grid;grid-template-columns:340px 1fr;min-height:650px;border:1px solid #e0e0dc;border-radius:22px;overflow:hidden;background:#fff}aside{background:#fafaf8;padding:22px;border-right:1px solid #e0e0dc}.search-label{font-size:11px;color:#777}input{display:block;width:100%;padding:13px 15px;border:1px solid #ddd;border-radius:12px;background:#fff;margin-top:7px;font-size:13px;outline:none}input:focus,textarea:focus{border-color:#777}.filters{display:flex;gap:5px;margin:16px 0}.filters button{font-size:11px;padding:9px 12px}.filters .selected{background:#d4f58b}#threads{display:grid;gap:8px}.thread{width:100%;text-align:left;padding:17px;background:transparent;border:1px solid transparent;border-radius:14px}.thread:hover{background:#f0f0eb}.thread.active{background:#fff;border-color:#d6d6cd;box-shadow:0 3px 8px #00000006}.thread-top{display:flex;align-items:center;gap:8px}.thread-email{font-size:13px;font-weight:650;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.badge{background:#171717;color:white;border-radius:20px;padding:3px 7px;font-size:10px}.preview{font-size:12px;color:#777;margin:9px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.thread-bottom{display:flex;justify-content:space-between;font-size:10px;color:#999}.pending{color:#74864c}#more{display:block;width:100%;margin-top:15px}#conversation{min-width:0}#placeholder{height:100%;min-height:500px;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#777}#placeholder h2{font-size:20px;color:#222;margin:20px 0 5px}#placeholder p{font-size:13px}.empty-symbol{width:65px;height:65px;background:#f4f4f0;border-radius:20px;text-align:center;line-height:65px;font-size:30px}.chat-heading{padding:25px 30px;border-bottom:1px solid #e8e8e4}.chat-heading h2{font-size:18px;margin:0 0 8px;overflow-wrap:anywhere}.chat-heading p{margin:0;color:#999;font-size:11px;line-height:1.6;overflow-wrap:anywhere}#messages{height:410px;overflow:auto;padding:25px 30px;display:flex;flex-direction:column;gap:22px}.message{max-width:80%;align-self:flex-start}.message.admin{align-self:flex-end}.bubble{white-space:pre-wrap;overflow-wrap:anywhere;background:#f1f1ed;border-radius:17px;padding:14px 17px;font-size:14px;line-height:1.7}.admin .bubble{background:#171717;color:#fff}.message-label{font-size:10px;color:#999;margin:5px 0}.admin .message-label{text-align:right}#reply{padding:20px 30px;border-top:1px solid #e8e8e4}#reply label{font-size:11px;font-weight:700}textarea{width:100%;display:block;resize:vertical;margin-top:10px;padding:14px;border:1px solid #ddd;border-radius:14px;font-size:14px;outline:none}.reply-bottom{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:12px}.reply-bottom span{font-size:11px;color:#999}[hidden]{display:none!important}#account{font-size:12px;color:#777}#messages .older{align-self:center}.empty-list{font-size:13px;color:#999;padding:30px 10px;line-height:1.8}@media(max-width:850px){header{padding:0 20px;height:65px}main{padding:25px 16px}.workspace{grid-template-columns:1fr}aside{border-right:0;border-bottom:1px solid #ddd}#threads{max-height:260px;overflow:auto}#placeholder{min-height:300px}#messages{height:360px;padding:20px}#reply,.chat-heading{padding:20px}#account{display:none}.reply-bottom{align-items:flex-end}.reply-bottom span{max-width:140px}#login h1{font-size:38px}}
:is(aside,#threads,.thread,.thread-top,.thread-email,.preview){min-width:0}
#threads{grid-template-columns:minmax(0,1fr)}
.thread{max-width:100%;overflow:hidden}
@media(min-width:851px){.workspace{grid-template-columns:340px minmax(0,1fr)}}
.message{display:flex;flex-direction:column;align-items:flex-start;min-width:0}
.message.admin{align-items:flex-end}
.bubble{max-width:100%}