*{box-sizing:border-box}body{margin:0;font:16px system-ui,sans-serif;color:#172033;background:#f5f7fb}button,input,textarea,select{font:inherit}.top{height:64px;padding:12px 5%;background:#111b2e;color:#fff;display:flex;gap:14px;align-items:center}.top h1{font-size:18px;margin-right:auto}.top select,.top button{padding:7px}.layout{display:grid;grid-template-columns:minmax(280px,38%) 1fr;max-width:1200px;margin:24px auto;background:#fff;min-height:600px;border:1px solid #dce1ea}.layout aside{border-right:1px solid #dce1ea;padding:16px}.layout h2{font-size:16px}.session{display:block;width:100%;text-align:left;border:1px solid #dce1ea;background:#fff;border-radius:6px;padding:10px;margin:8px 0}.session>*{display:block;margin:2px 0}.session small,.meta{color:#647086}.conversation{padding:24px}.thread{min-height:280px}.thread p{padding:9px 12px;border-radius:10px;max-width:80%}.thread .visitor{background:#e9edf3}.thread .operator{background:#dceeff;margin-left:auto}.reply textarea{display:block;width:100%;min-height:80px;padding:10px}.reply button,.login button{margin-top:8px;padding:8px 14px}.login{max-width:360px;margin:12vh auto;background:#fff;padding:28px}.login label{display:block;margin:12px 0}.login input{width:100%;padding:8px}.error{color:#b00020}@media(max-width:700px){.layout{grid-template-columns:1fr;margin:0}.layout aside{border-right:0;border-bottom:1px solid #dce1ea}.top{height:auto;flex-wrap:wrap}}