diff --git a/CONTENT/ebay-tool-questionnaire.html b/CONTENT/ebay-tool-questionnaire.html index 3bea634..0941eb1 100644 --- a/CONTENT/ebay-tool-questionnaire.html +++ b/CONTENT/ebay-tool-questionnaire.html @@ -127,6 +127,94 @@ padding-bottom: 2px; } + .client-info .field-input { + flex: 1; + border: none; + border-bottom: 1px solid #cbd5e1; + min-height: 24px; + padding: 2px 4px; + font-family: inherit; + font-size: 14px; + color: #1e293b; + background: transparent; + outline: none; + transition: border-color 0.2s; + } + + .client-info .field-input:focus { + border-bottom-color: #1a56db; + } + + .client-info .field-input::placeholder { + color: #cbd5e1; + } + + /* ── Submit Section ── */ + .submit-section { + margin-top: 32px; + text-align: center; + } + + .submit-btn { + display: inline-flex; + align-items: center; + gap: 8px; + padding: 14px 48px; + background: #1a56db; + color: #ffffff; + border: none; + border-radius: 8px; + font-family: inherit; + font-size: 16px; + font-weight: 600; + cursor: pointer; + transition: background 0.2s; + } + + .submit-btn:hover { + background: #1e40af; + } + + .submit-btn:disabled { + background: #94a3b8; + cursor: not-allowed; + } + + .submit-msg { + margin-top: 12px; + font-size: 14px; + line-height: 1.6; + } + + .submit-msg.success { + color: #16a34a; + } + + .submit-msg.error { + color: #dc2626; + } + + .save-draft-btn { + display: inline-flex; + align-items: center; + gap: 6px; + padding: 10px 24px; + background: #f1f5f9; + color: #475569; + border: 1px solid #e2e8f0; + border-radius: 8px; + font-family: inherit; + font-size: 14px; + font-weight: 500; + cursor: pointer; + margin-right: 12px; + transition: background 0.2s; + } + + .save-draft-btn:hover { + background: #e2e8f0; + } + /* ── Section ── */ .section { margin-bottom: 32px; @@ -412,20 +500,20 @@