.form-panel { margin:20px 0; padding:24px; }
.form-notice { background:#fff4b8; padding:12px; border-radius:8px; }
.form-toolbar,.form-actions { display:flex; align-items:center;
  justify-content:space-between; gap:12px; flex-wrap:wrap; }
.form-section { border:1px solid #ddd; padding:18px;
  border-radius:12px; margin:16px 0; background:#fff; }
.form-field { display:grid; grid-template-columns:1fr 150px 90px auto;
  align-items:center; gap:10px; margin:10px 0; }
.form-section input[type=text],.form-section select,#privacy,#property {
  padding:11px; border:1px solid #bbb; border-radius:7px; width:100%; }
.form-section-header { display:flex; gap:10px; align-items:center; }
.form-section-header input[type=text] { flex:1; }
.form-actions { justify-content:flex-start; margin-top:20px; }
#message { margin:12px 0; font-weight:600; }
@media(max-width:700px) {
  .form-field { grid-template-columns:1fr 1fr; }
  .form-section-header { flex-wrap:wrap; }
}


/* LETSRENT_GUIDED_FORMS_V2 */
.guided-progress { font-weight:700; margin:18px 0 9px; }
.guided-track {
  width:100%; height:7px; border-radius:20px;
  overflow:hidden; background:#ececec; margin-bottom:22px;
}
.guided-fill { height:100%; background:#e8ba23; }
.guided-section-list { display:grid; gap:9px; }
.guided-section-item {
  display:flex; align-items:center; gap:10px;
  padding:12px; border:1px solid #ddd;
  border-radius:10px; background:white;
}
.guided-section-item.guided-active {
  border:2px solid #e8ba23; background:#fffdf3;
}
.guided-handle {
  font-size:23px; cursor:grab; user-select:none;
  color:#777; padding:0 5px; touch-action:none;
}
.guided-section-button {
  flex:1; background:transparent; border:0; cursor:pointer;
  padding:5px; text-align:left; font:inherit;
  font-weight:600; color:#222;
}
.guided-field {
  grid-template-columns:24px minmax(120px,1fr) 150px 95px auto;
  border:1px solid #eee; border-radius:8px; padding:10px;
  background:#fafafa;
}
.guided-bottom-actions {
  display:flex; flex-wrap:wrap; gap:12px;
  justify-content:flex-end; margin:18px 0;
}
@media(max-width:700px) {
  .guided-field { grid-template-columns:24px 1fr 1fr; }
  .guided-field input[type=text] { grid-column:2 / -1; }
}


/* LETSRENT_CLEAN_FORM_UX_V3 */

#builder {
  max-width: 100%;
}

.v3-intro {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  margin: 24px 0 10px;
}

.v3-eyebrow {
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .08em;
  color: #777;
}

.v3-reviewed {
  font-size: 12px;
  color: #636363;
}

.v3-track {
  height: 6px;
  background: #ededed;
  border-radius: 20px;
  overflow: hidden;
  margin-bottom: 20px;
}

.v3-fill {
  background: #ffd000;
  height: 100%;
  border-radius: 20px;
}

.v3-section-list {
  display: grid;
  gap: 7px;
  margin-bottom: 22px;
}

.v3-section {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 11px 14px;
  border: 1px solid #e6e6e6;
  border-radius: 10px;
  background: #fff;
}

.v3-section.is-active {
  border-color: #f1c600;
  background: #fffdf3;
}

.v3-section-name {
  border: 0;
  background: transparent;
  font: inherit;
  font-weight: 600;
  text-align: left;
  cursor: pointer;
  flex: 1;
  color: #242424;
}

.v3-current {
  font-size: 11px;
  font-weight: 700;
  color: #756000;
}

.v3-drag {
  font-size: 22px;
  line-height: 1;
  color: #909090;
  cursor: grab;
  padding: 5px;
  user-select: none;
}

.v3-editor {
  border: 1px solid #ededed;
  border-radius: 16px;
  background: #fff;
  padding: 24px;
}

.v3-editor-heading {
  display: grid;
  gap: 11px;
  margin-bottom: 18px;
}

.v3-title-input {
  width: 100%;
  font-size: 22px;
  font-weight: 750;
  border: 0;
  border-bottom: 1px solid #ddd;
  padding: 10px 2px;
  background: transparent;
  color: #202020;
}

.v3-title-input:focus {
  outline: none;
  border-bottom: 2px solid #e6bc00;
}

.v3-switch {
  display: flex;
  gap: 8px;
  align-items: center;
  font-size: 13px;
  color: #555;
}

.v3-help, .v3-hint {
  font-size: 12px;
  line-height: 1.6;
  color: #777;
}

.v3-cards {
  display: grid;
  gap: 14px;
  margin: 20px 0;
}

.v3-question {
  display: grid;
  gap: 13px;
  border: 1px solid #e8e8e8;
  border-radius: 12px;
  padding: 20px;
  background: #fcfcfc;
}

.v3-question-head {
  display: flex;
  gap: 10px;
  align-items: center;
}

.v3-question-head .v3-remove {
  margin-left: auto;
}

.v3-remove, .v3-remove-section {
  border: none;
  background: transparent;
  color: #777;
  cursor: pointer;
  font: inherit;
  font-size: 12px;
  text-decoration: underline;
}

.v3-label {
  display: grid;
  gap: 7px;
  font-size: 12px;
  font-weight: 700;
  color: #565656;
}

.v3-question-input {
  width: 100%;
  min-height: 46px;
  border: 1px solid #ddd;
  border-radius: 9px;
  padding: 12px;
  font-size: 15px;
  background: #fff;
}

.v3-settings {
  display: flex;
  gap: 20px;
  align-items: end;
  flex-wrap: wrap;
}

.v3-type {
  min-width: 180px;
  padding: 11px;
  border: 1px solid #ddd;
  background: #fff;
  border-radius: 9px;
}

.v3-required {
  display: flex;
  align-items: center;
  gap: 9px;
  padding-bottom: 12px;
  font-size: 13px;
  font-weight: 600;
}

.v3-choices {
  display: grid;
  gap: 7px;
  border-top: 1px solid #eee;
  padding-top: 14px;
}

.v3-choices textarea {
  min-height: 90px;
  padding: 12px;
  border: 1px solid #ddd;
  border-radius: 9px;
  font: inherit;
  resize: vertical;
}

.v3-add {
  margin: 8px 0 16px;
}

.v3-footer {
  display: flex;
  justify-content: flex-end;
  gap: 12px;
  margin: 22px 0;
}

.form-actions {
  border-top: 1px solid #eee;
  padding-top: 20px;
  gap: 10px;
}

.form-actions .v3-publish {
  margin-left: auto;
}

@media (max-width: 700px) {
  .v3-editor {
    padding: 15px;
  }

  .v3-question {
    padding: 14px;
  }

  .v3-settings {
    flex-direction: column;
    align-items: stretch;
    gap: 10px;
  }

  .v3-type {
    width: 100%;
  }

  .v3-footer {
    justify-content: stretch;
  }

  .v3-footer .btn {
    flex: 1;
  }

  .v3-current {
    display: none;
  }
}


/* LETSRENT_FORM_AUTOSAVE_V1 */
#autosave-status {
  display: inline-block;
  margin-left: 10px;
  color: #386b46;
  font-size: 12px;
  font-weight: 700;
}
#autosave-status.save-failed {
  color: #b42318;
}