*{box-sizing:border-box}body{color:#f4f6f0;background:#090b09;margin:0;font-family:Arial,Helvetica,sans-serif}a{color:inherit}button,input,textarea{font:inherit}button,a,input,textarea{outline-offset:4px}:is(button:focus-visible,a:focus-visible){outline:2px solid #8bff24}.chat-header{border-bottom:1px solid #30382b;justify-content:space-between;align-items:center;gap:20px;padding:23px 30px;display:flex}.chat-brand{font-size:20px;font-style:italic;font-weight:900;text-decoration:none}.chat-brand b{color:#8bff24}.chat-header>a:last-child{font-size:12px}.chat-main{max-width:1200px;margin:auto;padding:45px 28px}.chat-main h1{text-transform:uppercase;letter-spacing:-1.5px;margin:0 0 12px;font-size:clamp(28px,4vw,43px)}.chat-sub{color:#a8afa5;margin:0 0 25px;font-size:14px;line-height:1.8}.chat-grid{border:1px solid #34402b;grid-template-columns:310px 1fr;min-height:570px;display:grid}.chat-grid.customer{grid-template-columns:1fr;max-width:800px}.thread-list{border-right:1px solid #34402b;max-height:700px;padding:16px;overflow:auto}.thread-item{text-align:left;color:#eef3e9;cursor:pointer;background:#11160e;border:1px solid #323d2a;width:100%;margin-bottom:10px;padding:17px;display:block}.thread-item.active{border-color:#8bff24}.thread-item b{margin-bottom:6px;display:block}.thread-item small{color:#a8afa5;overflow-wrap:anywhere;line-height:1.6;display:block}.unread-dot{background:#8bff24;border-radius:50%;width:8px;height:8px;margin-right:8px;display:inline-block}.conversation{flex-direction:column;min-width:0;padding:24px;display:flex}.conversation-title{border-bottom:1px solid #30382b;margin-bottom:20px;padding-bottom:15px}.conversation-title h2{margin:0 0 7px;font-size:19px}.conversation-title p{color:#a8afa5;margin:0;font-size:13px}.message-stream{scrollbar-color:#44533a #11160e;flex:1;min-height:160px;max-height:440px;padding:5px 5px 18px;overflow-y:auto}.bubble{overflow-wrap:anywhere;white-space:pre-wrap;background:#1a2116;border:1px solid #34402b;width:fit-content;max-width:85%;margin-bottom:16px;padding:14px 17px;font-size:14px;line-height:1.7}.bubble.mine{background:#243916;border-color:#466332;margin-left:auto}.bubble small{color:#b4bfae;margin-bottom:5px;font-size:10px;display:block}.bubble time{color:#a3ad9b;margin-top:6px;font-size:10px;display:block}.compose{border-top:1px solid #30382b;padding-top:18px}.compose label{color:#c3cdbb;margin-bottom:14px;font-size:12px;display:block}.compose input,.compose textarea{color:#f4f6f0;resize:vertical;background:#11160e;border:1px solid #45513b;width:100%;margin-top:7px;padding:13px;display:block}.details-row{grid-template-columns:1fr 1fr;gap:15px;display:grid}.chat-btn{color:#102006;letter-spacing:1px;cursor:pointer;background:#8bff24;border:1px solid #8bff24;justify-content:center;align-items:center;padding:14px 20px;font-size:12px;font-weight:900;text-decoration:none;display:inline-flex}.chat-btn:disabled{opacity:.5;cursor:wait}.chat-error{color:#ffc1a7;border-left:2px solid #ff8c59;padding:8px 14px;font-size:13px;line-height:1.7}.chat-empty{color:#a8afa5;padding:25px 0;font-size:14px;line-height:1.8}.chat-note{color:#a8afa5;font-size:11px;line-height:1.8}.signin-box{border:1px solid #34402b;max-width:650px;padding:35px}.chat-toolrow{justify-content:space-between;align-items:center;gap:20px;display:flex}.status{color:#a8afa5;font-size:11px}.refresh-btn{color:#8bff24;cursor:pointer;background:0 0;border:1px solid #45513b;padding:9px 13px;font-size:11px}.message-heading{justify-content:space-between;align-items:start;gap:20px;display:flex}.message-heading .chat-btn{margin-bottom:20px}@media (max-width:700px){.chat-header{padding:20px}.chat-main{padding:30px 16px}.chat-grid{grid-template-columns:1fr}.thread-list{border-bottom:1px solid #34402b;border-right:0;max-height:220px}.conversation{padding:18px}.details-row{grid-template-columns:1fr;gap:0}.bubble{max-width:94%}.message-heading{display:block}.chat-btn{font-size:11px}}