/* PSY Support: layout consistent with the approved green design. */
.support-main{max-width:960px}
.support-ticket-link{display:grid;gap:7px;padding:18px 0;border-bottom:1px solid var(--line);color:var(--text);transition:background .12s}
.support-ticket-link:last-child{border-bottom:0}
.support-ticket-link:hover{color:var(--green)}
.support-ticket-link:focus-visible,.support-back-link:focus-visible{outline:2px solid var(--green);outline-offset:4px}
.support-ticket-link strong{font-size:16px}
.support-ticket-preview{font-size:15px;color:var(--muted)}
.support-badges{display:flex;gap:8px;flex-wrap:wrap}
.support-unread{background:#def3e7;color:#126443;border:1px solid #a4d9bc}
.support-back-link{display:inline-block;color:var(--green);font-weight:700;font-size:15px;margin:18px 0 13px}
.support-thread-title{margin-bottom:18px}
.support-thread-title .pagesub{margin-bottom:0}
.support-thread{max-width:960px}
.support-chat{display:flex;flex-direction:column;gap:15px;margin:20px 0 25px}
.support-chat-message{max-width:84%;padding:15px 19px;border-radius:15px;border:1px solid var(--line);background:#f7faf8;overflow-wrap:anywhere}
.support-chat-staff{align-self:flex-start;background:#eaf4ed;border-color:#cae0cf}
.support-chat-student{align-self:flex-end;background:#fff;border-color:#d8e3dc}
.support-chat-heading{display:flex;gap:12px;justify-content:space-between;align-items:center;flex-wrap:wrap}
.support-chat-heading strong{font-size:14px;color:var(--green)}
.support-chat-heading time{font-size:12px;color:var(--muted)}
.support-chat-message p{margin:10px 0 0;font-size:15px;line-height:1.65}
.support-chat-compose{border-top:1px solid var(--line);padding-top:22px}
.support-chat-compose .field{margin-bottom:12px}
@media(max-width:740px){.support-chat-message{max-width:96%}.support-chat-heading{gap:4px}.support-ticket-link strong{font-size:15px}}