*{box-sizing:border-box}body{margin:0;background:#080d15;color:#fff}.chat-page{width:min(100%,760px);height:100dvh;margin:auto;display:grid;grid-template-rows:auto auto 1fr auto auto;background:#080d15}.chat-top{height:68px;display:flex;align-items:center;gap:18px;padding:0 18px;background:#0d1522;border-bottom:1px solid rgba(255,255,255,.08)}.chat-top a{font-size:30px;color:#fff;text-decoration:none}.chat-top h1{font-size:22px;margin:0}.support-head{display:flex;align-items:center;gap:12px;padding:14px 18px;background:#101a2a;border-bottom:1px solid rgba(255,255,255,.1)}.support-avatar{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:rgba(22,119,255,.2);font-size:24px}.support-head>div:nth-child(2){display:grid;gap:3px;flex:1}.support-head strong{font-size:19px}.support-head small{color:#b8c0cf}.online{padding:7px 10px;border-radius:18px;background:rgba(30,180,90,.14);color:#56f08c;font-size:11px;font-weight:800}.chat-messages{overflow:auto;padding:18px 16px 24px;display:flex;flex-direction:column;gap:12px}.chat-empty{margin:auto;color:#8290a3}.message{max-width:78%;padding:11px 14px;border-radius:18px;background:#252b36;align-self:flex-start}.message.customer{align-self:flex-end;background:#1769aa}.message .who{display:flex;align-items:center;gap:6px;color:#62f0ea;font-size:10px;font-weight:800;margin-bottom:5px}.message.customer .who{color:#c9f7ff}.message p{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.message img{display:block;max-width:100%;max-height:340px;border-radius:12px;object-fit:contain}.message time{display:block;text-align:right;color:rgba(255,255,255,.55);font-size:10px;margin-top:5px}.chat-input{display:flex;align-items:flex-end;gap:8px;padding:10px 12px 12px;background:#101a2a;border-top:1px solid rgba(255,255,255,.1)}.image-button{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:#1d2635;cursor:pointer;font-size:22px}.chat-input textarea{resize:none;min-height:46px;max-height:120px;flex:1;padding:12px 16px;border:0;outline:0;border-radius:24px;background:#1d2635;color:#fff;font:inherit}.chat-input button{width:48px;height:48px;border:0;border-radius:50%;background:#1976d2;color:#fff;font-size:22px;cursor:pointer}.chat-input button:disabled{opacity:.5}.chat-status{margin:0;padding:8px 14px;background:#3a1820;color:#ffb8c5;font-size:12px}.chat-status[hidden]{display:none!important}@media(max-width:520px){.chat-top{height:60px}.support-head{padding:12px 14px}.support-head strong{font-size:17px}.message{max-width:84%}}