.onlineChat{color:#142b45;font-family:inherit}.onlineChat *{box-sizing:border-box}.chatToolbar{justify-content:space-between;align-items:center;gap:16px;margin:20px 0;display:flex}.chatToolbar h2{margin:0;font-size:24px}.chatToolbar p,.chatHeader p{color:#60738a;margin:6px 0;font-size:14px}.onlineChat button{font:inherit;cursor:pointer;color:#17426c;background:#fff;border:1px solid #d9e3ed;border-radius:10px;padding:10px 16px}.onlineChat button:disabled{opacity:.55;cursor:default}.onlineChat .chatPrimary{color:#fff;background:#087af5;border-color:#087af5;min-height:46px;font-weight:650}.onlineChat button:focus-visible,.onlineChat input:focus-visible,.onlineChat textarea:focus-visible,.onlineChat select:focus-visible{outline-offset:2px;outline:3px solid #92c8ff}.chatNotice{color:#60738a;margin:0;padding:10px 0;font-size:13px}.chatNotice a{color:#006acb}.chatFilters{flex-wrap:wrap;gap:12px;margin-bottom:16px;display:flex}.onlineChat label{flex-direction:column;gap:7px;font-size:13px;font-weight:600;display:flex}.onlineChat input,.onlineChat textarea,.onlineChat select{font:inherit;color:#142b45;background:#fff;border:1px solid #d7e2ed;border-radius:10px;width:100%;padding:12px;font-size:15px}.onlineChat textarea{resize:vertical;min-height:54px;max-height:240px}.chatSearch{flex:1;min-width:150px}.chatLayout{background:#fff;border:1px solid #dce5ef;border-radius:18px;grid-template-columns:minmax(240px,34%) minmax(0,1fr);min-height:550px;display:grid;overflow:hidden}.chatInbox{background:#fbfdff;border-right:1px solid #dce5ef;max-height:740px;overflow:auto}.onlineChat .chatRow{text-align:left;background:0 0;border:0;border-bottom:1px solid #e5edf5;border-radius:0;flex-direction:column;gap:9px;width:100%;padding:19px;display:flex}.onlineChat .chatRow.selected{background:#eaf4ff;box-shadow:inset 3px 0 #087af5}.chatRow strong{overflow-wrap:anywhere;font-size:15px}.chatRow>span:not(.chatRowTop){color:#60738a;white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:13px;overflow:hidden}.chatRow small{color:#60738a;font-size:11px}.chatRowTop{align-items:center;gap:7px;width:100%;display:flex}.chatRowTop time{color:#60738a;margin-left:auto;font-size:11px}.chatRole{color:#1b63a8;background:#e3efff;border-radius:5px;padding:3px 7px;font-size:11px;font-weight:700}.chatRole.master{color:#7040b2;background:#f0e9ff}.chatUnread{background:#087af5;border-radius:50%;width:8px;height:8px}.chatDetail{flex-direction:column;min-width:0;min-height:550px;display:flex}.chatHeader{overflow-wrap:anywhere;border-bottom:1px solid #e8eef5;justify-content:space-between;align-items:flex-start;gap:12px;padding:20px;display:flex}.chatHeader h3{margin:0;font-size:19px}.chatMessages{background:#f7faff;flex-direction:column;gap:14px;height:430px;min-height:250px;padding:22px;display:flex;overflow:auto}.chatEntry{overflow-wrap:anywhere;align-self:flex-start;max-width:85%}.chatEntry.mine{align-self:flex-end}.chatEntry>small{color:#425873;margin:0 4px 4px;font-size:12px;font-weight:650;display:block}.chatEntry.mine>small{text-align:right}.chatBubble{white-space:pre-wrap;background:#fff;border:1px solid #d9e4ed;border-radius:14px;margin:0;padding:10px 14px;font-size:15px;line-height:1.5}.chatEntry.mine .chatBubble{background:#e7f2ff;border-color:#cee1f6}.chatEntry time{color:#52677d;margin:4px 4px 0;font-size:11px;display:block}.chatEntry.mine time{text-align:right}.chatQueue{color:#594411;background:#fff6de;border-bottom:1px solid #e6d29a;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;padding:12px 20px;font-size:14px;display:flex}.chatQueue strong{display:block}.chatQueue p{margin:3px 0;line-height:1.45}.chatQueue a{color:inherit;text-decoration:underline}.chatPresence{color:#315574;background:#eff6ff;border-bottom:1px solid #dde7f2;padding:8px 20px;font-size:13px}.chatComposer{border-top:1px solid #e5edf5;align-items:flex-end;gap:10px;padding:16px;display:flex}.chatNew{max-width:640px;padding:28px}.chatNew h3{margin:0;font-size:23px}.chatNew>p{color:#60738a;line-height:1.6}.chatNew fieldset{border:0;flex-direction:column;gap:16px;margin:22px 0;padding:0;display:flex}.chatEmpty{text-align:center;color:#60738a;margin:auto;padding:50px 25px;line-height:1.6}.chatEmpty h3{color:#214467}.chatError{color:#9b2b25;background:#fff1ef;border:1px solid #ffd2cb;border-radius:10px;margin:12px 0;padding:13px 16px;line-height:1.5}.chatPagination{justify-content:center;align-items:center;gap:8px;padding:15px;font-size:12px;display:flex}.chatSms{color:#60738a;padding:0 16px 12px;font-size:11px}.chatDetail>.chatNotice{padding:10px 16px}.chatBack{display:none!important}.chatSrOnly{clip:rect(0, 0, 0, 0);width:1px;height:1px;position:absolute;overflow:hidden}.helpTabs{background:#edf3f9;border-radius:12px;gap:6px;margin:18px 0;padding:5px;display:flex}.helpTabs button,.helpTabs a{font:inherit;color:#60738a;cursor:pointer;text-align:center;background:0 0;border:0;border-radius:8px;flex:1;padding:12px 20px;font-weight:650;text-decoration:none}.helpTabs .selected{color:#087af5;background:#fff;box-shadow:0 2px 8px #2144670d}@media (max-width:760px){.chatLayout{min-height:400px;display:block}.chatInbox{border-right:0}.chatDetail{display:none}.chatHasDetail .chatDetail{display:flex}.chatHasDetail .chatInbox{display:none}.onlineChat .chatBack{align-self:flex-start;margin:12px;display:block!important}.chatMessages{height:50dvh;min-height:240px;padding:15px}.chatEntry{max-width:92%}.chatHeader{padding:15px}.chatNew{padding:20px}.chatComposer{padding:12px}.chatFilters label{flex:1;min-width:130px}.chatToolbar h2{font-size:21px}}
