.chat-page{color:#18334b;max-width:1120px;margin:0 auto;padding:40px 24px 70px}.chat-heading{justify-content:space-between;align-items:center;gap:24px;display:flex}.chat-heading h1{margin:12px 0;font-size:36px}.chat-heading p,.chat-note{line-height:1.8}.chat-tag{color:#205d4c;background:#e7f3ef;border-radius:20px;padding:6px 12px;font-size:12px;font-weight:700;display:inline-block}.chat-note{color:#596b7b;font-size:13px}.chat-note a{color:#215abb;margin-left:8px;text-decoration:underline}.chat-layout{background:#fff;border:1px solid #d6e1ed;border-radius:18px;grid-template-columns:290px minmax(0,1fr);margin:24px 0;display:grid;overflow:hidden}.chat-inbox{background:#f4f7fb;border-right:1px solid #d6e1ed;padding:20px}.chat-inbox h2{font-size:18px}.chat-inbox h2 span{color:#185cc4;font-size:12px}.chat-inbox>p{font-size:14px;line-height:1.8}.chat-room-item{text-align:left;color:#18334b;cursor:pointer;overflow-wrap:anywhere;background:#fff;border:1px solid #d8e2ee;border-radius:12px;flex-direction:column;gap:8px;width:100%;margin:12px 0;padding:16px 12px;display:flex}.chat-room-item.selected{background:#eef5ff;border:2px solid #1d62c5}.chat-room-item small{color:#546c80}.chat-room-item>span{justify-content:space-between;align-items:center;gap:5px;font-size:12px;display:flex}.chat-unread{color:#fff;background:#155dc0;border-radius:20px;padding:3px 7px}.chat-main{min-width:0;padding:24px}.chat-room-heading h2{overflow-wrap:anywhere;margin:9px 0;font-size:22px}.chat-room-heading>small{color:#5f7387;display:block}.chat-log{overscroll-behavior:contain;flex-direction:column;gap:16px;max-height:560px;margin:22px 0;padding:8px;display:flex;overflow:auto}.chat-bubble{border:1px solid #d5e1ed;border-radius:16px;max-width:88%;padding:12px 16px}.chat-bubble.mine{background:#eaf3ff;border-bottom-right-radius:3px;align-self:flex-end}.chat-bubble.theirs{background:#f5f8f6;border-bottom-left-radius:3px;align-self:flex-start}.chat-bubble p{white-space:pre-wrap;overflow-wrap:anywhere;margin:8px 0;line-height:1.8}.chat-bubble small,.chat-bubble time{color:#52697c;font-size:11px}.chat-bubble time{text-align:right;display:block}.chat-composer{border-top:1px solid #dce5ee;padding-top:18px}.chat-composer label,.chat-create label{font-size:14px;font-weight:700;display:block}.chat-page textarea,.chat-page input:not([type=checkbox]){box-sizing:border-box;width:100%;font:inherit;resize:vertical;color:#18334b;background:#fff;border:1px solid #afc3d7;border-radius:9px;margin:8px 0;padding:12px}.chat-composer>div{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.chat-composer small{color:#617489}.chat-text-button{color:#205eaf;cursor:pointer;font:inherit;background:0 0;border:0;min-height:40px;padding:8px 0;font-size:13px;text-decoration:underline}.chat-create label{margin:18px 0}.chat-create .chat-consent{align-items:flex-start;gap:10px;font-size:13px;font-weight:400;line-height:1.7;display:flex}.chat-consent input{flex:none;margin-top:5px}.chat-error,.chat-status{color:#8a2921;background:#fff0ed;border-radius:8px;padding:13px;line-height:1.7}.chat-status{color:#215a44;background:#e7f4ed}.chat-empty{text-align:center;padding:65px 12px;line-height:1.8}.chat-empty>span{color:#1e65be;font-size:56px}.chat-next,.chat-connect{border:1px solid #d5e1ed;border-radius:12px;margin:18px 0;padding:16px;font-size:14px;line-height:1.8}.chat-next summary,.chat-connect summary{cursor:pointer;font-weight:700}.chat-next a{color:#165bbb;margin:12px 20px 0 0;display:inline-block}.chat-next input{font-size:13px!important}.chat-close{font-size:13px}.chat-close button{min-height:40px;margin-right:15px}.chat-welcome{background:#f0f6fd;border-radius:16px;margin:25px 0;padding:32px;line-height:1.8}.chat-back{display:none}.chat-page button:disabled{cursor:wait;opacity:.65}.chat-page :focus-visible{outline-offset:3px;outline:3px solid #d79136}@media (max-width:700px){.chat-page{padding:24px 16px 110px}.chat-heading{display:block}.chat-heading h1{font-size:28px}.chat-heading>.button{margin-top:12px}.chat-layout{grid-template-columns:1fr}.chat-inbox{border-right:0}.chat-main{padding:18px 12px}.chat-layout.has-room .chat-inbox{display:none}.chat-layout:not(.has-room) .chat-main:has(.chat-empty){display:none}.chat-back{display:block}.chat-log{max-height:55vh}.chat-bubble{max-width:92%;padding:11px 13px}.chat-connect{font-size:13px}.chat-composer textarea{font-size:16px}.chat-welcome{padding:22px}}.chat-page textarea::placeholder,.chat-page input::placeholder{color:#596b7b;opacity:1}