.feedback-page[data-v-4bae21f2]{min-height:calc(100vh - 200px);background:#f5f7fb;padding:40px 24px 60px}.feedback-container[data-v-4bae21f2]{max-width:720px;margin:0 auto}.feedback-header[data-v-4bae21f2]{text-align:center;margin-bottom:36px}.feedback-header h1[data-v-4bae21f2]{font-size:28px;font-weight:700;color:#0f172a;margin-bottom:10px}.feedback-header p[data-v-4bae21f2]{font-size:15px;color:#667085}.feedback-form-card[data-v-4bae21f2]{background:#fff;border-radius:var(--af-radius-lg);padding:36px 32px;box-shadow:0 4px 24px #0000000f;border:1px solid #eef2f7}.form-section[data-v-4bae21f2]{margin-bottom:28px}.form-label[data-v-4bae21f2]{display:block;font-size:15px;font-weight:600;color:#0f172a;margin-bottom:10px}.form-label .required[data-v-4bae21f2]{color:#ef4444}.form-label-row[data-v-4bae21f2]{display:flex;justify-content:space-between;margin-bottom:10px}.char-count[data-v-4bae21f2]{font-size:12px;color:#94a3b8}.type-selector[data-v-4bae21f2]{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.type-item[data-v-4bae21f2]{display:flex;flex-direction:column;align-items:center;gap:6px;padding:16px 8px;border-radius:var(--af-radius-md);border:1.5px solid #e7ecf3;background:#fafbfc;cursor:pointer;transition:.2s;-webkit-user-select:none;-moz-user-select:none;user-select:none}.type-item[data-v-4bae21f2]:hover{border-color:#c0d0f0;background:#f5f8ff}.type-item.active[data-v-4bae21f2]{border-color:var(--af-blue);background:#1456f50f;box-shadow:0 0 0 3px #1456f514}.type-icon[data-v-4bae21f2]{width:36px;height:36px;-o-object-fit:contain;object-fit:contain;filter:grayscale(100%);opacity:.7}.type-item.active .type-icon[data-v-4bae21f2]{filter:brightness(0) saturate(100%) invert(32%) sepia(93%) saturate(3000%) hue-rotate(200deg);opacity:1}.type-name[data-v-4bae21f2]{font-size:13px;font-weight:500;color:#475467}.type-item.active .type-name[data-v-4bae21f2]{color:var(--af-blue);font-weight:600}.form-textarea[data-v-4bae21f2],.form-input[data-v-4bae21f2]{width:100%;padding:14px 16px;border:1.5px solid #e7ecf3;border-radius:var(--af-radius-md);font-size:14px;color:#0f172a;outline:none;background:#fafbfc;transition:.2s;font-family:inherit}.form-textarea[data-v-4bae21f2]:focus,.form-input[data-v-4bae21f2]:focus{border-color:var(--af-blue);background:#fff}.form-textarea[data-v-4bae21f2]::-moz-placeholder,.form-input[data-v-4bae21f2]::-moz-placeholder{color:#b0b8c8}.form-textarea[data-v-4bae21f2]::placeholder,.form-input[data-v-4bae21f2]::placeholder{color:#b0b8c8}.form-textarea[data-v-4bae21f2]{line-height:1.7;resize:vertical}.form-actions[data-v-4bae21f2]{text-align:center;margin-top:8px}.submit-btn[data-v-4bae21f2]{display:inline-flex;align-items:center;justify-content:center;width:220px;height:48px;border:none;border-radius:var(--af-radius-lg);background:linear-gradient(135deg,var(--af-blue),var(--af-blue-hover));color:#fff;font-size:16px;font-weight:600;cursor:pointer;box-shadow:0 6px 20px #1456f54d;transition:.25s}.submit-btn[data-v-4bae21f2]:hover:not(.disabled){transform:translateY(-2px);box-shadow:0 10px 28px #1456f566}.submit-btn.disabled[data-v-4bae21f2]{opacity:.6;cursor:not-allowed}.form-tip[data-v-4bae21f2]{margin-top:14px;font-size:12px;color:#94a3b8}@media (max-width: 640px){.type-selector[data-v-4bae21f2]{grid-template-columns:repeat(2,1fr)}.feedback-form-card[data-v-4bae21f2]{padding:24px 18px}}
