.feature-field {
  display: grid;
  gap: 6px;
  position: relative;
  color: #526078;
  font-size: 13px;
  font-weight: 650;
}

#feature-details { position: relative; }
#feature-details > summary {
  min-height: 40px;
  padding: 10px 34px 8px 11px;
  overflow: hidden;
  border: 1px solid #cbd5e1;
  border-radius: 7px;
  color: #17233c;
  background: white;
  font-weight: 400;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
  list-style: none;
}
#feature-details > summary::-webkit-details-marker { display: none; }
#feature-details > summary::after { content: "▾"; position: absolute; right: 11px; }
#feature-details.disabled > summary {
  color: #94a0b2;
  background: #eef1f5;
  cursor: not-allowed;
  pointer-events: none;
}
.feature-options {
  position: absolute;
  z-index: 20;
  top: calc(100% + 5px);
  right: 0;
  left: 0;
  min-width: 180px;
  padding: 7px;
  border: 1px solid #cbd5e1;
  border-radius: 8px;
  background: white;
  box-shadow: 0 12px 30px #17233c26;
}
.feature-options label { display: flex; align-items: center; gap: 8px; padding: 7px; cursor: pointer; }
.feature-options label:hover { background: #f3f6fb; }
.feature-options input { min-height: auto; }