/* ZaxSocial · support.css — Help Center, user tickets and administrator support desk. Owner: U10. */
.zs-support{max-width:1000px;margin:0 auto;padding:var(--zs-s-6) var(--zs-gutter) calc(var(--zs-tabbar-h) + var(--zs-s-8));color:var(--zs-text)}
.zs-support__head{margin-bottom:var(--zs-s-5)}.zs-support__head h1,.zs-support__hero h1{margin:var(--zs-s-2) 0;font-size:var(--zs-title1-size);line-height:var(--zs-title1-lh)}.zs-support__head p,.zs-support__hero p{color:var(--zs-text-secondary);margin:0;line-height:1.55}
.zs-support__eyebrow{color:var(--zs-accent-text);font-size:var(--zs-micro-size);font-weight:700;letter-spacing:var(--zs-overline-track)}.zs-support__hero{padding:var(--zs-s-6);margin-bottom:var(--zs-s-4);border-radius:var(--zs-r-xl);background:var(--zs-gradient-soft)}
.zs-support__card{margin-bottom:var(--zs-s-4);padding:var(--zs-s-4);border:1px solid var(--zs-border);border-radius:var(--zs-r-xl);background:var(--zs-surface);box-shadow:var(--zs-shadow-xs)}.zs-support__card h2{margin:0 0 var(--zs-s-3);font-size:var(--zs-title3-size)}
.zs-support__rows{display:grid;gap:var(--zs-s-1)}.zs-support__row,.zs-support__ticket,.zs-support__topic{display:flex;align-items:center;gap:var(--zs-s-3);padding:var(--zs-s-3);border-radius:var(--zs-r-md);color:var(--zs-text);text-decoration:none}.zs-support__row:hover,.zs-support__ticket:hover,.zs-support__topic:hover{background:var(--zs-overlay-hover)}.zs-support__row>span,.zs-support__ticket>span:first-child,.zs-support__topic>span:nth-child(2){display:grid;gap:var(--zs-s-1);flex:1;min-width:0}.zs-support__row small,.zs-support__ticket small,.zs-support__topic small{color:var(--zs-text-secondary)}
.zs-support__topics{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--zs-s-2)}.zs-support__topic{min-height:70px;border:1px solid var(--zs-border)}.zs-support__topic-icon{display:grid;place-items:center;flex:0 0 40px;width:40px;height:40px;border-radius:var(--zs-r-md);background:var(--zs-accent-soft);color:var(--zs-accent-ink)}
.zs-support__search,.zs-support__actions,.zs-support__tabs{display:flex;align-items:center;gap:var(--zs-s-2);flex-wrap:wrap}.zs-support__search{margin-bottom:var(--zs-s-4)}.zs-support__search input{flex:1;min-width:180px}.zs-support__tabs{margin:0 0 var(--zs-s-3);border-bottom:1px solid var(--zs-border)}.zs-support__tabs a{padding:var(--zs-s-2) var(--zs-s-3);color:var(--zs-text-secondary);text-decoration:none;border-bottom:2px solid transparent}.zs-support__tabs a.is-active{border-color:var(--zs-accent);color:var(--zs-accent-text)}
.zs-support__form{display:grid;gap:var(--zs-s-4)}.zs-support__field{display:grid;gap:var(--zs-s-2)}.zs-support__field>span{font-weight:600}.zs-support__messages{display:grid;gap:var(--zs-s-3);margin:var(--zs-s-4) 0}.zs-support__message{max-width:86%;padding:var(--zs-s-3);border-radius:var(--zs-r-lg);background:var(--zs-surface-2)}.zs-support__message.is-mine{justify-self:end;background:var(--zs-accent-soft)}.zs-support__message.is-note{background:var(--zs-info-soft)}.zs-support__message p{white-space:pre-wrap;margin:var(--zs-s-2) 0}.zs-support__message small{color:var(--zs-text-secondary)}
.zs-support__ticket{border:1px solid var(--zs-border);margin-bottom:var(--zs-s-2)}.zs-support__chip{padding:var(--zs-s-1) var(--zs-s-2);border-radius:var(--zs-r-pill);background:var(--zs-surface-2);color:var(--zs-text-secondary);font-size:var(--zs-micro-size)}.zs-support__ticket-meta{display:flex;gap:var(--zs-s-2);align-items:center;color:var(--zs-text-secondary)}
.zs-support__status{display:grid;gap:var(--zs-s-1);padding:var(--zs-s-3);border-radius:var(--zs-r-md);background:var(--zs-success-soft);color:var(--zs-success-ink)}.zs-support__status.is-maintenance,.zs-support__status.is-degraded{background:var(--zs-info-soft);color:var(--zs-info-ink)}.zs-support__feedback{display:flex;align-items:center;gap:var(--zs-s-2);flex-wrap:wrap;padding-top:var(--zs-s-4);border-top:1px solid var(--zs-border)}.zs-support__article{line-height:1.7;white-space:pre-wrap}.zs-support__back{display:inline-block;margin-bottom:var(--zs-s-3);color:var(--zs-accent-text)}
.zs-support__meta{display:block;margin-top:var(--zs-s-2);color:var(--zs-text-secondary);font-size:var(--zs-caption-size)}
@media(min-width:768px){.zs-support{padding-top:var(--zs-s-8)}.zs-support__card{padding:var(--zs-s-5)}}
@media(max-width:520px){.zs-support__head h1,.zs-support__hero h1{font-size:clamp(1.6rem,8vw,2.25rem)}.zs-support__message{max-width:100%}}