.support-layout { display: grid; grid-template-columns: minmax(0, 2fr) minmax(220px, 1fr); gap: 28px; align-items: start; margin-bottom: 64px; }
.support-form, .support-note { background: var(--surface); border: 1px solid var(--line); border-radius: 12px; padding: 28px; }
.support-form { display: grid; gap: 20px; }
.support-form .form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
.support-form label { display: grid; gap: 8px; font-size: 13px; font-weight: 600; color: var(--ink); }
.support-form label span { font-size: 11px; font-weight: 400; color: var(--muted); }
.support-form input, .support-form textarea, .support-form select { width: 100%; padding: 12px; font-size: 15px; color: var(--ink); background: var(--surface2); border: 1px solid var(--line); border-radius: 7px; }
.support-form textarea { min-height: 140px; resize: vertical; line-height: 1.6; }
.support-form .attachment-label { padding: 16px; border: 1px dashed var(--line); border-radius: 8px; }
.support-form input[type=file] { padding: 5px 0; border: 0; background: transparent; font-size: 13px; }
.attachment-preview { display: flex; align-items: center; gap: 16px; }
.attachment-preview[hidden] { display: none; }
.attachment-preview img { width: 120px; max-height: 100px; object-fit: contain; border: 1px solid var(--line); border-radius: 6px; }
.attachment-preview button { border: 0; background: none; padding: 6px 0; color: var(--green); font-size: 12px; }
.support-form .support-submit { justify-self: start; background: var(--green); color: var(--bg); border: 0; border-radius: 7px; padding: 13px 24px; font-weight: 600; }
.support-form .support-submit:disabled { opacity: .65; cursor: wait; }
.form-status { margin: 0; min-height: 18px; color: var(--ink); font-size: 12px; line-height: 1.6; }
.form-status[data-error=true] { color: #b44a35; }
.support-note h2 { font-size: 19px; margin: 0 0 12px; }
.support-note p { color: var(--muted); font-size: 13px; line-height: 1.8; }
.support-note a, .form-privacy a { color: var(--green); text-decoration: underline; }
.form-privacy, .delivery-note { margin: 0; color: var(--muted); font-size: 12px; line-height: 1.7; }
.delivery-note { padding: 12px; background: var(--surface2); border-radius: 6px; }
.support-form .honeypot { display: none; }
@media (max-width: 760px) { .support-layout { grid-template-columns: 1fr; gap: 18px; } .support-form, .support-note { padding: 20px; } .support-form .form-row { grid-template-columns: 1fr; gap: 20px; } }