.support-layout{display:grid;grid-template-columns:290px minmax(0,1fr);gap:20px}.support-layout>div{min-width:0}.support-ticket{display:block;width:100%;text-align:left;margin:10px 0;overflow-wrap:anywhere}.support-ticket small{display:block;color:var(--muted);margin-top:6px}.support-ticket.selected{border-color:var(--blue);background:var(--soft)}.support-sidebar .toolbar{gap:6px}.support-sidebar select{max-width:100%}.support-heading{display:flex;justify-content:space-between;gap:12px;align-items:start}.support-heading h2{overflow-wrap:anywhere}.support-messages{display:grid;gap:12px;margin:20px 0;max-height:540px;overflow:auto}.support-message{background:var(--bg);border:1px solid var(--border);border-radius:10px;padding:15px;overflow-wrap:anywhere}.support-message.staff{background:var(--soft);border-left:3px solid var(--blue)}.support-message small{color:var(--muted)}.support-text{white-space:pre-wrap;line-height:1.9;margin-top:8px}.support-message img{display:block;max-width:100%;max-height:300px;object-fit:contain;margin-top:10px;border-radius:6px}.support-thread input,.support-thread textarea{width:100%;min-width:0}.support-thread .form-grid{gap:14px}.support-thread input[type=file]{font-size:12px}.support-thread .tiny{margin:0}.short-label{display:none}
@media(max-width:1150px){#header{height:auto;min-height:76px;flex-wrap:wrap;padding-top:12px;padding-bottom:12px}.header-actions{flex-wrap:wrap}.support-layout{grid-template-columns:230px minmax(0,1fr)}}
@media(max-width:720px){#header{align-items:flex-start;gap:10px;flex-direction:column}.header-actions{width:100%;gap:5px}.header-actions .header-support,.header-actions .header-sponsor{padding:7px}.short-label{display:inline}.long-label{display:none}.header-actions>a[href='/account']:not(.points){max-width:95px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.support-layout{grid-template-columns:1fr}.support-messages{max-height:none}.support-sidebar .actions{align-items:center}.support-heading{flex-wrap:wrap}.support-thread .form-grid{max-width:100%}}
.support-dialog{width:min(1040px,calc(100vw - 24px));max-width:1040px;max-height:92dvh;padding:0;overflow:hidden}.support-dialog[open]{display:flex;flex-direction:column}.support-modal-head,.support-modal-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 18px;flex:none;background:var(--card)}.support-modal-head{border-bottom:1px solid var(--border)}.support-modal-head h2{margin:0}.support-modal-body{padding:16px;overflow:auto;min-height:0}.support-modal-footer{border-top:1px solid var(--border);justify-content:center}.support-modal-footer button{min-width:200px;padding:12px}.support-dialog .notice{margin-bottom:12px}.support-dialog .support-layout{gap:12px}.support-dialog .card{padding:16px}.support-dialog .support-messages{max-height:260px}.support-dialog .form-grid{max-width:100%;gap:12px}.support-dialog .toolbar{margin:10px 0}.support-dialog .support-ticket{margin:7px 0}.support-dialog .support-sidebar .actions{gap:6px}.support-dialog .support-sidebar .actions button{padding:8px}.support-dialog .support-modal-body .empty{padding:20px}
@media(max-width:720px){.support-dialog{max-height:94dvh}.support-modal-body{padding:12px}.support-dialog .support-layout{grid-template-columns:minmax(0,1fr)}.support-dialog .card{padding:12px}.support-modal-head,.support-modal-footer{padding:12px}.support-dialog .toolbar{min-width:0}.support-dialog .support-ticket{padding:10px}.support-dialog .support-sidebar .actions{flex-wrap:wrap}.support-dialog .support-modal-footer button{width:100%;min-width:0}}
