.messages-page{max-width:1600px}.messages-refresh,.messages-tabs button,.messages-notice button{border:1px solid #d7e7e5;background:#fff;color:#397e78;border-radius:10px;padding:10px 14px;font:inherit;font-weight:700;cursor:pointer}.messages-tabs{display:flex;gap:8px;margin-bottom:16px}.messages-tabs button.is-active{background:#e5f6ef;border-color:#94d2b7;color:#277b6d}.messages-tabs span{background:#51aa78;color:#fff;border-radius:20px;padding:2px 7px;margin-left:5px;font-size:11px}.messages-layout{display:grid;grid-template-columns:minmax(250px,310px) minmax(0,1fr);border:1px solid #dceae7;border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 12px 32px #124b3d0d}.messages-layout[hidden],.messages-notices[hidden]{display:none}.messages-threads{overflow:auto;border-right:1px solid #e3eeec;padding:12px}.messages-thread{display:block;width:100%;border:1px solid transparent;background:transparent;border-radius:12px;padding:14px 12px;text-align:left;cursor:pointer;color:var(--ink)}.messages-thread:hover,.messages-thread.is-active{background:#ecf8f3;border-color:#cdebdc}.messages-thread strong,.messages-thread span{display:block}.messages-thread strong{font-size:14px}.messages-thread span{font-size:12px;color:#789096;margin-top:5px;line-height:1.4}.messages-conversation{min-width:0;min-height:0;display:flex;flex-direction:column}.messages-conversation-head{padding:18px 22px;border-bottom:1px solid #e4eeeb;font-weight:800}.messages-history{flex:none;height:clamp(400px,calc(100dvh - 410px),650px);min-height:0;overflow:auto;padding:20px;display:flex;flex-direction:column;gap:12px;background:linear-gradient(140deg,#fbfefd,#f3faf7)}.messages-bubble{align-self:flex-start;max-width:min(640px,85%);padding:12px 15px;border-radius:14px 14px 14px 4px;background:#fff;border:1px solid #deebe7;box-shadow:0 5px 15px #123f2d0b}.messages-bubble.is-agent{align-self:flex-end;border-color:#bde7d0;background:#e8f8ef;border-radius:14px 14px 4px 14px}.messages-bubble-meta{font-size:11px;color:#719188;margin-bottom:5px}.messages-bubble p{white-space:pre-wrap;overflow-wrap:anywhere;margin:0;line-height:1.5;font-size:14px}.messages-conversation form{display:flex;gap:10px;align-items:end;padding:14px;border-top:1px solid #e4eeeb}.messages-conversation textarea{flex:1;min-width:0;min-height:46px;max-height:130px;resize:vertical;border:1px solid #d5e6e2;border-radius:11px;padding:11px 13px;font:inherit;background:#fff;color:var(--ink)}.messages-conversation .primary-button{min-height:46px;cursor:pointer}.messages-conversation .primary-button:disabled{opacity:.55;cursor:default}.messages-empty{color:#82979a;font-size:14px;margin:14px}.messages-error{background:#fff0ed;color:#a14938;padding:11px 14px;border-radius:10px}.messages-notices{display:grid;gap:11px;max-width:900px}.messages-notice{background:#fff;border:1px solid #deebe7;border-radius:13px;padding:17px 19px}.messages-notice.is-unread{border-color:#99d3b7;background:#f1faf4}.messages-notice>span{font-size:11px;font-weight:800;text-transform:uppercase;color:#3c9b78}.messages-notice p{margin:6px 0 12px}.messages-notice div{display:flex;gap:8px;flex-wrap:wrap}.messages-notice button{padding:8px 11px;font-size:12px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}html[data-theme="dark"] .messages-layout,html[data-theme="dark"] .messages-notice{background:#1b3038;border-color:#344d54}html[data-theme="dark"] .messages-history{background:#172931}html[data-theme="dark"] .messages-bubble{background:#263f46;border-color:#3b5960}html[data-theme="dark"] .messages-bubble.is-agent,html[data-theme="dark"] .messages-thread.is-active,html[data-theme="dark"] .messages-thread:hover{background:#245249;border-color:#4d9c81}html[data-theme="dark"] .messages-thread span,html[data-theme="dark"] .messages-bubble-meta{color:#a8c6c5}html[data-theme="dark"] .messages-conversation-head,html[data-theme="dark"] .messages-conversation form,html[data-theme="dark"] .messages-threads{border-color:#344d54}html[data-theme="dark"] .messages-conversation textarea,html[data-theme="dark"] .messages-tabs button,html[data-theme="dark"] .messages-refresh,html[data-theme="dark"] .messages-notice button{background:#182d35;color:#d9eeeb;border-color:#45616a}html[data-theme="dark"] .messages-notice.is-unread{background:#244138;border-color:#5f9e76}@media(max-width:760px){.messages-layout{grid-template-columns:1fr;height:auto;min-height:0}.messages-threads{display:flex;gap:7px;overflow-x:auto;border-right:0;border-bottom:1px solid #e3eeec}.messages-thread{flex:0 0 210px}.messages-conversation{height:auto}.messages-history{height:min(34dvh,360px);min-height:180px}.messages-page{padding-bottom:85px}}@media(max-width:480px){.messages-conversation form{flex-wrap:wrap}.messages-conversation form .primary-button{width:100%;justify-content:center}}
.messages-unread{display:inline-grid;place-items:center;min-width:19px;height:19px;padding:0 4px;margin-left:8px;border-radius:50%;background:#4aa879;color:#fff;font-size:11px;font-style:normal}.nav-item.has-unread .nav-symbol::after{content:"";display:block;width:6px;height:6px;border-radius:50%;background:#4aa879;position:absolute;margin:-5px 0 0 18px}
