*{box-sizing:border-box}body{margin:0;font:15px system-ui,-apple-system,sans-serif;background:#f4f5f8;color:#273044}button,input,textarea{font:inherit}button,a{cursor:pointer}button{border:1px solid #dce0e7;border-radius:9px;padding:9px 14px;background:white;color:inherit}button:focus-visible,a:focus-visible{outline:3px solid #b89449}a{color:inherit;text-decoration:none}.topbar{display:flex;justify-content:space-between;align-items:center;background:white;border-bottom:1px solid #e0e4ec;padding:18px 24px}.topbar strong{font-size:20px}.topbar small{font-size:12px;color:#8b94a3;margin-left:10px}.customer-page{max-width:780px;margin:24px auto;padding:0 16px}.chat-panel{background:white;border:1px solid #e1e5ec;border-radius:16px;padding:20px}.intro{color:#8390a5;font-size:13px}.support-chat-log{height:calc(100vh - 370px);min-height:220px;overflow:auto;padding:12px;border-radius:12px;background:#f7f8fa;display:flex;flex-direction:column;gap:14px}.support-chat-message{align-self:flex-start;max-width:85%;background:#fff;border:1px solid #e8eaf0;border-radius:12px;padding:10px 14px}.support-chat-message.own{align-self:flex-end;background:#e9f0ff;border-color:#d9e5ff}.support-chat-message small{font-size:11px;color:#8b94a3}.support-chat-message p{margin:7px 0 0;white-space:pre-wrap;overflow-wrap:anywhere}.support-chat-log+p{font-size:12px;color:#8b94a3}textarea{width:100%;resize:vertical;border:1px solid #dce0e7;border-radius:10px;padding:12px;min-height:66px}form button{display:block;margin:8px 0 0 auto;background:#425ee8;color:#fff;border:0}.workspace{display:grid;grid-template-columns:320px minmax(0,1fr);gap:18px;max-width:1300px;margin:20px auto;padding:0 18px}.sidebar{background:white;border:1px solid #e1e5ec;border-radius:14px;padding:14px}.search{width:100%;padding:11px;border:1px solid #dce0e7;border-radius:10px}.filters{display:flex;gap:5px;flex-wrap:wrap;margin:12px 0}.filters button{font-size:12px;padding:7px 9px}.filters button.active{background:#425ee8;color:white;border-color:#425ee8}.conversations{max-height:calc(100vh - 250px);overflow:auto}.conversation{display:block;width:100%;text-align:left;margin-bottom:8px;padding:12px;border-radius:10px}.conversation.active{border-color:#425ee8;background:#f1f4ff}.conversation small{display:block;color:#8b94a3;font-size:12px;margin-top:7px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px}.chat-heading h2{font-size:18px;margin:0}.status-controls{display:flex;gap:5px}.status-controls button{font-size:12px}.notice{font-size:13px;color:#8b94a3}.empty{padding:45px 15px;text-align:center;color:#8b94a3}@media(max-width:700px){.workspace{grid-template-columns:1fr}.conversations{max-height:200px}.topbar{padding:15px}.topbar small{display:block;margin:3px 0 0}.chat-heading{align-items:flex-start;flex-direction:column}.customer-page{margin:16px auto}.chat-panel{padding:14px}}