.contact-dialog.inquiry-dialog {
  width: 720px;
  max-width: calc(100% - 32px);
  max-height: calc(100vh - 32px);
  max-height: calc(100dvh - 32px);
  overflow: auto;
  overscroll-behavior: contain;
  padding: 36px;
  background: #181818;
  border-color: #414141;
  scrollbar-width: thin;
  scrollbar-color: #666666 #202020;
}

.inquiry-dialog .dialog-close {
  top: 14px;
  right: 14px;
  width: 36px;
  height: 36px;
  color: #c4c4c4;
}

.inquiry-dialog .dialog-close:hover { color: #ffffff; }
.inquiry-dialog > .eyebrow { padding-right: 32px; }
.inquiry-dialog h2 { font-size: 32px; line-height: 1.15; margin: 12px 32px 12px 0; }
.inquiry-dialog > p:not(.eyebrow) { font-size: 13px; line-height: 1.7; color: #bcbcbc; }
.inquiry-dialog [hidden] { display: none !important; }

#inquiry-form { margin-top: 24px; }
.inquiry-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px 20px; }
.inquiry-field { display: flex; flex-direction: column; gap: 7px; min-width: 0; }
.inquiry-full { grid-column: 1 / -1; }
.inquiry-field label, .inquiry-field > span { font-size: 12px; line-height: 1.5; color: #e3e3e3; font-weight: 500; }
.inquiry-field small, .inquiry-field .field-hint { font-size: 11px; line-height: 1.6; color: #adadad; }

.inquiry-field input,
.inquiry-field select,
.inquiry-field textarea {
  display: block;
  width: 100%;
  min-width: 0;
  min-height: 44px;
  border: 1px solid #555555;
  border-radius: 7px;
  background: #232323;
  color: #f4f4f4;
  padding: 10px 12px;
  font: inherit;
  font-size: 13px;
  line-height: 1.5;
}

.inquiry-field select { cursor: pointer; padding-right: 28px; }
.inquiry-field select option { color: #f4f4f4; background: #232323; }
.inquiry-field textarea { min-height: 116px; resize: vertical; }
.inquiry-field input::placeholder,
.inquiry-field textarea::placeholder { color: #a5a5a5; opacity: 1; }
.inquiry-field input:hover,
.inquiry-field select:hover,
.inquiry-field textarea:hover { border-color: #777777; }
.inquiry-field input:focus-visible,
.inquiry-field select:focus-visible,
.inquiry-field textarea:focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: 3px;
  border-color: #a0a0a0;
}

.inquiry-form-note { margin-top: 17px; font-size: 11px; line-height: 1.7; color: #bcbcbc; }
#inquiry-preview-note { margin-top: 20px; padding: 11px 13px; border: 1px solid #3d3d3d; border-radius: 7px; background: #222222; color: #dedede; font-size: 12px; line-height: 1.6; }
.inquiry-status { margin-top: 14px; font-size: 12px; line-height: 1.7; color: #e0e0e0; }
.inquiry-status:empty { display: none; }
.inquiry-actions { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; margin-top: 20px; }
.inquiry-actions .button { min-height: 44px; }
#inquiry-submit:disabled {
  background: #333333;
  border-color: #555555;
  color: #bdbdbd;
  cursor: not-allowed;
  opacity: 1;
  transform: none;
}

@media (max-width: 620px) {
  .contact-dialog.inquiry-dialog { padding: 30px 22px 24px; border-radius: 13px; }
  .inquiry-dialog h2 { font-size: 27px; margin-top: 10px; margin-bottom: 10px; }
  .inquiry-dialog > .eyebrow { font-size: 9px; }
  .inquiry-dialog > p:not(.eyebrow) { font-size: 12px; }
  #inquiry-form { margin-top: 20px; }
  .inquiry-grid { grid-template-columns: minmax(0, 1fr); gap: 16px; }
  .inquiry-field input, .inquiry-field select, .inquiry-field textarea { font-size: 16px; }
  .inquiry-field textarea { min-height: 128px; }
  .inquiry-actions .button { width: 100%; }
}
