/* Complaint dialog follows complaint-suggestion.html; keep overrides scoped. */
#submitComplaintDialog { background: rgba(0, 0, 0, .45); padding: 18px 26px; }
#submitComplaintDialog .carrd-dialog {
  width: min(784px, 100%); height: min(756px, calc(100dvh - 36px));
  max-height: calc(100dvh - 36px); padding: 66px 80px 56px;
  border: 1px solid #efeff2; border-radius: 20px; background: #fff;
  box-shadow: 0 14px 38px rgba(25, 17, 34, .28); scrollbar-width: none;
  color: #171717; font-family: "PingFang SC", "Microsoft YaHei", Arial, sans-serif;
}
#submitComplaintDialog .carrd-dialog::-webkit-scrollbar { display: none; }
#submitComplaintDialog .dialog-head .close-box {
  top: 20px; right: 25px; width: 34px; height: 34px;
  padding: 0; border: 0; background: transparent;
}
#submitComplaintDialog .dialog-head .head-title { font-size: 40px; line-height: 48px; font-weight: 750; color: #1a1b21; }
#submitComplaintDialog .dialog-body { padding-top: 57px; }
#submitComplaintDialog .form-box { gap: 18px 0; }
#submitComplaintDialog .form-box .form-item { width: 100%; margin: 0; font-family: inherit; }
#submitComplaintDialog .form-box .form-label {
  display: block; margin-bottom: 7px; color: #45464a; font-size: 12px; line-height: 17px; font-weight: 400;
}
#submitComplaintDialog .form-label .red { color: #f51d45; }
#submitComplaintDialog .complaint-type-options { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin: 0; }
#submitComplaintDialog .complaint-type-option {
  min-width: 0; min-height: 42px; padding: 8px 16px; border: 1px solid #d8d8dc;
  border-radius: 9px; background: #fff; color: #4b4c51; font-family: inherit; font-size: 14px; font-weight: 400; line-height: 20px;
}
#submitComplaintDialog .complaint-type-option:has(input:checked) { color: #fff; background: #f51d45; border-color: #f51d45; }
#submitComplaintDialog .complaint-contact-fields { width: 100%; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
#submitComplaintDialog .complaint-contact-fields .form-item { min-width: 0; }
#submitComplaintDialog .form-box .input-box .input {
  box-sizing: border-box; height: 38px; padding: 0 10px; border: 1px solid #dfe1e7;
  border-radius: 9px; font-family: inherit; font-size: 13px; color: #1b1d23; background: #fff;
}
#submitComplaintDialog .form-box .input-box .input.textarea { display: block; height: 112px; padding: 11px 13px; font-size: 14px; line-height: 1.55; }
#submitComplaintDialog .input-box .input:focus { outline: none; border-color: #f51d45; box-shadow: 0 0 0 3px rgba(245,29,69,.12); }
#submitComplaintDialog .complaint-file-upload { gap: 9px; flex-wrap: wrap; }
#submitComplaintDialog .complaint-file-button, #submitComplaintDialog .complaint-file-remove {
  min-height: 40px; padding: 0 12px; border: 1px solid #d7d7dc; border-radius: 8px;
  font-size: 13px; line-height: 20px; background: #fff; color: #494a50;
}
#submitComplaintDialog .complaint-file-name { max-width: 240px; font-size: 12px; line-height: 18px; color: #777980; }
#submitComplaintDialog .complaint-file-hint { font-size: 12px; line-height: 18px; }
#submitComplaintDialog .form-box .kgu-form-vcode { width: min(259px, 100%); }
#submitComplaintDialog .kgu-form-vcode .input-box .input { height: 36px; padding-right: 112px; border-color: #c9c9cd; }
#submitComplaintDialog .kgu-form-vcode .code-img { right: 7px; width: 96px; height: 32px; object-fit: contain; }
#submitComplaintDialog .form-box .hry-btn {
  width: 100%; min-height: 46px; height: auto; margin-top: 20px; padding: 12px;
  border: 0; border-radius: 9px; background: #f51d45; color: #fff;
  font-family: inherit; font-size: 14px; font-weight: 700; line-height: 22px; cursor: pointer;
}
#submitComplaintDialog .hry-btn::before, #submitComplaintDialog .hry-btn::after { display: none; }
#submitComplaintDialog .form-box .hry-btn:hover { background: #d90c32; }
#submitComplaintDialog .hry-btn:disabled { opacity: .6; cursor: wait; }
@media (max-width: 680px) {
  #submitComplaintDialog { padding: 10px; }
  #submitComplaintDialog .carrd-dialog { height: auto; min-height: min(650px, calc(100dvh - 20px)); max-height: calc(100dvh - 20px); padding: 52px 24px 30px; border-radius: 18px; }
  #submitComplaintDialog .dialog-head .close-box { top: 12px; right: 14px; }
  #submitComplaintDialog .dialog-head .head-title { font-size: 34px; line-height: 41px; }
  #submitComplaintDialog .dialog-body { padding-top: 34px; }
  #submitComplaintDialog .complaint-contact-fields, #submitComplaintDialog .complaint-type-options { gap: 10px; }
  #submitComplaintDialog .complaint-type-option { min-height: 44px; }
  #submitComplaintDialog .form-box .input-box .input.textarea { height: 120px; }
  #submitComplaintDialog .form-box .hry-btn { margin-top: 16px; }
}