.v4-action-zone{
  margin-bottom:18px;
  padding:20px;

  border:
    1px solid
    #ded2df;

  border-radius:17px;

  background:
    linear-gradient(
      135deg,
      #fffdfb,
      #faf4fb
    );

  box-shadow:
    var(--shadow-soft);
}

.v4-action-zone h3{
  margin:0;

  font-family:
    Georgia,
    "Times New Roman",
    serif;

  font-size:19px;
}

.v4-action-zone > p{
  margin:
    6px 0 16px;

  color:var(--muted);

  font-size:11px;
  line-height:1.5;
}

.v4-action-form{
  display:grid;

  grid-template-columns:
    repeat(
      2,
      minmax(0,1fr)
    );

  gap:12px;
}

.v4-action-form .full{
  grid-column:1/-1;
}

.v4-field{
  min-width:0;

  display:flex;
  flex-direction:column;
  gap:6px;
}

.v4-field span{
  color:var(--muted);

  font-size:9px;
  font-weight:800;

  text-transform:uppercase;
  letter-spacing:.05em;
}

.v4-field input,
.v4-field textarea,
.v4-field select{
  width:100%;

  min-height:42px;

  padding:
    10px 12px;

  border:
    1px solid
    var(--border);

  border-radius:11px;

  outline:0;

  background:#fff;

  color:var(--ink);
}

.v4-field textarea{
  min-height:115px;
  resize:vertical;
}

.v4-field input:focus,
.v4-field textarea:focus,
.v4-field select:focus{
  border-color:
    var(--purple-2);

  box-shadow:
    0 0 0 3px
    rgba(137,80,154,.1);
}

.v4-actions-row{
  grid-column:1/-1;

  display:flex;
  align-items:center;
  gap:9px;

  flex-wrap:wrap;

  margin-top:4px;
}

.v4-action-button{
  min-height:40px;

  padding:
    0 15px;

  border:
    1px solid
    var(--purple);

  border-radius:11px;

  background:
    var(--purple);

  color:#fff;

  font-size:10px;
  font-weight:800;
}

.v4-action-button.secondary{
  border-color:
    var(--border);

  background:#fff;

  color:
    var(--purple);
}

.v4-action-button.danger{
  border-color:#b94b5b;
  background:#b94b5b;
}

.v4-action-button:disabled{
  cursor:not-allowed;
  opacity:.5;
}

.v4-gate-note{
  grid-column:1/-1;

  padding:
    10px 12px;

  border-radius:11px;

  background:#f6edf7;

  color:#6a5270;

  font-size:10px;
  line-height:1.45;
}

.v4-gate-note strong{
  color:
    var(--purple);
}

.v4-action-result{
  grid-column:1/-1;

  margin-top:4px;

  padding:
    10px 12px;

  border:
    1px solid
    var(--border);

  border-radius:11px;

  background:#fff;

  color:var(--muted);

  font-size:10px;
  overflow-wrap:anywhere;
}

.v4-action-result.ok{
  border-color:#cce6d6;
  background:#f4fbf7;
  color:#23764f;
}

.v4-action-result.error{
  border-color:#edced4;
  background:#fff7f8;
  color:#a74454;
}

@media(max-width:650px){
  .v4-action-form{
    grid-template-columns:1fr;
  }

  .v4-action-form .full{
    grid-column:auto;
  }

  .v4-actions-row,
  .v4-gate-note,
  .v4-action-result{
    grid-column:auto;
  }
}