/* Contract confirmation: solid surfaces, readable equipment, optional partial scope. */
.modal.conversion-modal {
  width: min(960px, 100%);
  color: var(--fusion-ink, #17324a);
}

/* Closing the remaining demand needs a reason, with its scope shown read-only. */
.modal.closure-modal fieldset.closure-confirmation {
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
}
.closure-modal .closure-summary {
  padding: 16px 18px;
  margin-bottom: 18px;
  background: var(--fusion-selected, #f2f9f9);
  border: 1px solid var(--fusion-line, #c5dde0);
  border-left: 4px solid var(--fusion-accent, #087e8b);
  border-radius: 8px;
  color: var(--fusion-ink, #17324a);
  overflow-wrap: anywhere;
}
.closure-modal .closure-summary h3 {
  font-size: 17px;
  line-height: 1.5;
}
.closure-modal .closure-equipment-list {
  padding: 0;
  margin: 10px 0;
  list-style: none;
  display: grid;
  gap: 7px;
  font-size: 14px;
  line-height: 1.65;
}
.closure-modal .closure-equipment-list strong {
  margin-left: 10px;
  white-space: nowrap;
}

.closure-modal .closure-summary p {
  margin-top: 8px;
  line-height: 1.65;
}
.closure-modal .closure-scope-issues {
  color: #78430E;
  padding: 12px;
  background: #FFF6E8;
  border: 1px solid #E6CDAA;
  border-radius: 6px;
  margin-bottom: 16px;
  line-height: 1.65;
  overflow-wrap: anywhere;
}
.conversion-modal .conversion-equipment-summary {
  padding: 18px 20px;
  margin-bottom: 20px;
  border: 1px solid var(--fusion-line, #c5dde0);
  border-left: 4px solid var(--fusion-accent, #087e8b);
  border-radius: 8px;
  background: var(--fusion-selected, #f2f9f9);
  min-width: 0;
}
.conversion-modal .conversion-equipment-summary h3,
.conversion-modal .conversion-equipment-summary .strong {
  font-size: 18px;
  line-height: 1.5;
  color: var(--fusion-ink, #17324a);
}
.conversion-modal .conversion-equipment-summary ul {
  padding: 0;
  margin: 12px 0;
  list-style: none;
  display: grid;
  gap: 8px;
}
.conversion-modal .conversion-equipment-summary li {
  font-size: 15px;
  line-height: 1.6;
  overflow-wrap: anywhere;
}
.conversion-modal .conversion-equipment-list li {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: start;
}
.conversion-modal .conversion-equipment-quantity {
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
.conversion-modal .conversion-scope-tools {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 18px;
  margin-bottom: 8px;
}
.conversion-modal .conversion-scope-tools .text-link,
.conversion-modal .conversion-equipment-revision .text-link {
  min-height: 36px;
  font-size: 14px;
  white-space: normal;
}
.conversion-modal .conversion-equipment-revision {
  margin-bottom: 18px;
}
.conversion-modal .conversion-equipment-revision p {
  line-height: 1.65;
}
.conversion-modal .conversion-equipment-summary p,
.conversion-modal .conversion-scope-editor p {
  line-height: 1.65;
  overflow-wrap: anywhere;
}
.conversion-modal .conversion-equipment-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 18px;
  margin-top: 12px;
}
.conversion-modal .conversion-equipment-actions .text-link {
  min-height: 36px;
  font-size: 14px;
  white-space: normal;
}
.conversion-modal .conversion-scope-editor {
  padding: 16px;
  margin-top: 16px;
  border: 1px solid var(--fusion-line, #c5dde0);
  border-radius: 6px;
  background: #FFFFFF;
  min-width: 0;
}
.conversion-modal .conversion-scope-editor .scope-row {
  gap: 16px;
  padding: 12px 0;
  min-width: 0;
}
.conversion-modal .conversion-scope-editor .scope-row > div:first-child {
  min-width: 0;
  flex: 1;
  overflow-wrap: anywhere;
}
.conversion-modal .conversion-scope-editor .scope-quantity {
  flex-shrink: 0;
}
.conversion-modal .conversion-issues {
  color: #78430E;
  background: #FFF6E8;
  border: 1px solid #E6CDAA;
  border-radius: 6px;
  padding: 12px 16px;
  margin-top: 12px;
  line-height: 1.65;
  overflow-wrap: anywhere;
}
.conversion-modal fieldset {
  min-width: 0;
}
.conversion-modal fieldset.conversion-confirmation {
  margin: 0;
  padding: 0;
  border: 0;
}
.conversion-modal .form-grid {
  min-width: 0;
}
.conversion-modal .modal-footer .button {
  min-height: 44px;
}
@media (max-width: 600px) {
  .modal.conversion-modal {
    width: 100%;
    max-height: 96dvh;
  }
  .conversion-modal .conversion-equipment-summary {
    padding: 15px;
  }
  .conversion-modal .conversion-scope-editor {
    padding: 12px;
  }
  .conversion-modal .conversion-scope-editor .scope-row {
    flex-wrap: wrap;
    align-items: flex-start;
  }
  .conversion-modal .conversion-scope-editor .scope-row > div:first-child {
    flex-basis: 100%;
  }
  .conversion-modal .conversion-equipment-actions {
    flex-direction: column;
    gap: 6px;
  }
}