.support-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:18px 0}.support-metrics span{padding:18px;background:#fff;border:1px solid #e0e7f0;border-radius:14px;color:#65758a}.support-metrics b{display:block;font-size:27px;color:#204578;margin-top:6px}.support-filter{display:flex;flex-wrap:wrap;gap:16px;align-items:end;margin:18px 0}.support-filter label{flex:1;min-width:140px}.support-list{display:grid;gap:14px}.support-row{padding:20px;display:grid;grid-template-columns:1fr auto auto;gap:20px;align-items:center}.support-row h3{margin:10px 0}.support-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;overflow-wrap:anywhere}.support-message{padding:18px;border:1px solid #e1e7f0;border-radius:14px;margin-top:16px}.support-message.staff{background:#f1f6ff}.support-message.system{background:#f5f6f8}.support-message header{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px}.support-message p,.support-text{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.7}.support-images{display:flex;gap:12px;flex-wrap:wrap}.support-images button{padding:0;border:0}.support-images img{width:90px;height:90px;object-fit:cover;border-radius:10px}.support-reply,.support-settings{display:grid;gap:18px}.support-reply textarea,.support-settings textarea{width:100%;min-height:110px;font:inherit}.support-reply label,.support-settings label,.support-actions label,.support-filter label{display:grid;gap:8px}.support-reply input[type=checkbox],.support-settings input[type=checkbox]{width:auto}.support-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:end;margin-top:18px}.support-mail{display:flex;justify-content:space-between;gap:16px;margin:14px 0;padding-bottom:14px;border-bottom:1px solid #e1e7f0}.support-mail small{display:block;margin-top:6px}.support-settings .check-line,.support-reply .check-line{display:flex;align-items:center}.support-settings input,.support-settings select,.support-filter input,.support-filter select,.support-actions input,.support-reply select{box-sizing:border-box;width:100%;padding:10px;border:1px solid #d8e1ed;border-radius:10px;background:#fff;font:inherit}.support-home-card{margin:18px 0;padding:16px;border:1px solid #d7e5fb;border-radius:14px;background:#f2f7ff;display:flex;gap:16px;justify-content:space-between;align-items:center}@media(max-width:650px){.support-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.support-row{grid-template-columns:1fr}.support-meta{grid-template-columns:1fr}.support-home-card{flex-wrap:wrap}.support-filter label{min-width:110px}.support-mail{flex-wrap:wrap}}