[hidden]{display:none!important}
.theron-dialog{border:1px solid #e3e2dc;border-radius:18px;padding:28px;max-width:560px;width:calc(100% - 32px);max-height:90vh;overflow:auto;color:#17191b;background:#fff}.theron-dialog::backdrop{background:#0007}.dialog-close{float:right;border:0;background:#f3f3f0;border-radius:50%;font-size:24px;width:34px;height:34px;cursor:pointer}.theron-dialog h2{font-size:23px;padding-right:30px}.theron-dialog p{font-size:14px;line-height:1.65}.theron-dialog label,#loginForm label{display:block;margin:14px 0;font-size:14px}.theron-dialog input:not([type=checkbox]):not([type=radio]),.theron-dialog select,#loginForm input{display:block;width:100%;box-sizing:border-box;padding:12px;margin-top:8px;border:1px solid #d4d6d5;border-radius:8px;font:inherit}.theron-dialog .check-row{display:flex;align-items:center;gap:10px}.theron-dialog fieldset{border:1px solid #ddd;border-radius:9px;max-height:220px;overflow:auto}.action-row{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0}.customer-qr{max-width:300px;margin:20px auto;background:white;padding:12px;border-radius:12px;border:1px solid #ddd}.customer-qr svg{width:100%;height:auto;display:block}.test-label{background:#fff3dd;padding:12px;color:#77512d;font-size:13px;border-radius:9px}.my-qr-card{padding:24px;background:white;border:1px solid #e0e0d9;border-radius:18px;text-align:center;max-width:480px;margin:18px auto}.onboarding{padding:24px!important;border:1px solid #f2672255!important;margin-bottom:24px}.onboarding h2{font-size:24px;margin:10px 0}.onboarding p{line-height:1.6}.presence-summary{font-size:14px;padding:14px 18px;background:#eff5ee;border:1px solid #dbe6d9;border-radius:12px}.presence{font-weight:700}.presence.online{color:#217044}#teamList{display:block}#teamList small{display:block;font-size:12px;color:#6b7075;margin-top:6px}.qr-row{grid-template-columns:48px minmax(180px,1fr) minmax(220px,1.5fr)}.qr-info b{overflow-wrap:anywhere}.chat-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}.chat-tabs button{border:1px solid #d9d9d4;padding:10px 15px;background:white;border-radius:9px;font:inherit;cursor:pointer}.chat-tabs button.active{background:#191b1d;color:white}.messages-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:16px;min-height:480px}.conversation-list{background:white;border:1px solid #e2e2dd;border-radius:14px;overflow:auto}.conversation{display:flex;text-align:left;gap:10px;border:0;border-bottom:1px solid #eee;padding:17px;width:100%;background:white;cursor:pointer}.conversation.active{background:#fff0e5}.conversation small{display:block;color:#777;margin-top:7px}.chat-card{border:1px solid #e2e2dd;border-radius:14px;background:white;overflow:hidden;display:flex;flex-direction:column;min-width:0}.chat-head{padding:16px;border-bottom:1px solid #eee;display:flex;justify-content:space-between;gap:10px}.chat-head small{display:block;margin-top:7px;color:#777;max-width:420px}.chat-body{height:360px;overflow:auto;padding:18px;display:flex;flex-direction:column;gap:12px}.bubble{background:#f4f4f1;border-radius:12px;padding:12px 16px;max-width:85%;align-self:flex-start;overflow-wrap:anywhere}.bubble.me{align-self:flex-end;background:#fff0e5}.bubble small,.bubble strong{display:block;font-size:11px;margin:5px 0}.message-form{display:flex;gap:8px;padding:14px;flex-wrap:wrap;border-top:1px solid #eee}.message-form input{flex:1;min-width:100px;padding:10px;border:1px solid #ddd;border-radius:8px}.message-form select{max-width:190px}.empty-state{color:#777;padding:35px;text-align:center}.side-bottom #openInstall{font-size:12px;margin-bottom:18px;color:inherit}#loginStatus{font-size:13px;line-height:1.6}.onboarding .small-note{font-size:12px;color:#777}
@media(max-width:720px){.messages-layout{grid-template-columns:1fr}.conversation-list{max-height:180px}.qr-row{grid-template-columns:44px 1fr}.qr-actions{grid-column:1/-1}.message-form select{max-width:none;width:100%}.theron-dialog{padding:20px}.presence-summary{line-height:1.8}}
select,input,textarea{font:inherit}select{padding:10px;border:1px solid #dcdedc;border-radius:8px;background:#fff;color:#222;max-width:100%}.qr-row select{width:100%;min-width:0}.detail label{display:block;margin:14px 0}.detail label select,.detail label textarea{display:block;width:100%;margin-top:8px;padding:10px;box-sizing:border-box;border:1px solid #ddd;border-radius:8px}.detail textarea{min-height:130px;resize:vertical}.detail-row b{overflow-wrap:anywhere}.detail-row{gap:12px}.capture-status{padding:14px 20px;border:1px solid #f2672255;border-radius:12px;font-size:14px;line-height:1.6}.pending-items{padding:12px 20px;border:1px solid #f26722;background:#fff6ed;border-radius:12px;margin:16px 0}.pending-items p{font-size:13px;margin:6px 0}.risk-note{padding:16px;border-left:3px solid #f26722;background:#fff6ed;margin:18px 0}.filters{flex-wrap:wrap}.qr-actions{flex-wrap:wrap}.drawer audio{max-width:100%}.recentBody tr{cursor:pointer}small{overflow-wrap:anywhere}.bubble{white-space:pre-wrap}.detail-block h3{margin-bottom:16px}
@media(max-width:640px){.qr-row{grid-template-columns:44px 1fr}.qr-row>select,.qr-row>.qr-actions{grid-column:1/-1}.qr-actions>*{min-height:40px}.virtual-gift h2{font-size:26px}.filters select{flex:1;min-width:120px}}

.bubble.me{color:#17191b}.bubble.me small{color:#4b5563}

.bubble.me small{color:#4b5563!important}