*{box-sizing:border-box}body{margin:0;background:#eef1f3;color:#20262c;font-family:Arial,sans-serif;font-size:15px}header{background:white;border-bottom:1px solid #d5dade;min-height:60px;padding:16px 22px;display:flex;justify-content:space-between;gap:15px;align-items:center}header small{font-weight:normal;color:#68747c;font-size:12px}main{padding:20px}h1{font-size:25px}h2{font-size:21px}h3{font-size:17px}button,input,select,textarea{font:inherit}button,.button{border:0;border-radius:7px;background:#465d6c;color:white;padding:11px 14px;cursor:pointer;display:inline-block;text-decoration:none;user-select:none;-webkit-user-select:none}button:disabled{opacity:.45;cursor:default}button.secondary,.button.secondary{background:white;color:#34434d;border:1px solid #bfc8ce}button.danger{background:#a94b4b}button.ok{background:#47745b}button.call{background:#2f6fa3}button:focus-visible,a:focus-visible{outline:3px solid #2981c4;outline-offset:2px}input,textarea,select{display:block;width:100%;border:1px solid #c7ced3;border-radius:7px;padding:11px;background:white;color:#20262c}label{display:block;margin:12px 0 5px;font-size:13px}textarea{min-height:90px;resize:vertical}p{line-height:1.5}.narrow{max-width:640px;margin:20px auto}.wide{max-width:1150px;margin:0 auto}.card{background:white;border:1px solid #c7ced3;border-radius:9px;padding:18px;margin:12px 0}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:12px 0}.row>*{flex:1}.row>button,.row>.button{flex:0 1 auto}.small,small{font-size:12px;color:#59636a}.label{font-size:11px;color:#68747c;letter-spacing:.5px}.layout{display:grid;grid-template-columns:150px minmax(0,1fr);gap:16px}.tabs button{position:relative;display:block;width:100%;text-align:left;margin-bottom:8px;border-radius:0 8px 8px 0;background:#dde3e7;color:#20262c;border-left:4px solid transparent}.tabs button.on{background:white;border-left-color:#465d6c}.tabs small{display:block;margin-top:7px}.dot{position:absolute;right:7px;top:7px;width:9px;height:9px;background:#c43d3d;border-radius:50%}.msg{background:#eef1f3;padding:12px;border-radius:8px;margin:8px 0;overflow-wrap:anywhere;white-space:pre-wrap}.msg.me{margin-left:10%;background:#e4eaed}.time{display:block;font-size:10px;color:#68747c;margin-top:6px}.deleg{border-left:4px solid #68747c}.qr{display:flex;gap:16px;flex-wrap:wrap}.qr .card{flex:1;text-align:center;min-width:210px}.qr img{max-width:200px;width:100%}.qr code{display:block;margin:10px 0;word-break:break-all}.sections{display:grid;gap:10px}.sections button{text-align:left;background:white;color:#20262c;border:3px solid #b94a48}.sections .orange{border-color:#d48b2f}.sections .green{border-color:#4d825e}.modal{position:fixed;inset:0;background:#19202799;display:flex;justify-content:center;align-items:center;z-index:50;padding:20px}.modal .card{width:min(530px,100%);max-height:90vh;overflow:auto}.callmodal{z-index:60}#error{background:#fbe9e8;padding:12px 22px;color:#842a26;position:sticky;top:0;z-index:80}#notice{background:#fff0cf;text-align:center;font-size:13px;padding:0 10px}#notice:not(:empty){padding:10px}#connection{font-size:12px}.count{font-size:32px;text-align:center;margin:16px}.photo{max-width:260px;height:100px;background:#dde3e7;display:flex;align-items:center;justify-content:center;margin:10px 0}.ro{background:#f3f5f6}pre{white-space:pre-wrap}a{color:#285d7e}.divider{border-top:1px solid #d5dade;margin:18px 0}summary{cursor:pointer}details{margin:15px 0}.suggestions{border:1px solid #c7ced3;background:white;max-height:180px;overflow:auto}.suggestions button{width:100%;text-align:left;background:white;color:#20262c;border-radius:0}.suggestions button:hover{background:#eef1f3}[hidden]{display:none!important}@media(max-width:600px){main{padding:10px}header{padding:12px}header small{display:block}.layout{grid-template-columns:100px minmax(0,1fr);gap:8px}.card{padding:12px}.tabs button{padding:10px 6px;font-size:12px}.row{gap:7px}button{padding:11px}.narrow{margin:10px auto}}
