.contact-wrapper { align-items: start; grid-template-columns: minmax(240px, .75fr) minmax(0, 1.5fr); gap: 40px; }
.contact-form-card, .contact-info-card { min-width: 0; border-radius: 6px; }
.contact-form-card { box-shadow: none; }
.form-grid > * { min-width: 0; }
.inquiry-heading { display: flex; justify-content: space-between; align-items: center; gap: 12px; margin-bottom: 12px; }
.inquiry-heading h3 { margin: 0; font-size: 16px; }
.inquiry-heading > span, .inquiry-note, #inquiry-empty { font-size: 12px; line-height: 1.6; color: #626d68; }
.inquiry-note { margin: 8px 0 0; }
.inquiry-note:empty, #submission-status:empty { display: none; }
#inquiry-items, #attachment-list { list-style: none; margin: 0; padding: 0; }
.inquiry-item { display: grid; grid-template-columns: 64px minmax(0, 1fr) 32px; gap: 12px; padding: 16px 0; border-top: 1px solid #d3dbd7; }
.inquiry-item img { width: 64px; height: 64px; object-fit: contain; background: #edf0ed; border-radius: 4px; }
.inquiry-item h4 { margin: 0 0 5px; font-size: 15px; line-height: 1.4; }
.inquiry-item p { margin: 3px 0; font-size: 12px; line-height: 1.6; color: #52615a; overflow-wrap: anywhere; }
.inquiry-item-actions { display: flex; flex-direction: column; gap: 6px; }
.inquiry-icon { width: 32px; height: 32px; border: 0; background: transparent; color: #52695e; border-radius: 4px; cursor: pointer; }
.inquiry-icon:hover { background: #e2e7e5; }
.inquiry-add { display: inline-flex; align-items: center; gap: 8px; min-height: 40px; padding: 6px 0; border: 0; background: none; color: #435f51; font-size: 13px; font-weight: 600; cursor: pointer; }
#inquiry-editor { min-width: 0; margin: 16px 0 0; padding: 18px 0; border: 0; border-top: 1px solid #cbd5cf; border-bottom: 1px solid #cbd5cf; }
#inquiry-editor legend { font-size: 14px; font-weight: 600; padding-right: 10px; }
.inquiry-editor-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.inquiry-editor-grid label { min-width: 0; font-size: 12px; }
.inquiry-editor-grid select, .inquiry-editor-grid input { margin-top: 6px; min-height: 44px; font-size: 13px; padding: 10px; }
.inquiry-editor-actions { display: flex; gap: 12px; margin-top: 16px; }
.inquiry-editor-actions button { min-height: 40px; padding: 8px 14px; background: #536b60; color: white; border: 1px solid #536b60; border-radius: 4px; cursor: pointer; }
.inquiry-editor-actions #cancel-product { background: transparent; color: #536b60; }
.inquiry-attachments { margin-top: 16px; padding-top: 16px; border-top: 1px solid #d3dbd7; }
.inquiry-attachments input[type=file] { font-size: 12px; padding: 10px; }
.attachment-item { display: flex; align-items: center; gap: 10px; border-bottom: 1px solid #d3dbd7; padding: 8px 0; }
.attachment-item span { flex: 1; min-width: 0; overflow-wrap: anywhere; font-size: 12px; }
.form-submit { text-align: left; }
.inquiry-submit-row { display: flex; align-items: center; flex-wrap: wrap; gap: 16px 24px; }
.inquiry-submit-row > button { flex: 0 0 auto; min-height: 48px; white-space: nowrap; }
.inquiry-submit-meta { min-width: 0; }
.inquiry-submit-meta p { display: flex; align-items: baseline; gap: 8px; margin: 0; color: #626d68; font-size: 12px; line-height: 1.7; }
.inquiry-submit-meta p + p { margin-top: 3px; }
.inquiry-submit-meta i { width: 14px; flex: 0 0 14px; color: #536b60; }
.inquiry-submit-meta span { min-width: 0; overflow-wrap: anywhere; }
.inquiry-submit-meta a { color: #435f51; }
.inquiry-submit-meta a:hover { text-decoration: underline; }
.inquiry-trap { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
.form-submit button:disabled { opacity: .6; cursor: wait; }
.form-submit button { padding: 13px 20px; font-size: 14px; border-radius: 4px; }
#submission-status { font-size: 13px; line-height: 1.6; margin-top: 12px; color: #435f51; }
.contact-form-card button:focus-visible, .contact-form-card input:focus-visible, .contact-form-card select:focus-visible { outline: 2px solid #536b60; outline-offset: 3px; }
@media (max-width: 950px) { .contact-wrapper { grid-template-columns: minmax(0, 1fr); } .contact-info-card { order: 2; } }
@media (max-width: 500px) {
    .contact-form-card, .contact-info-card { padding: 22px 18px; }
    .inquiry-editor-grid { grid-template-columns: minmax(0, 1fr); }
    .inquiry-item { grid-template-columns: 48px minmax(0, 1fr) 32px; gap: 8px; }
    .inquiry-item img { width: 48px; height: 48px; }
}