:root{font:14px/1.5 system-ui,-apple-system,"Segoe UI",sans-serif;color:#202622;background:#f5f7f6;font-synthesis:none;letter-spacing:0}
*{box-sizing:border-box}body{margin:0}header{height:64px;padding:0 28px;background:#fff;border-bottom:1px solid #dfe5e1;display:flex;align-items:center;justify-content:space-between;gap:12px}h1{font-size:20px;margin:0}h2{font-size:15px;margin:0}main{max-width:1500px;padding:20px 28px;margin:auto}button,input,textarea{font:inherit;letter-spacing:0}button{background:#14794c;color:#fff;border:1px solid #14794c;border-radius:6px;min-height:38px;padding:8px 16px;cursor:pointer;flex-shrink:0}button:hover{background:#10623e}button:disabled{opacity:.55;cursor:default}.secondary{background:#fff;color:#37433b;border-color:#cfd8d2}.secondary:hover{background:#edf3ef}input,textarea{min-width:0;width:100%;padding:9px 11px;border:1px solid #cbd5ce;border-radius:5px;background:#fff;color:#202622}input:focus,textarea:focus{outline:2px solid #b2d8c4;outline-offset:1px}label{display:grid;gap:5px}.muted{font-size:12px;color:#68776c;overflow-wrap:anywhere}.badge{padding:3px 9px;background:#edf1ef;border-radius:5px;font-size:12px;white-space:nowrap}.badge.working{background:#dff3e8;color:#155d3c}.badge.error{background:#fff0da;color:#8c5414}.login{max-width:360px;margin:70px auto;background:#fff;padding:26px;border:1px solid #dfe5e1;border-radius:6px}.login h2{margin-bottom:18px}.login form{display:grid;gap:15px}.error{color:#b3302a;overflow-wrap:anywhere}.accountBar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.commands{display:flex;gap:8px;flex-wrap:wrap}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.metrics article{border:1px solid #dfe5e1;background:#fff;border-radius:6px;padding:14px 18px;display:grid;gap:4px}.metrics span{color:#657269;font-size:12px}.metrics strong{font-size:24px;overflow-wrap:anywhere}.metrics article:nth-child(3) strong{color:#14794c}.metrics article:nth-child(4) strong{color:#365f98}.syncBar{display:flex;gap:16px;flex-wrap:wrap;padding:13px 0;color:#67736a;font-size:12px}.syncBar span:first-child{font-weight:600;color:#404d44}.qrPanel{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;padding:15px;border-top:1px solid #dfe5e1;margin-bottom:16px}.qrPanel img{width:264px;height:264px;max-width:100%;object-fit:contain;background:#fff}.chatWorkspace{display:grid;grid-template-columns:300px minmax(0,1fr);height:620px;max-height:75vh;border:1px solid #d7dfd9;background:#fff;overflow:hidden}aside{display:flex;flex-direction:column;min-height:0;border-right:1px solid #d7dfd9}.searchLabel{padding:13px;border-bottom:1px solid #e2e8e3;font-weight:600}.searchLabel input{font-weight:400}.chatList{overflow-y:auto;min-height:0}.chatRow{display:block;text-align:left;width:100%;background:#fff;color:#202622;border:0;border-bottom:1px solid #edf0ee;border-radius:0;padding:12px;min-height:72px;overflow-wrap:anywhere}.chatRow:hover{background:#f2f7f4}.chatRow.active{background:#e3f2e9;border-left:3px solid #14794c;padding-left:9px}.chatRow strong{display:block;font-size:13px}.chatRow span{display:block;color:#6b786f;font-size:11px}.conversation{display:flex;flex-direction:column;min-height:0;min-width:0}.conversationHeader{padding:12px 16px;min-height:68px;border-bottom:1px solid #e2e8e3}.messages{flex:1;min-height:0;overflow:auto;overflow-anchor:none;padding:16px;background:#f6f8f7;display:flex;flex-direction:column;gap:12px}.message{max-width:85%;align-self:flex-start;background:#fff;border:1px solid #e1e7e3;border-radius:6px;padding:10px 12px;overflow-wrap:anywhere;flex-shrink:0}.message.outbound{align-self:flex-end;background:#e5f4eb;border-color:#c9e2d4}.messageBody{white-space:pre-wrap}.messageMeta{display:flex;gap:9px;flex-wrap:wrap;font-size:10px;color:#718075;margin-top:6px}.empty{margin:auto;color:#839087;text-align:center}.sendForm{display:flex;align-items:stretch;padding:12px;gap:10px;border-top:1px solid #dfe5e1}.sendForm textarea{resize:vertical;min-height:58px;max-height:160px}.sendForm button{width:76px}.eventSummary{padding-top:18px}.eventSummary h2{margin-bottom:6px}.eventSummary div{font-size:12px;color:#68776c}.eventSummary .error{color:#b3302a}[hidden]{display:none!important}
@media(max-width:700px){header{padding:0 14px;height:58px}h1{font-size:18px}main{padding:14px}.accountBar{align-items:flex-start;flex-direction:column;gap:10px}.metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.metrics article{padding:10px 12px}.metrics strong{font-size:22px}.chatWorkspace{grid-template-columns:1fr;height:auto;max-height:none}aside{border-right:0;border-bottom:1px solid #d7dfd9}.chatList{max-height:210px}.conversation{height:480px}.message{max-width:94%}.syncBar{gap:6px 14px}.commands button{font-size:13px}.qrPanel img{width:240px;height:240px}}