.support-page{display:grid;gap:16px;max-width:820px}
.support-flash{border-radius:12px;padding:13px 16px;font-size:13px;line-height:1.55}
.support-flash.is-ok{background:#e9f8ee;border:1px solid #bde5c9;color:#1f6b3d}
.support-flash.is-error{background:#fdeceb;border:1px solid #f3c8c3;color:#a42d20}
.support-card{background:#fff;border:1px solid #e4e4e1;border-radius:14px;overflow:hidden}
.support-card-head{padding:20px 22px;border-bottom:1px solid #e4e4e1}
.support-card-head h2{font:600 18px/1.2 "Space Grotesk",sans-serif}
.support-card-head p{margin-top:5px;max-width:640px;color:#777;font-size:13px;line-height:1.55}
.support-form{display:grid;gap:20px;padding:22px}
.support-kind{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;border:0;padding:0;margin:0}
.support-kind legend{font-size:12px;font-weight:600;color:#4f5d62;padding:0;margin-bottom:10px}
.support-kind-option{display:flex;align-items:flex-start;gap:10px;border:1px solid #dfe4df;border-radius:12px;padding:14px;cursor:pointer;transition:.15s}
.support-kind-option:hover{border-color:#98a39f;background:#fafbf9}
.support-kind-option input{margin-top:3px;accent-color:#ff6400}
.support-kind-option:has(input:checked){border-color:#172329;box-shadow:0 0 0 3px rgba(23,35,41,.07)}
.support-kind-option strong{display:block;font-size:14px}
.support-kind-option small{display:block;margin-top:3px;color:#777;font-size:12px;line-height:1.5}
.support-field{display:grid;gap:7px}
.support-field>span{font-size:12px;font-weight:600;color:#4f5d62}
.support-field input,.support-field textarea{width:100%;border:1px solid #dfe4df;border-radius:10px;padding:11px 12px;background:#fff;font:400 14px/1.55 inherit;color:#172329;outline:0}
.support-field textarea{resize:vertical;min-height:170px}
.support-field input:focus,.support-field textarea:focus{border-color:#172329;box-shadow:0 0 0 3px rgba(23,35,41,.08)}
.support-field small{color:#777;font-size:12px}
.support-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;border-top:1px solid #edf0ed;padding-top:18px}
.support-sender{font-size:12px;color:#777;line-height:1.6}
.support-sender strong{display:block;font-size:14px;color:#172329}
.support-sender span{display:inline-block;margin-right:8px}
.support-sender-kind{background:#eef0ee;border-radius:99px;padding:2px 8px;font-size:11px;color:#4f5d62}
.support-hint{color:#777;font-size:12px;line-height:1.6}
@media(max-width:640px){.support-form{padding:18px}.support-footer .btn-primary{width:100%}}
.support-optional{font-weight:400;color:#8a8a8a;text-transform:none;letter-spacing:0}
.support-field input[type=file]{padding:9px 12px;font-size:13px;background:#fafbf9;cursor:pointer}
.support-filters{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end}
.support-filters label{display:grid;gap:5px;font-size:12px;font-weight:600;color:#4f5d62}
.support-filters select{border:1px solid #dfe4df;border-radius:9px;padding:8px 10px;background:#fff;font-size:13px;color:#172329;outline:0}
.support-filters select:focus{border-color:#172329;box-shadow:0 0 0 3px rgba(23,35,41,.08)}
.support-empty{padding:32px 22px;color:#777;font-size:13px;text-align:center}
.support-list{list-style:none;margin:0;padding:0}
.support-item{padding:20px 22px;border-bottom:1px solid #edf0ed}
.support-item:last-child{border-bottom:0}
.support-item-head{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin-bottom:9px}
.support-item h3{font:600 15px/1.4 "Space Grotesk",sans-serif;color:#172329}
.support-item-id{color:#9a9a9a;font-size:12px;font-weight:600}
.support-chip{border-radius:99px;padding:3px 9px;font-size:11px;font-weight:700}
.support-chip.open{background:#eef0ee;color:#4f5d62}
.support-chip.progress{background:#fff0c7;color:#8b6100}
.support-chip.done{background:#e9f8ee;color:#237642}
.support-chip.declined{background:#f1eeee;color:#7a6a6a}
.support-chip.warn{background:#fdeceb;color:#a42d20}
.support-chip.kind-bug{background:#ffddd8;color:#a42d20}
.support-chip.kind-feature{background:#e8eeff;color:#2f4a9c}
.support-item-body{margin-top:7px;color:#555;font-size:13px;line-height:1.6;white-space:pre-line}
.support-attachments{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.support-attachments a{display:block;width:150px;border:1px solid #dfe4df;border-radius:10px;overflow:hidden;background:#fafbf9;transition:.15s}
.support-attachments a:hover{border-color:#172329}
.support-attachments img{display:block;width:100%;height:96px;object-fit:cover;background:#eef0ee}
.support-attachments span{display:block;padding:6px 8px;font-size:11px;color:#777;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.support-item-meta{display:flex;flex-wrap:wrap;gap:6px 22px;margin-top:14px}
.support-item-meta dt{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#9a9a9a}
.support-item-meta dd{font-size:12px;color:#555;margin-top:2px;word-break:break-word}
.support-note{margin-top:14px;background:#fff7f2;border:1px solid #ffd7bf;border-radius:10px;padding:11px 13px;font-size:13px;line-height:1.6;color:#5a4636}
.support-status-form{display:grid;grid-template-columns:190px 1fr auto;gap:12px;align-items:end;margin-top:16px;border-top:1px dashed #dfe4df;padding-top:16px}
.support-status-form label{display:grid;gap:5px;font-size:12px;font-weight:600;color:#4f5d62}
.support-status-form select,.support-status-form textarea{border:1px solid #dfe4df;border-radius:9px;padding:9px 11px;background:#fff;font:400 13px/1.5 inherit;color:#172329;outline:0}
.support-status-form textarea{resize:vertical}
.support-status-form select:focus,.support-status-form textarea:focus{border-color:#172329;box-shadow:0 0 0 3px rgba(23,35,41,.08)}
@media(max-width:760px){.support-status-form{grid-template-columns:1fr}.support-status-form .btn-secondary{width:100%}.support-attachments a{width:calc(50% - 5px)}}