:root{font-family:system-ui,"Microsoft YaHei",sans-serif;color:#172b45;background:#f3f6fa;font-size:15px}*{box-sizing:border-box}body{margin:0}header{display:flex;align-items:center;gap:24px;padding:20px 28px;background:#fff;border-bottom:1px solid #d9e2ee}h1{font-size:21px;margin:0}h2{font-size:17px}header span{color:#52657b}header button{margin-left:auto}.notice{padding:12px 28px;background:#fff4d6;color:#65480a}#status{min-height:24px;padding:0 28px;white-space:pre-wrap}#status.error{color:#a11d26}main{display:grid;grid-template-columns:290px minmax(0,1fr);gap:18px;margin:20px 28px}.card{background:white;border:1px solid #d9e2ee;border-radius:12px;padding:20px}.narrow{max-width:440px;margin:35px auto}label{display:block;margin:12px 0 7px}input,select,textarea{width:100%;padding:10px;border:1px solid #91a3b8;border-radius:6px;font:inherit}button{background:#1761c5;color:white;border:0;border-radius:6px;padding:10px 15px;font:inherit;cursor:pointer;margin:8px 4px 8px 0}button:disabled{background:#64758b;cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #ec9f00;outline-offset:3px}#customers button{width:100%;text-align:left;overflow-wrap:anywhere;background:#edf3fd;color:#1d426e}#customers button.selected{background:#1761c5;color:white}#messages{min-height:180px;max-height:420px;overflow:auto;background:#f8fafc;border:1px solid #e2e9f2;padding:12px;border-radius:8px}.message{padding:10px 12px;background:#fff;border:1px solid #d5e0ee;border-radius:8px;margin:8px 0;white-space:pre-wrap;overflow-wrap:anywhere}.message.outgoing{background:#eaf2ff}.meta{font-size:12px;color:#52657b;margin-bottom:6px}#configNote,#identity,form p{color:#52657b;font-size:13px;overflow-wrap:anywhere}audio{display:block;max-width:100%;margin-top:12px}[hidden]{display:none!important}@media(max-width:780px){main{grid-template-columns:1fr;margin:12px}header{flex-wrap:wrap;padding:16px}.notice{padding:12px}.card{padding:15px}#status{padding:0 16px}}