.messages-page{padding:32px 0 48px}.messages-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px}.messages-heading h1{font-size:28px;margin:0}.messages-layout{display:grid;grid-template-columns:280px minmax(0,1fr);border-top:1px solid var(--line);min-height:500px}.message-inbox{padding:24px 20px 24px 0;border-right:1px solid var(--line);min-width:0}.message-search label,.message-compose>label{display:block;font-size:12px;font-weight:700;margin-bottom:8px}.message-search>div{display:flex;align-items:center;gap:4px;margin-bottom:20px}.message-search input{width:100%;min-width:0}.message-inbox-item{display:flex;align-items:center;gap:12px;padding:14px 10px;border-bottom:1px solid var(--line);color:var(--ink);border-radius:4px}.message-inbox-item:hover,.message-inbox-item[aria-current=page]{background:var(--soft);text-decoration:none}.message-inbox-item>span{min-width:0;flex:1}.message-inbox-item strong{display:flex;align-items:center;gap:8px;font-size:13px;overflow-wrap:anywhere}.message-inbox-item small{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--muted);font-size:11px;margin-top:5px}.message-inbox-item img,.conversation-heading img{border-radius:6px;object-fit:cover;flex:none}.message-unread-dot{display:block;width:7px;height:7px;border-radius:50%;background:var(--green);flex:none}.message-support-link{display:flex;gap:8px;align-items:center;font-size:12px;margin-top:24px}.message-conversation{min-width:0;padding:24px 0 0 28px}.conversation-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:18px;border-bottom:1px solid var(--line)}.conversation-heading>div{display:flex;align-items:center;gap:12px;min-width:0}.conversation-heading a{overflow-wrap:anywhere}.conversation-heading>div>div{min-width:0}.conversation-heading h2{font-size:20px;margin:6px 0 0;overflow-wrap:anywhere}.conversation-heading small{color:var(--muted);font-size:11px}.message-history{height:400px;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding:22px 8px 8px 0}.chat-message{width:fit-content;max-width:85%;padding:13px 16px;background:var(--soft);border:1px solid var(--line);border-radius:6px;margin:0 0 12px;min-width:0}.chat-message.is-own{margin-left:auto;background:var(--green-soft)}.chat-message.is-staff{border-left:3px solid var(--green)}.chat-message header{display:flex;gap:8px 16px;align-items:baseline;flex-wrap:wrap;margin-bottom:6px}.chat-message strong{font-size:12px;overflow-wrap:anywhere}.chat-message time{font-size:10px;color:var(--muted)}.chat-message p{white-space:pre-wrap;overflow-wrap:anywhere;color:var(--ink);font-size:13px;line-height:1.75;margin:0}.message-compose{border-top:1px solid var(--line);padding-top:20px;margin-top:18px}.message-compose textarea{width:100%;min-height:110px;resize:vertical}.message-compose>div{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px}.message-compose small,.message-muted{font-size:12px;color:var(--muted);line-height:1.7}.message-muted:empty{display:none}.message-empty{padding:100px 24px;text-align:center}.message-empty>.icon{width:36px;height:36px;color:var(--green);margin-bottom:18px}.message-empty h2{font-size:20px}.message-empty p{font-size:13px}.contact-layout{display:grid;grid-template-columns:minmax(0,760px) minmax(220px,1fr);gap:56px;border-top:1px solid var(--line);padding-top:28px}.contact-form{min-width:0;width:100%;margin:0}.contact-form label{display:block;font-size:12px;font-weight:700;margin-bottom:18px}.contact-form input,.contact-form textarea{display:block;width:100%;margin-top:8px}.contact-fields{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px}.contact-form small{font-weight:400;color:var(--muted)}.contact-aside{border-left:1px solid var(--line);padding-left:28px;min-width:0}.contact-aside h2{font-size:18px}.contact-aside p{font-size:13px;line-height:1.8}.support-list-item{display:block;padding:16px 0;border-bottom:1px solid var(--line);overflow-wrap:anywhere;color:var(--ink)}.support-list-item strong{display:block;font-size:14px;line-height:1.6;margin:6px 0}.support-list-item small,.support-list-item>span{font-size:11px;color:var(--muted)}.support-thread{max-width:940px;min-width:0}.support-history{padding:24px 0}.support-contact{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:20px 0;border-bottom:1px solid var(--line);overflow-wrap:anywhere}.support-contact>div{display:flex;flex-direction:column;gap:4px}.support-contact span{font-size:12px;color:var(--muted)}.support-status{display:flex;gap:14px;align-items:flex-end;margin:20px 0}.support-status label{display:flex;flex-direction:column;gap:6px}.support-status select{min-width:180px}.required-mark{color:var(--green)}.communication-shortcuts{display:flex;gap:12px;flex-wrap:wrap;margin:0 0 24px}.communication-shortcuts a{display:flex;align-items:center;gap:8px;font-size:12px}
@media(max-width:1000px){.messages-layout{grid-template-columns:220px minmax(0,1fr)}.message-conversation{padding-left:20px}.contact-layout{gap:24px;grid-template-columns:minmax(0,1fr) 220px}.contact-fields{grid-template-columns:minmax(0,1fr);gap:0}.contact-aside{padding-left:20px}}
@media(max-width:760px){.messages-page{padding-top:24px}.messages-heading{align-items:flex-start;flex-wrap:wrap;gap:12px}.messages-heading h1{font-size:24px}.messages-layout,.contact-layout{grid-template-columns:minmax(0,1fr)}.message-inbox{padding:18px 0;border-right:0;border-bottom:1px solid var(--line)}.message-inbox nav[aria-label=Диалоги]{max-height:190px;overflow:auto}.message-conversation{padding:24px 0 0}.message-history{height:340px}.chat-message{max-width:96%;padding:12px}.chat-message header{gap:4px 10px}.message-compose>div{flex-wrap:wrap}.message-compose .primary-action{margin-left:auto}.contact-aside{border-left:0;border-top:1px solid var(--line);padding:24px 0 0}.support-status{align-items:stretch;flex-wrap:wrap}.support-status label{flex:1}.support-status select{min-width:0;width:100%}.support-status button{align-self:flex-end}.support-contact{align-items:flex-start;flex-direction:column}.message-inbox-item{padding:10px}.contact-layout{gap:24px}.conversation-heading h2{font-size:18px}}