.support-page{max-width:1200px;margin:0 auto;color:var(--ink,#232337)}.support-header,.support-conversation-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1.5rem}.support-header h1{font-size:clamp(2rem,4vw,3rem);margin:.2rem 0 .6rem;letter-spacing:-.04em}.support-eyebrow{text-transform:uppercase;letter-spacing:.13em;font-size:.75rem;font-weight:750;color:var(--accent,#543581);margin:0}.support-header p{max-width:42rem}.support-account-link{white-space:nowrap;margin-top:.5rem}.support-layout{display:grid;grid-template-columns:minmax(250px,320px) minmax(0,1fr);gap:1.5rem;align-items:start}.support-inbox,.support-detail{border:1px solid #e4e0e9;border-radius:18px;background:#fff;padding:1.5rem;min-width:0}.support-inbox-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem}.support-inbox h2{font-size:1.1rem}.support-page label{display:grid;gap:.45rem;font-size:.9rem;font-weight:650;margin-bottom:1rem}.support-page input,.support-page textarea,.support-page select{width:100%;min-width:0;max-width:100%;box-sizing:border-box;font:inherit;padding:.75rem;border:1px solid #cfc7d9;border-radius:9px;background:#fff;color:inherit}.support-page textarea{resize:vertical;line-height:1.6}.support-page label small{font-weight:400;line-height:1.5}.support-page button{white-space:normal}.support-page button:focus-visible,.support-page a:focus-visible,.support-page input:focus-visible,.support-page select:focus-visible,.support-page textarea:focus-visible{outline:3px solid #9878bd;outline-offset:3px}.support-list-item{display:grid!important;text-align:left;width:100%;background:transparent!important;color:inherit!important;border:0!important;border-top:1px solid #ece8f1!important;border-radius:0!important;padding:1rem .6rem!important;gap:.35rem;overflow-wrap:anywhere}.support-list-item strong{font-size:1rem}.support-list-item span,.support-list-item small{font-weight:400;color:#625a6d}.support-list-item.selected{background:#f2eef8!important;border-radius:9px!important}.support-paging{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-top:1rem;font-size:.8rem}.support-paging button{font-size:.8rem;padding:.5rem}.support-messages{list-style:none;padding:0;margin:1.5rem 0;display:grid;gap:1rem}.support-messages li{border:1px solid #e6e0eb;border-radius:13px;padding:1.1rem;min-width:0}.support-messages header{display:flex;justify-content:space-between;gap:1rem;font-size:.85rem;flex-wrap:wrap}.support-messages time{color:#706777;font-size:.8rem}.support-messages p{white-space:pre-wrap;overflow-wrap:anywhere;margin:.8rem 0 .1rem;line-height:1.65}.support-message-staff{background:#f5f1fa;margin-left:1.2rem}.support-message-patron{margin-right:1.2rem}.support-reference{font-size:.75rem;color:#746c7a;overflow-wrap:anywhere}.support-contact{display:grid;gap:.3rem;border-left:3px solid #a48abb;padding:.6rem 1rem;background:#faf8fc;overflow-wrap:anywhere}.support-verification,.support-delivery{font-size:.8rem;color:#655b6f}.support-status{min-height:1.5em;line-height:1.5}.support-status.error{color:#8b263b}.support-empty{color:#706777;padding:1.25rem 0;line-height:1.6}.support-field-pair{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.support-manage{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #e6e0eb;display:flex;gap:.7rem;flex-wrap:wrap;align-items:end}.support-manage label{flex:1 1 180px;margin:0}.support-private-link{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #e6e0eb}.support-private-link input{font-size:.8rem}.support-private-link p{font-size:.8rem}.support-recovery:empty{display:none}.support-recovery{padding:1rem;background:#fff6dd;border:1px solid #e3cc86;border-radius:12px;margin:1rem 0}.support-recovery button{margin-right:.5rem}.support-page :disabled{opacity:.55;cursor:default}
@media(max-width:760px){.support-layout{grid-template-columns:1fr}.support-inbox,.support-detail{padding:1rem;border-radius:13px}.support-inbox form{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}.support-inbox form label{margin-bottom:0}.support-field-pair{grid-template-columns:1fr;gap:0}.support-header{gap:1rem}.support-header p{font-size:.95rem}.support-header h1{font-size:2rem}.support-message-staff{margin-left:.5rem}.support-message-patron{margin-right:.5rem}.support-manage{display:grid;grid-template-columns:1fr}.support-conversation-header h2{font-size:1.25rem;overflow-wrap:anywhere}.support-conversation-header{gap:.5rem}.support-messages header{display:grid;gap:.25rem}}

@media(max-width:760px){.support-layout[data-support-active]>.support-detail,.support-layout[data-support-public]>.support-detail{grid-row:1}.support-layout[data-support-active]>.support-inbox,.support-layout[data-support-public]>.support-inbox{grid-row:2}}
