/* v0.10.7: denser shared approval forms without forcing narrow screens into one row. */
@media (min-width: 721px) {
  .v091-process-dialog .v091-decision th {
    width: 118px;
    padding: 8px 12px;
    white-space: nowrap;
  }

  .v091-process-dialog .v091-decision td {
    padding: 7px 12px;
  }

  .v091-process-dialog .v091-decision textarea {
    min-height: 52px;
  }

  .v0107-inline-field {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 12px;
  }

  .v0107-inline-field .v0104-modify-toggle,
  .v0107-inline-field .v0104-original-final {
    flex: 0 0 auto;
  }

  .v091-decision .v0107-inline-field > small {
    min-width: 0;
    margin: 0;
  }

  .v0107-deadline-row td,
  .v0107-note-row td {
    display: grid;
    align-items: center;
    gap: 12px;
  }

  .v0107-deadline-row td {
    grid-template-columns: minmax(360px, 460px) minmax(0, 1fr);
  }

  .v0107-note-row td {
    grid-template-columns: minmax(480px, 1fr) auto;
  }

  .v0107-deadline-row .v091-paired {
    grid-template-columns: 140px minmax(190px, 1fr);
  }

  .v091-decision .v0107-deadline-row td > small,
  .v091-decision .v0107-note-row td > small {
    margin: 0;
  }

  .v0107-return-note-row .v091-reason {
    grid-template-columns: minmax(200px, 240px) minmax(360px, 1fr);
  }
}

@media (max-width: 720px) {
  .v0107-inline-field {
    display: grid;
    gap: 5px;
  }
}