/* IJsselStudio Webtools styling rules (no horizontal padding/margins) */

.ijs-toolbox,
.ijs-toolbox * { box-sizing: border-box; }

.ijs-toolbox {
  padding-left: 0;
  padding-right: 0;
  margin-left: 0;
  margin-right: 0;
}

.ijs-title {
  margin: 0 0 18px 0;
  padding-left: 0;
  padding-right: 0;
}

.ijs-form {
  padding-left: 0;
  padding-right: 0;
  margin-left: 0;
  margin-right: 0;
}

.ijs-row {
  display: flex;
  gap: 0;
  align-items: stretch;
  padding-left: 0;
  padding-right: 0;
  margin-left: 0;
  margin-right: 0;
}

.ijs-input {
  flex: 1 1 auto;
  border: 1px solid #F99D34;
  padding: 15px 16px;
  margin: 0;
  border-radius: 0;
  outline: none;
  min-width: 0;
}

.ijs-button {
  flex: 0 0 auto;
  background: #F99D34;
  color: #ffffff;
  border: 1px solid #F99D34;
  padding: 15px 18px;
  margin: 0;
  border-radius: 0;
  cursor: pointer;
  white-space: nowrap;
}

.ijs-results {
  margin-top: 18px;
  padding-left: 0;
  padding-right: 0;
}

.ijs-pair {
  display: grid;
  grid-template-columns: 240px 1fr;
  border: 1px solid #77C634;
  border-bottom: 0;
  margin-left: 0;
  margin-right: 0;
}

.ijs-pair:last-child { border-bottom: 1px solid #77C634; }

.ijs-label {
  background: #F7FCF3;
  padding: 12px 14px;
  margin: 0;
}

.ijs-value {
  background: #ffffff;
  padding: 12px 14px;
  margin: 0;
  word-break: break-word;
}

.ijs-list {
  margin: 0;
  padding-left: 18px;
}

.ijs-list li { margin: 0 0 6px 0; }
.ijs-list li:last-child { margin-bottom: 0; }

.ijs-note {
  margin-top: 12px;
  margin-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  color: #333;
  font-size: 14px;
}