*{box-sizing:border-box}body{margin:0;background:#f0f6f5;color:#123942;font:15px system-ui}header{background:#0b303a;color:white;display:flex;align-items:center;gap:20px;padding:20px 28px}header b{font-size:24px}header div{flex:1}small{display:block;font-size:12px;margin-top:6px;color:#7d9498}header small{color:#b1d0d3}a{color:#b1ebe0}button,select,textarea{font:inherit;border:1px solid #d0dddd;border-radius:8px;padding:11px}button{cursor:pointer;background:white;color:#123942}button:disabled{opacity:.5;cursor:wait}header button,#send{background:#12a88e;color:white;border:0}#sessions{display:flex;gap:12px;padding:18px 28px 0}.session{background:white;border:1px solid #d9e5e3;border-radius:10px;padding:12px 20px;flex:1}.session b{display:block}.session span{font-size:12px;color:#49777b}#notice{margin:12px 28px;color:#537377;font-size:13px}main{display:grid;grid-template-columns:320px 1fr;border:1px solid #d5e2df;margin:16px 28px;background:white;border-radius:12px;overflow:hidden;min-height:65vh}aside{border-right:1px solid #d5e2df;padding:18px}aside select{width:100%;margin-bottom:12px}.thread{display:block;text-align:left;width:100%;border:0;border-bottom:1px solid #e1e9e7;border-radius:0;padding:16px 8px}.thread.selected{background:#e5f5f0}.thread b{display:block}.thread small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}article{padding:22px;min-width:0}h2{font-size:20px;margin:0 0 8px}#coverage{font-size:12px;color:#6a8489}#timeline{min-height:150px;max-height:45vh;overflow:auto;display:flex;flex-direction:column;gap:12px;margin:18px 0}.message{max-width:80%;padding:12px 16px;border:1px solid #d9e6e2;border-radius:12px;white-space:pre-wrap;overflow-wrap:anywhere;background:#f5f8f7}.message.out{align-self:flex-end;background:#e0f5ec}label{display:block;font-size:13px;margin:12px 0}textarea{display:block;width:100%;margin-top:6px;resize:vertical}#state{margin-left:10px}#back{display:none}#send{padding:12px 24px}@media(max-width:700px){header{padding:18px;gap:12px}header b{font-size:20px}header button{font-size:12px;padding:8px}header a{font-size:12px}#sessions{padding:14px 16px 0;gap:8px}.session{padding:10px}#notice{margin:12px 16px}main{display:block;margin:12px 16px}aside{border:0}article{display:none;padding:18px}.opened aside{display:none}.opened article{display:block}#back{display:inline-block;margin-bottom:18px}.message{max-width:95%}}

#threads{max-height:65vh;overflow:auto}#review{border:1px solid #9acbbd;background:#effaf5;border-radius:10px;padding:16px;margin-top:16px}#review pre{font:inherit;white-space:pre-wrap;overflow-wrap:anywhere}#confirmSend{background:#12a88e;color:white}
.tabs{display:flex;gap:8px;margin-bottom:12px}#contactSearch{font:inherit;padding:10px;width:100%;border:1px solid #d0dddd;border-radius:8px}#contacts{max-height:55vh;overflow:auto}#contactSource{margin:10px 0}