.support-console{display:grid;grid-template-columns:300px minmax(0,1fr);min-height:590px;border:1px solid #304358;border-radius:13px;overflow:hidden;background:#101d2c}.support-inbox{border-right:1px solid #304358;background:#0c1724}.support-inbox>header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #304358}.support-inbox h2,.support-conversation h2{font-size:15px;margin:0;overflow-wrap:anywhere}.support-inbox>header>span{font-size:12px;color:#90a9c4}.support-thread{position:relative;display:block;width:100%;padding:19px 44px 19px 19px;text-align:left;border:0;border-bottom:1px solid #26374b;background:transparent;color:#d8e6f5;cursor:pointer}.support-thread:hover,.support-thread.selected{background:#66d8bd10}.support-thread.selected{box-shadow:inset 3px 0 #75dcc3}.support-thread strong{display:block;font-size:12px;overflow-wrap:anywhere}.support-thread time{display:block;font-size:10px;color:#7990ab;margin:7px 0}.support-thread p{font-size:11px;margin:0;color:#8ea3bd;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.support-unread,[data-support-count]:not([hidden]){background:#78d7bd;color:#0b211c;border-radius:15px;padding:2px 6px;font-size:10px;font-weight:bold}.support-unread{position:absolute;right:15px;top:20px}.sidebar nav button>[data-support-count]{margin-left:auto}.support-conversation{display:flex;flex-direction:column;min-width:0}.support-conversation>header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 24px;border-bottom:1px solid #304358;min-height:61px}.support-conversation>header>span{font-size:10px;color:#859bb7;white-space:nowrap}.support-history{height:380px;overflow-y:auto;padding:24px;display:flex;flex-direction:column;gap:19px;overscroll-behavior:contain;scrollbar-width:thin}.support-placeholder{margin:auto;padding:26px;text-align:center;color:#8299b5;font-size:12px;line-height:1.8}.support-bubble{align-self:flex-start;max-width:85%}.support-bubble.staff{align-self:flex-end}.support-bubble>span,.support-bubble time{display:block;font-size:10px;color:#879fb9;margin:0 3px 5px}.support-bubble.staff>span,.support-bubble.staff time{text-align:right}.support-bubble p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;line-height:1.7;padding:12px 15px;background:#1c2c40;border:1px solid #35465e;border-radius:3px 13px 13px;margin:0 0 6px;color:#e3edf8}.support-bubble.staff p{background:#173c38;border-color:#386b60;border-radius:13px 3px 13px 13px}.support-reply{margin-top:auto;padding:18px 24px;border-top:1px solid #304358}.support-reply>label{display:block;font-size:11px;color:#a5bad2;margin-bottom:8px}.support-reply textarea{width:100%;resize:vertical;min-height:75px;max-height:180px;border:1px solid #3b5069;border-radius:9px;padding:12px;background:#0a1420;color:#e4edf8;font:inherit;font-size:13px;line-height:1.7}.support-reply>div{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:12px}.support-reply small{font-size:10px;color:#8199b6}.support-error{color:#f1a4b1;font-size:12px;padding:0 24px 15px;margin:0}.support-error:empty{display:none}.support-reply[hidden]{display:none}.support-thread:focus-visible,.support-reply textarea:focus-visible{outline:2px solid #77d6bf;outline-offset:-3px}
@media(max-width:1100px){.support-console{grid-template-columns:230px minmax(0,1fr)}}@media(max-width:700px){.support-console{grid-template-columns:1fr}.support-inbox{border-right:0;border-bottom:1px solid #304358}.support-inbox>div{max-height:210px;overflow:auto}.support-history{height:350px;padding:18px}.support-conversation>header,.support-reply{padding:18px}.support-conversation>header{flex-wrap:wrap;gap:8px}.support-reply small{max-width:60%;line-height:1.7}}